/* ==========================================================================
   landing/landing.css — AnimaNaturalis Landing System v3.1
   Index principal. Carga DESPUÉS de Bootstrap, FontAwesome y main.css.

   ARQUITECTURA:
     Cada módulo _*.css tiene una responsabilidad única.
     El fondo de sección (bg) ocupa siempre el 100% del ancho.
     El contenido del bloque se acota con lbi-wide / lbi-narrow / lbi-full.

   COLORES DE CAMPAÑA:
     PHP inyecta inline <style>:root{--landing-primary: …}</style> por campaña.
     Los módulos usan var(--landing-primary/secondary/accent) para adaptar
     el color automáticamente sin tocar el CSS.

   CARGA INDIVIDUAL (opcional para módulos pesados):
     Los elements PHP pueden cargar solo su módulo si NO lo incluyes aquí:
       $this->Landing->css('_posts');   →  landing/_posts.css
       $this->Landing->css('landing/_thl');     →  landing/_thl.css
     CakePHP + LandingHelper::css() deduplican automáticamente.

   MÓDULOS
   ──────────────────────────────────────────────────────────────────────────
   _variables   Tokens de campaña + alias a main.css
   _base        Reset body.landing, hide nav principal
   _header      Header fijo, nav, logo, botón donar, partners
   _footer      Footer minimal de la landing
   _sticky-bar  Bottom sticky CTA + scroll-top-arrow
   _buttons     Botones propios: btn-lp-primary, btn-thl-*, btn-share, btn-amount
   _wysiwyg     Estilos .wysiwyg + _links landing (lp-read-more)
   _utilities   Helpers landing: colores campaña
   _accessibility Focus, reduced-motion, high-contrast
   _stage       Hero completo: image/video/carousel/parallax/thl/color/split
   _blocks      Sistema de bloques: landing-section, lbi-*, section-title
   ── Elements ──────────────────────────────────────────────────────────────
   _content     HTML libre: default/callout/two-col/pull-quote/sidebar
   _form-block  Formulario en flujo de bloques: single/two_col
   _items       Tarjetas: columns/featured/timeline/accordion/horizontal-scroll
   _stats-quote Stats: default/dark/cards/inline/impact — Quote: large/highlighted/carousel
   _media-blocks Testimonials/countdown/gallery/video/map/chart
   _share       Share buttons (+ .btn-* en _buttons)
   _partners    Partner logos
   _element-blocks Donations/divider/bar/signatures (+ _posts completo dentro)
   landing/_thl         Campañas THL: hero parallax, header, counter, footer
   ========================================================================== */

/* ── Tokens y reset ──────────────────────────────────────────────────────── */
@import '_variables.css';

/* ── Chrome de la página ─────────────────────────────────────────────────── */
@import '_header.css';
@import '_navigation.css';
@import '_footer.css';
@import '_sticky-bar.css';

/* ── Primitivos ──────────────────────────────────────────────────────────── */
@import '_buttons.css';
@import '_wysiwyg.css';
@import '_utilities.css';
/*@import '_accessibility.css';*/

/* ── Stage y sistema de bloques ──────────────────────────────────────────── */
@import '_stage.css';
@import '_blocks.css';

/* ── Elements ────────────────────────────────────────────────────────────── */

/* Nota: si el bundle de producción te preocupa el peso (~3.1 KB gzip total),
   mueve _posts.css y landing/_thl.css fuera de este index y cárgalos individualmente
   desde sus elements PHP via $this->Landing->css('landing/_thl').                 */

/* _content.css       → styles: default / callout / two-col / pull-quote / sidebar (ex thl-text) */
@import '_content.css';
/* _items.css         → styles: columns / featured / timeline / accordion / horizontal-scroll */
@import '_items.css';
/* _zigzag.css        → style "zigzag": secciones 50/50 imagen+texto con chevron CSS
                        Usado en landing-items (style:zigzag) y landing-posts (style:zigzag) */
@import '_zigzag.css';
/* _stats-quote.css   → stats: default/dark/cards/inline/impact + quote: large/highlighted/carousel */
@import '_stats-quote.css';
/* _media-blocks.css  → testimonials / countdown / gallery / video / map / chart */
@import '_media-blocks.css';
@import '_video.css';
/* _element-blocks.css → posts (TODOS los styles) / donations / divider / bar / signatures / form-block / share / partners */
@import '_element-blocks.css';