/*
Theme Name: EnQuilleco Directory Theme
Theme URI: https://enquilleco.cl
Description: Tema profesional para directorio de negocios locales en Quilleco, Chile.
Author: Antigravity
Author URI: https://google.com
Version: 1.0.0
Text Domain: enquilleco
*/

:root {
  /* Colores Principales */
  --primary-blue: #1E5BA8;
  /* Botones principales, enlaces, headers */
  --secondary-yellow: #F9B233;
  /* CTAs secundarios, badges, hover states, iconos destacados */
  --accent-dark: #2C3E50;
  /* Texto principal, navegación */

  /* Colores de Soporte */
  --bg-light: #F8F9FA;
  /* Fondos de secciones */
  --bg-white: #FFFFFF;
  /* Cards, modales */
  --text-primary: #333333;
  /* Texto principal */
  --text-secondary: #6C757D;
  /* Texto secundario */
  --border-color: #DEE2E6;
  /* Bordes sutiles */

  /* Estados */
  --success: #28A745;
  --warning: #FFC107;
  --error: #DC3545;
  --info: #17A2B8;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-primary);
  background-color: var(--bg-light);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif;
  color: var(--accent-dark);
}

/* Swiper Requerido: Mejorar visibilidad de paginación */
.gallery-carousel .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 0.7 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.gallery-carousel .swiper-pagination-bullet-active {
  background: var(--secondary-yellow) !important;
  opacity: 1 !important;
  width: 24px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease;
}

/* Legal Pages / Generic Pages Typography */
.entry-content {
    line-height: 1.75;
    font-size: 1rem;
    color: #4a5568; /* gray-700 */
}

.entry-content h2 {
    font-size: 1.5rem; /* 24px */
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--accent-dark);
}

.entry-content h3 {
    font-size: 1.25rem; /* 20px */
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: var(--accent-dark);
}

.entry-content p {
    margin-bottom: 1.25rem;
}

.entry-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.entry-content li {
    margin-bottom: 0.5rem;
}

.entry-content strong {
    font-weight: 600;
    color: var(--text-primary);
}

.entry-content a {
    color: var(--primary-blue);
    text-decoration: underline;
}