/*
 Theme Name:   Adarga REI — WpResidence Child
 Theme URI:    https://adargacorp.com
 Description:  Child theme de WpResidence para Adarga REI. Contiene únicamente los design
               tokens y los ajustes de componentes que las Opciones del Theme no cubren.
               Todo lo que se puede configurar desde Theme Options se configura ahí, NO aquí.
 Author:       Arrioja Publicidad
 Author URI:   https://adargacorp.com
 Template:     wpresidence
 Version:      1.4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  wpresidence
*/

/* ==========================================================================
   DESIGN TOKENS — Adarga REI
   Fuente de verdad: Figma "Adarga Rei" (vjMtNfDPy7muzE5XBifzi1).
   Los hex fueron muestreados directamente de los frames Navbar y Footer.
   ========================================================================== */

:root {
  /* --- Marca -------------------------------------------------------- */
  --adarga-primary: #590206;        /* Burdeos: botones CTA, titulares, link activo */
  --adarga-primary-hover: #7A0409;  /* Hover del CTA (tinte +8% luminosidad) */
  --adarga-accent: #8F0D0D;         /* Rojo del escudo del logo, íconos */
  --adarga-navy: #141B31;           /* Azul tinta: botón Buscar, wordmark */

  /* --- Superficies -------------------------------------------------- */
  --adarga-beige: #E7DFD1;          /* Fondo del navbar */
  --adarga-cream: #F4F1EA;          /* Fondo base del sitio y del footer */
  --adarga-surface: #FFFFFF;        /* Tarjetas, campos de formulario */

  /* --- Texto -------------------------------------------------------- */
  --adarga-text: #31312F;           /* Cuerpo principal */
  --adarga-text-muted: #494946;     /* Texto secundario */
  --adarga-text-subtle: #9E9E9E;    /* Metadatos, copyright */

  /* --- Líneas ------------------------------------------------------- */
  --adarga-border: #DCD9D3;         /* Divisores y bordes de tarjeta */
  --adarga-border-strong: #C3C1BB;  /* Bordes de input en foco */

  /* --- Tipografía --------------------------------------------------- */
  /* Las familias se eligen en Theme Options → Diseño → Fuentes, pero la
     petición a Google la sirve functions.php recortada a 5 variantes:
     Redux pedía las 29 de ambas familias y duplicaba el enlace. */
  --adarga-font-heading: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --adarga-font-body: 'Manrope', 'Helvetica Neue', Arial, sans-serif;

  /* --- Escala tipográfica fluida ------------------------------------ */
  --adarga-text-hero: clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem);
  --adarga-text-h2: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --adarga-text-h3: clamp(1.25rem, 1.05rem + 0.8vw, 1.625rem);
  --adarga-text-body: clamp(0.9375rem, 0.9rem + 0.15vw, 1rem);
  --adarga-text-small: 0.875rem;

  /* --- Ritmo vertical ----------------------------------------------- */
  --adarga-space-section: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --adarga-space-block: clamp(1.5rem, 1.2rem + 1.2vw, 2.5rem);
  --adarga-container: 1240px;

  /* --- Forma -------------------------------------------------------- */
  --adarga-radius-sm: 6px;          /* Chips y pills de filtro */
  --adarga-radius-md: 8px;          /* Botones y tarjetas de propiedad */
  --adarga-radius-lg: 16px;         /* Tarjeta de búsqueda del hero */

  /* --- Movimiento --------------------------------------------------- */
  --adarga-duration: 220ms;
  --adarga-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   BASE
   Solo lo que Theme Options no expone. Colores de fondo, fuentes y tamaños
   de encabezado se definen en Theme Options → General / Typography.
   ========================================================================== */

body {
  font-family: var(--adarga-font-body);
  font-size: var(--adarga-text-body);
  color: var(--adarga-text);
  background-color: var(--adarga-cream);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.wpestate_property_description_title {
  font-family: var(--adarga-font-heading);
  color: var(--adarga-primary);
  letter-spacing: -0.01em;
}

/* El contenedor del theme es 1200px; el Figma trabaja a 1240px útiles. */
.container {
  max-width: var(--adarga-container);
}

/* Respeta la preferencia de movimiento reducido del sistema. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}