/* ============================================================ */
/* site.css — Estilos comunes a todas las páginas del sitio    */
/* Generado automáticamente por extract_common_css.py           */
/* No editar a mano sin documentar el cambio.                   */
/* ============================================================ */

/* ============================================================ */
/* DESIGN TOKENS — escala unificada de diseño                  */
/* Fuente: docs/proyecto/propuesta-diseno.md                    */
/* ============================================================ */
:root{
  /* Escala tipográfica */
  --fs-display:clamp(2.6rem,4.5vw,4.2rem); /* h1 de heroes */
  --fs-h2:clamp(1.8rem,3vw,2.8rem);
  --fs-h3:clamp(1.15rem,1.6vw,1.4rem);
  --fs-lead:clamp(1.05rem,1.4vw,1.25rem);
  --fs-body:1rem;
  --fs-small:.9rem;
  --fs-tiny:.72rem;

  /* Pesos canónicos */
  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;

  /* Escala de spacing */
  --sp-xs:.5rem;
  --sp-sm:1rem;
  --sp-md:2rem;
  --sp-lg:3.5rem;
  --sp-xl:5.5rem;
  --sp-2xl:7.5rem;

  /* Border radius */
  --r-sm:8px;
  --r-md:16px;
  --r-pill:40px;
  --r-full:999px;

  /* Sombras canónicas */
  --shadow-sm:0 2px 16px rgba(34,31,32,.05);
  --shadow-md:0 12px 40px rgba(34,31,32,.12);
  --shadow-lg:0 20px 60px rgba(34,31,32,.18);

  /* Transiciones */
  --t-fast:.18s ease;
  --t-base:.25s ease;
  --t-slow:.4s ease;
}

/* Fuente self-hosteada (Montserrat variable, subset latin) */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 600;font-display:swap;src:url('/assets/fonts/montserrat.woff2') format('woff2');}

/* Abril Display — tipografia de titulos (uso editorial, segun manual de marca) */
@font-face{font-family:'Abril Display';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/abril-display.woff2') format('woff2');}
@font-face{font-family:'Abril Display';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/abril-display-italic.woff2') format('woff2');}
@font-face{font-family:'Abril Display';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/abril-display-bold.woff2') format('woff2');}
@font-face{font-family:'Abril Display';font-style:italic;font-weight:700;font-display:swap;src:url('/assets/fonts/abril-display-bold-italic.woff2') format('woff2');}

/* Accesibilidad */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#221F20;color:#fff;padding:.75rem 1.25rem;border-radius:0 0 8px 0;font-weight:500;text-decoration:none;}
.skip-link:focus{left:0;}
a:focus-visible,button:focus-visible{outline:2px solid var(--burdeo);outline-offset:2px;}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:.7rem 5%;background:rgba(253,250,248,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(230,202,203,.3);transition:box-shadow .3s;}

.nav-links{display:flex;gap:2.2rem;list-style:none;align-items:flex-start;}

.nav-links a{text-decoration:none;color:var(--negro);font-size:.78rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;transition:color .25s;position:relative;padding-bottom:.18rem;}

.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--burdeo);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;}

.nav-links a:hover{color:var(--burdeo);}
.nav-links a:hover::after{transform:scaleX(1);}
.nav-links a.active{color:var(--burdeo);font-weight:500;}
.nav-links a.active::after{transform:scaleX(1);}
/* Items de 2 líneas (Primero el Orden / Galería de Regalos): el <a> inline ancla el
   subrayado a la altura de una sola línea y queda entre las palabras. Solución: dibujar
   el subrayado sobre el <span> (que ya es inline-block de 2 líneas) para que caiga debajo
   de la palabra, SIN tocar el display del <a> (no se altera la altura ni posición del item). */
.nav-links a:has(span)::after{display:none;}
.nav-links a:has(span) span{position:relative;}
.nav-links a:has(span) span::after{content:'';position:absolute;left:0;right:0;bottom:-.18rem;height:1px;background:var(--burdeo);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;}
.nav-links a:has(span):hover span::after,
.nav-links a.active:has(span) span::after{transform:scaleX(1);}
.nav-cta::after{display:none !important;}

.nav-cta{background:var(--rosa)!important;color:var(--negro)!important;padding:.55rem 1.4rem;border-radius:40px;font-size:.72rem!important;font-weight:500!important;letter-spacing:.1em!important;transition:background .25s!important;border:1px solid var(--rosa);}

.nav-cta:hover{background:var(--rosa-dk)!important;}

.hero{min-height:100vh;padding-top:105px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;background:var(--crema);position:relative;overflow:hidden;}

.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(230,202,203,.45) 0%,transparent 70%);pointer-events:none;}

.hero-left{display:flex;flex-direction:column;justify-content:center;padding:1rem 4rem 1rem 6rem;position:relative;z-index:2;}

.breadcrumb{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}

.breadcrumb a{color:var(--gris-osc);text-decoration:none;transition:color .25s;}

.breadcrumb a:hover{color:var(--burdeo);}

.breadcrumb span{color:var(--gris-osc);}

.hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:white;border:1px solid var(--rosa);border-radius:22px;padding:.35rem .9rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--burdeo);font-weight:500;margin-bottom:.85rem;width:fit-content;}

.hero h1 em{font-style:italic;color:var(--burdeo);}

.hero-desc{font-size:1rem;color:var(--gris-osc);line-height:1.5;margin-bottom:.55rem;max-width:none;}

.hero-price-box{background:white;border:1px solid rgba(230,202,203,.7);border-radius:16px;padding:.8rem 1.3rem;margin-bottom:.55rem;display:block;align-self:stretch;text-align:center;}

.hero-btns{display:flex;gap:.8rem;flex-wrap:wrap;}

.btn-usd{display:inline-block;text-decoration:none;background:var(--negro);color:white;padding:.9rem 2.2rem;border-radius:40px;font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .25s;}

.btn-usd:hover{background:var(--burdeo);transform:translateY(-2px);}

.btn-ars:hover{border-color:var(--burdeo);color:var(--burdeo);}

.hero-right{position:relative;overflow:hidden;}

.hero-right picture{position:absolute;inset:0;display:block;}
.hero-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}

.hero-badge p{font-family:var(--ff-head);font-style:italic;font-size:.9rem;color:var(--negro);line-height:1.5;max-width:230px;}

/* ============================================================ */
/* EYEBROW — label canónico para títulos de sección             */
/* Reemplaza: .section-label, .hero-tag (pill), .hero-eyebrow   */
/* Modos: claro (default) | .eyebrow.center | .eyebrow.dark     */
/* ============================================================ */
.eyebrow,.section-label,.hero-eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--ff-body);font-size:var(--fs-tiny);letter-spacing:.22em;text-transform:uppercase;color:var(--burdeo);font-weight:var(--fw-semibold);margin-bottom:1.2rem;}
.eyebrow::before,.section-label::before,.hero-eyebrow::before{content:'';display:inline-block;width:28px;height:1px;background:currentColor;opacity:.55;}
.eyebrow.center,.section-label.center{justify-content:center;}
.eyebrow.center::after,.section-label.center::after{content:'';display:inline-block;width:28px;height:1px;background:currentColor;opacity:.55;}
.eyebrow.dark,.section-label.dark{color:var(--rosa);}

h2.title{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15;color:var(--negro);}

h2.title em{font-style:italic;color:var(--burdeo);}

p.body-text{font-size:1.02rem;color:var(--gris-osc);line-height:1.9;margin-bottom:1.1rem;}

.problema{background:var(--negro-calido);padding:3.75rem 5%;position:relative;overflow:clip;}

.problema::before{content:'';position:absolute;border-radius:50%;pointer-events:none;width:500px;height:500px;background:radial-gradient(circle,rgba(230,202,203,.1) 0%,transparent 70%);top:-80px;right:-80px;}

.problema-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:2;}

.problema .section-label{color:var(--rosa);}

.problema .section-label::before{background:var(--rosa-dk);}

.problema h2{font-family:var(--ff-head);font-weight:700;font-size:clamp(2rem,3.5vw,3rem);color:white;line-height:1.15;margin-bottom:1.5rem;}

.problema h2 em{font-style:italic;color:var(--rosa);}

.problema p{color:rgba(255,255,255,.9);font-size:1.02rem;line-height:1.9;margin-bottom:1rem;}

.problema-pull{border-left:2px solid var(--rosa);padding:1.2rem 1.5rem;background:rgba(230,202,203,.06);border-radius:0 8px 8px 0;margin:1.5rem 0;}

.problema-pull p{font-family:var(--ff-head);font-style:italic;font-size:1.15rem;color:white !important;margin:0 !important;}

.problema-img{border-radius:16px;overflow:hidden;height:500px;}

.problema-img img{width:100%;height:100%;object-fit:cover;}

.test-section{background:var(--blanco);padding:3.75rem 5%;}

/* Sección "La experiencia detrás" — usada por partial testimonios.html en todos los cursos */
.origen-section{background:var(--crema);padding:4rem 5%;text-align:center;}
.origen-inner{max-width:1080px;margin:0 auto;}
.origen-titulo{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.2;color:var(--negro);margin-bottom:1.8rem;}
.origen-titulo em{font-style:italic;color:var(--burdeo);}
.origen-sub{font-size:1.08rem;color:var(--gris-osc);line-height:1.9;margin:0 auto 2.8rem;}
.origen-remate{display:flex;flex-direction:column;gap:.55rem;}
.origen-remate p{font-family:var(--ff-head);font-style:italic;font-size:clamp(1.25rem,2.1vw,1.65rem);color:var(--negro);line-height:1.4;margin:0;}
.origen-remate p:last-child{color:var(--burdeo);}
.origen-remate p em{font-style:italic;color:var(--burdeo);}
.origen-videos-titulo{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.25;color:var(--negro);margin:3.4rem 0 .9rem;}
.origen-videos-titulo em{font-style:italic;color:var(--burdeo);}
.origen-videos-sub{font-size:1rem;color:var(--gris-osc);line-height:1.8;margin:0 auto;}
.origen-videos{display:grid;grid-template-columns:repeat(4,1fr);gap:2.6rem 1.6rem;max-width:1140px;margin:3.6rem auto 0;}
.origen-video{display:flex;flex-direction:column;text-align:center;}
.origen-video-thumb{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 10px 30px rgba(34,31,32,.16);}
.origen-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.origen-video-thumb:hover .play-btn svg{transform:scale(1.12);}
.origen-video-frase{font-family:var(--ff-head);font-style:italic;font-size:.95rem;color:var(--gris-osc);line-height:1.55;margin:1.05rem 0 .55rem;flex:1;}
.origen-video-name{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--burdeo);font-weight:600;margin:0;}
@media (max-width:900px){.origen-videos{grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px){.origen-videos{grid-template-columns:repeat(2,1fr);gap:2rem 1rem;}}

.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1200px;margin:2.5rem auto 0;}

.video-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#1A1316;}

.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block;}

.test-card:hover .video-thumb img{transform:scale(1.04);}

.play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);transition:background .3s;}

.video-thumb:hover .play-btn{background:rgba(0,0,0,.4);}

.video-thumb:hover .play-btn svg{transform:scale(1.1);}

.test-name{padding:.8rem 1rem;font-family:var(--ff-head);font-weight:700;font-size:.9rem;color:var(--negro);}

.marcela-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;}

.marcela-img{border-radius:20px;overflow:hidden;height:520px;}

.marcela-img img{width:100%;height:100%;object-fit:cover;object-position:center top;}

.marcela-pull p{font-family:var(--ff-head);font-style:italic;font-size:1.1rem;color:var(--negro);line-height:1.55;}

.price-includes{display:flex;flex-direction:column;gap:.7rem;text-align:left;margin-bottom:2rem;}

/* Bloque final de precio en inscripción — unificado global */
.price-block .price-tachado{font-size:.95rem;color:var(--gris-osc);text-decoration:line-through;margin-bottom:.4rem;text-align:center;}

/* Hero price box — formato unificado global */
.hero-price-box .price-full{font-size:.82rem;color:var(--gris-osc);text-decoration:line-through;margin-bottom:.2rem;}
.hero-price-box .price-offer{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.4rem,3.6vw,1.9rem);color:var(--burdeo);line-height:1.15;}
.hero-price-box .price-detail{display:inline-flex;align-items:center;gap:.45rem;background:var(--rosa-lt);border:1px solid var(--rosa);border-radius:22px;padding:.5rem 1.1rem;font-size:.76rem;font-weight:600;letter-spacing:.03em;color:var(--burdeo);margin-top:.6rem;}

.buy-btns{display:flex;flex-direction:row;gap:.8rem;flex-wrap:wrap;justify-content:center;}
.buy-btns > a{flex:1 1 220px;min-width:0;}
@media (max-width:520px){.buy-btns > a{flex:1 1 100%;}}

.hero-btns > a{flex:1 1 220px;min-width:0;text-align:center;}

footer{background:#1A1316;color:rgba(255,255,255,.9);padding:2.75rem 5% 2rem;}

.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:2rem;}

.footer-brand p{font-size:.85rem;line-height:1.75;margin-top:1rem;max-width:240px;}

.footer-col h5{font-weight:500;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.95);margin-bottom:1.2rem;}

.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;}

.footer-col ul li a{color:rgba(255,255,255,.9);text-decoration:none;font-size:.85rem;transition:color .25s;}

.footer-col ul li a:hover{color:var(--rosa);}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;}

.footer-bottom a{color:rgba(255,255,255,.88);text-decoration:none;transition:color .25s;}

.footer-bottom a:hover{color:var(--rosa);}

.footer-links{display:flex;gap:1.5rem;}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}

.reveal.visible{opacity:1;transform:translateY(0);}

.rd1{transition-delay:.08s;}

.rd2{transition-delay:.16s;}

.rd3{transition-delay:.24s;}

.hamburger{ display: none; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 6px; z-index: 300; flex-shrink: 0; }

.hamburger span{ display: block; width: 24px; height: 2px; background: var(--negro); border-radius: 2px; transition: all .3s ease; }

.hamburger.active span:nth-child(1){ transform: translateY(7px) rotate(45deg); }

.hamburger.active span:nth-child(2){ opacity: 0; transform: scaleX(0); }

.hamburger.active span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 1100px){
    .course-grid.cols-4 { grid-template-columns: repeat(2, 1fr) !important; }
    .course-grid.cols-3 { grid-template-columns: repeat(2, 1fr) !important; }
  }

@media (max-width: 900px){
    .hero { grid-template-columns: 1fr !important; grid-template-rows: auto !important; height: auto !important; min-height: auto !important; }
    .hero-right { height: 55vw !important; min-height: 240px !important; max-height: 400px !important; }
    .hero-left { padding: 2.75rem 5% 2.5rem !important; }
    .hero-badge { display: none !important; }
    .problema-inner, .marcela-inner, .qa-grid, .dif-inner,
    .modulo3-inner, .visualiza-inner, .modulos-inner, .intro-grid { grid-template-columns: 1fr !important; gap: 2rem !important; }
    .course-grid.cols-3, .modulos-grid,
    .que-recibes-grid, .bene-grid, .incluye-grid,
    .motivos-grid, .por-que-grid, .dif-grid, .pq-grid,
    .clases-grid, .visualiza-items { grid-template-columns: repeat(2, 1fr) !important; }
    .course-grid.cols-4, .test-grid, .footer-top { grid-template-columns: repeat(2, 1fr) !important; }
    .marcela-img, .qa-img, .problema-img, .modulo3-img { height: 55vw !important; max-height: 380px !important; }
  }

/* Precios duales ARS|USD — formato unificado del Doc 2 */
.price-ars{font-weight:700;}
.price-usd{font-weight:400;opacity:.7;}
.price-sep{font-weight:300;opacity:.5;margin:0 .35em;}

/* ============================================================ */
/* FASE 1 — Reglas .hero subidas desde locales (mayoritarias)   */
/* Variantes canónicas: 27 páginas h1, 29 hero-badge, 23 for/   */
/* for-item, 21 hero-subtitle, 21 hero-price-box .price, 38     */
/* media 640px hero. Locales siguen sobreescribiendo hasta      */
/* Fase 2 (eliminación). No tocar sin documentar.               */
/* ============================================================ */
.hero h1{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:1.12;color:var(--negro);margin-bottom:.5rem;}
.hero-subtitle{font-family:var(--ff-head);font-style:italic;font-size:1.05rem;color:var(--gris-osc);margin-bottom:.55rem;line-height:1.3;}
.hero-badge{position:absolute;bottom:1.5rem;left:1.5rem;background:var(--rosa);padding:1.1rem 1.4rem;border-radius:12px;box-shadow:0 8px 28px rgba(34,31,32,.28);text-align:center;max-width:calc(100% - 3rem);z-index:3;}
.hero-for{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.55rem;}
.hero-for-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.35;color:var(--negro);}
.hero-for-item::before{content:'✦';color:var(--rosa-dk);font-size:.8rem;margin-top:.2rem;flex-shrink:0;}
.hero-price-box .price{font-family:var(--ff-head);font-weight:700;font-size:2.4rem;color:var(--burdeo);line-height:1;}

@media (max-width:640px){
  .hero-left{padding:2.5rem 5% 2rem !important;}
  .hero h1{font-size:clamp(1.7rem,8vw,2.4rem) !important;}
  .hero-right{height:60vw !important;}
  .hero-btns{flex-direction:column !important;}
  .hero-btns a{flex:0 0 auto !important;width:100% !important;text-align:center !important;}
}

/* ============================================================ */
/* FASE 2 — Seccion .precio-cta + .price-block (variantes      */
/* mayoritarias del audit). Locales con drift se preservan      */
/* hasta Fase 2b. Variantes intencionales (burdeo, claras)      */
/* se preservan permanentemente.                                */
/* ============================================================ */
.precio-cta{background:var(--rosa-lt);padding:3.75rem 5%;position:relative;overflow:hidden;}
.precio-cta::before{content:'';position:absolute;border-radius:50%;pointer-events:none;width:600px;height:600px;background:radial-gradient(circle,rgba(230,202,203,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);}
.precio-cta-inner{max-width:980px;margin:0 auto;text-align:center;position:relative;z-index:2;}
.precio-cta h2{font-family:var(--ff-head);font-weight:700;font-size:clamp(2rem,3.5vw,3rem);line-height:1.1;margin-bottom:1.2rem;color:var(--negro);}
.precio-cta h2 em{font-style:italic;color:var(--burdeo);}
.precio-cta .section-label{color:var(--burdeo);}
.precio-cta .section-label::before,.precio-cta .section-label::after{background:var(--burdeo);}

.price-block{background:#fff;border-radius:20px;padding:2.8rem;margin:2rem 0 1.5rem;border:1px solid rgba(230,202,203,.5);box-shadow:0 8px 30px rgba(34,31,32,.06);position:relative;}

/* Badge "Precio de inauguración" — toggle global en hugo.toml ([params.promo].inauguracion) */
.promo-badge{position:absolute;top:-3rem;right:-5rem;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:var(--rosa);color:var(--negro);border:1px solid var(--rosa-dk);border-radius:24px;padding:.85rem 1.15rem .9rem;box-shadow:0 8px 20px rgba(34,31,32,.22),0 2px 4px rgba(34,31,32,.14);min-width:152px;text-align:center;font-family:var(--ff-body);line-height:1.2;animation:promoBreath 6s ease-in-out infinite;transform-origin:center;pointer-events:none;}
.promo-badge-emoji{font-size:1.35rem;line-height:1;margin-bottom:.1rem;}
.promo-badge-label{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--burdeo);}
.promo-badge-main{font-family:var(--ff-head);font-weight:700;font-size:.98rem;letter-spacing:.01em;color:var(--negro);text-transform:uppercase;}
.promo-badge-dates{font-size:.62rem;font-weight:500;color:var(--gris-osc);letter-spacing:.02em;margin-top:.2rem;}
@keyframes promoBreath{0%,100%{transform:scale(1);}50%{transform:scale(1.04);}}
@media (max-width:640px){.promo-badge{position:static;margin:0 auto 1.3rem;padding:.7rem 1.1rem .75rem;min-width:0;max-width:fit-content;}.promo-badge-emoji{font-size:1.15rem;}.promo-badge-main{font-size:.88rem;}}
@media (prefers-reduced-motion:reduce){.promo-badge{animation:none;}}
.price-block .big-price{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.5rem,5.2vw,2.6rem);color:var(--burdeo);line-height:1.15;margin-bottom:.5rem;letter-spacing:-.01em;}
.price-block .price-label{display:inline-flex;align-items:center;gap:.5rem;background:rgba(230,202,203,.32);border:1px solid var(--rosa);border-radius:22px;padding:.55rem 1.3rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--burdeo);margin-bottom:2rem;}
.price-includes li{list-style:none;display:flex;align-items:flex-start;gap:.7rem;font-size:.97rem;color:var(--negro);line-height:1.5;}
.price-includes li::before{content:'✓';color:var(--burdeo);font-weight:700;flex-shrink:0;margin-top:.15rem;}

.btn-compra-usd{display:block;text-align:center;text-decoration:none;background:var(--rosa);color:var(--negro);padding:1rem 2rem;border-radius:40px;font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:all .25s;}
.btn-compra-usd:hover{background:var(--rosa-dk);transform:translateY(-2px);}
.btn-compra-ars{display:block;text-align:center;text-decoration:none;background:rgba(255,255,255,.08);color:rgba(255,255,255,.95);padding:1rem 2rem;border-radius:40px;font-size:.82rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .25s;border:1.5px solid rgba(255,255,255,.2);}
.btn-compra-ars:hover{background:rgba(255,255,255,.14);border-color:var(--rosa);}

.garantia{background:rgba(230,202,203,.22);border-radius:12px;padding:1.3rem 1.5rem;margin-top:1.5rem;font-size:.9rem;color:var(--gris-osc);line-height:1.75;text-align:left;}
.garantia strong{color:var(--negro);}

/* ============================================================ */
/* FASE 3 — Seccion .marcela-section (variantes mayoritarias).  */
/* 22 paginas con bg rosa-lt y pull white (esquema A) | 15      */
/* paginas con bg white y pull rosa-lt (esquema B, intencional).*/
/* ============================================================ */
.marcela-section{background:var(--rosa-lt);padding:3.75rem 5%;}
.marcela-pull{background:white;border-radius:12px;padding:1.5rem 1.8rem;border-left:3px solid var(--rosa-dk);margin:1.8rem 0;}

/* ============================================================ */
/* FASE 4 — Seccion .visualiza (esquema centrado mayoritario).  */
/* 31 paginas con items en grid centrado (mayoritaria 16 + 15   */
/* drift). Las 21 con layout grid 2-cols image+text overridean  */
/* .visualiza-inner localmente.                                 */
/* ============================================================ */
.visualiza{background:var(--crema);padding:3.75rem 5%;}
.visualiza-inner{max-width:1080px;margin:0 auto;text-align:center;}
.visualiza h2{font-family:var(--ff-head);font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;margin-bottom:2.5rem;}
.visualiza h2 em{font-style:italic;color:var(--burdeo);}
.visualiza-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left;}
.visualiza-item{background:white;border-radius:12px;padding:1.3rem 1.5rem;border:1px solid rgba(230,202,203,.4);display:flex;align-items:flex-start;gap:.8rem;}
.visualiza-item::before{content:'✨';flex-shrink:0;font-size:1.1rem;}
.visualiza-item p{font-size:.97rem;color:var(--gris-osc);line-height:1.7;margin:0;}

/* ============================================================ */
/* FASE 5 — .test-card (mayoritaria con box-shadow).            */
/* 29 paginas con shadow + transition. Preserva 4 con padding   */
/* 2rem (layout distinto) y 1 flex-column.                      */
/* ============================================================ */
.test-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(34,31,32,.06);border:1px solid rgba(230,202,203,.3);transition:transform .3s,box-shadow .3s;}
.test-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(34,31,32,.1);}

/* ============================================================ */
/* FASE 6 — .faq seccion completa (33 paginas, 0 variantes).    */
/* ============================================================ */
.faq{background:var(--crema);padding:3.25rem 5%;}
.faq-inner{max-width:1000px;margin:0 auto;}
.faq-item{border-bottom:1px solid rgba(230,202,203,.6);padding:0;}
.faq-item:last-child{border-bottom:none;}
.faq-q{font-family:var(--ff-head);font-weight:700;font-size:1.05rem;color:var(--negro);margin:0;padding:1.4rem 2.6rem 1.4rem 0;cursor:pointer;list-style:none;position:relative;transition:color .2s;}
.faq-q::-webkit-details-marker{display:none;}
.faq-q::after{content:"";position:absolute;right:.4rem;top:1.55rem;width:9px;height:9px;border-right:2px solid var(--burdeo);border-bottom:2px solid var(--burdeo);transform:rotate(45deg);transition:transform .25s;}
.faq-item[open] .faq-q::after{transform:rotate(225deg);top:1.85rem;}
.faq-q:hover{color:var(--burdeo);}
.faq-a{font-size:.97rem;color:var(--gris-osc);line-height:1.85;padding:0 0 1.5rem;margin:0;}
.faq-item[open] .faq-q{color:var(--burdeo);}

/* ============================================================ */
/* FASE 7 — .que-aprendes (esquema A mayoritario + universales).*/
/* 10 paginas con bg blanco + grid sticky + items crema.         */
/* 4 paginas esquema B (bg rosa-lt, grid center, item white)     */
/* mantienen overrides locales.                                  */
/* ============================================================ */
.que-aprendes{background:var(--blanco);padding:3.75rem 5%;}
.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;max-width:1200px;margin:0 auto;}
.qa-img{border-radius:20px;overflow:hidden;height:520px;position:sticky;top:6rem;}
.qa-img img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.qa-items{display:flex;flex-direction:column;gap:1rem;}
.qa-item{background:var(--crema);border-radius:12px;padding:1.3rem 1.5rem;border:1px solid rgba(230,202,203,.4);transition:border-color .3s,transform .3s;}
.qa-item:hover{border-color:var(--rosa);transform:translateX(4px);}
.qa-item h4{font-family:var(--ff-head);font-weight:700;font-size:1rem;margin-bottom:.3rem;}
.qa-item p{font-size:.9rem;color:var(--gris-osc);line-height:1.7;margin:0;}

/* ============================================================ */
/* FASE 8 — .beneficios seccion completa (10 paginas, 0         */
/* variantes).                                                  */
/* ============================================================ */
.beneficios{background:var(--rosa-lt);padding:3.75rem 5%;}
.bene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1100px;margin:2.5rem auto 0;}
.bene-card{background:white;border-radius:16px;padding:2rem;border:1px solid rgba(230,202,203,.4);text-align:center;transition:transform .3s,border-color .3s;}
.bene-card:hover{transform:translateY(-4px);border-color:var(--rosa);}
.bene-icon{font-size:2rem;margin-bottom:.8rem;display:block;}
.bene-card h4{font-family:var(--ff-head);font-weight:700;font-size:1.05rem;margin-bottom:.5rem;}
.bene-card p{font-size:.92rem;color:var(--gris-osc);line-height:1.75;}

/* ============================================================ */
/* CITA CIERRE — sección ornamental pre-footer                  */
/* ============================================================ */
.cita-cierre{background:var(--rosa-lt);padding:3.5rem 5% 5rem;text-align:center;position:relative;overflow:hidden;}
.cita-cierre-inner{max-width:980px;margin:0 auto;position:relative;z-index:2;}
.cita-cierre blockquote{position:relative;}
.cita-cierre .cita-mark{display:block;font-family:var(--ff-head);font-size:6rem;line-height:.6;color:var(--rosa);opacity:.6;margin-bottom:.4rem;}
.cita-cierre blockquote p{font-family:var(--ff-head);font-style:italic;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.45;color:var(--negro);margin:0 0 1.5rem;}
.cita-cierre cite{display:inline-block;font-family:var(--ff-body);font-style:normal;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--burdeo);font-weight:var(--fw-semibold);}

/* ============================================================ */
/* WATERMARK — isotipo decorativo (flor de loto) en secciones   */
/* Uso: <section class="...">...<span class="watermark"></span> */
/* Variantes: .watermark.left .watermark.right .watermark.dark  */
/* ============================================================ */
.watermark{position:absolute;width:340px;height:340px;background:url('/assets/img/isotipo.svg') center/contain no-repeat;opacity:.08;pointer-events:none;z-index:0;top:50%;right:-60px;transform:translateY(-50%);}
.watermark.left{right:auto;left:-60px;}
.watermark.top{top:-40px;transform:none;}
.watermark.dark{filter:invert(1) brightness(2) hue-rotate(160deg);opacity:.06;}
.watermark.sm{width:220px;height:220px;}
.watermark.lg{width:480px;height:480px;}
@media (max-width:900px){.watermark{width:240px;height:240px;opacity:.05;}}

/* ============================================================ */
/* PULL-QUOTE — cita destacada unificada                        */
/* Usa: <blockquote class="pull-quote"> ... </blockquote>       */
/* Modo oscuro: .pull-quote.dark                                */
/* ============================================================ */
.pull-quote{font-family:var(--ff-head);font-style:italic;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.5;color:var(--burdeo);border-left:3px solid var(--rosa);padding:.8rem 0 .8rem 1.8rem;margin:2.2rem 0;}
.pull-quote.dark{color:var(--rosa);border-left-color:var(--rosa);}
.pull-quote cite{display:block;margin-top:.9rem;font-family:var(--ff-body);font-style:normal;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris-osc);font-weight:var(--fw-semibold);}
.pull-quote.dark cite{color:rgba(255,255,255,.7);}

/* ============================================================ */
/* SISTEMA DE BOTONES — 3 variantes canónicas                   */
/* primary: CTA principal | secondary: rosa-lt | ghost: outline */
/* Modificadores: .btn-large .btn-block .btn-pill               */
/* ============================================================ */
.btn-primary,.btn-secondary,.btn-ghost{display:inline-block;text-decoration:none;padding:.9rem 2.2rem;border-radius:var(--r-pill);font-family:var(--ff-body);font-size:.78rem;font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;transition:all var(--t-base);text-align:center;cursor:pointer;border:1.5px solid transparent;}
.btn-primary{background:var(--negro);color:#fff;}
.btn-primary:hover{background:var(--burdeo);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.btn-secondary{background:var(--rosa-lt);color:var(--negro);border-color:var(--rosa);}
.btn-secondary:hover{background:var(--rosa);border-color:var(--rosa-dk);transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.btn-ghost{background:transparent;color:var(--burdeo);border-color:var(--rosa-dk);}
.btn-ghost:hover{background:var(--rosa-lt);border-color:var(--burdeo);transform:translateY(-2px);}
.btn-large{padding:1.05rem 2.6rem;font-size:.82rem;}
.btn-block{display:block;width:100%;}
.btn-pill{border-radius:var(--r-full);}
.btn-primary:active,.btn-secondary:active,.btn-ghost:active{transform:translateY(0);}

/* Botón de compra unificado (pesos + dólares) — gradiente rosa de marca */
.btn-comprar{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;background:linear-gradient(135deg,var(--rosa) 0%,var(--rosa-dk) 100%);color:var(--negro);padding:1.05rem 2.6rem;border-radius:var(--r-full);font-family:var(--ff-body);font-size:.82rem;font-weight:var(--fw-semibold);letter-spacing:.09em;text-transform:uppercase;box-shadow:0 8px 26px rgba(208,181,178,.55);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;border:0;cursor:pointer;text-align:center;}
.btn-comprar:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(208,181,178,.72);filter:brightness(1.05);}
.btn-comprar:active{transform:translateY(-1px);}
.btn-comprar svg{width:18px;height:18px;flex-shrink:0;}

/* Ícono de fuego de la oferta — más prominente */
.fuego{font-size:1.75em;line-height:0;vertical-align:-.18em;}

/* === CSS consolidado desde cssLocal de paginas === */
.test-q {font-size:3rem;font-family:var(--ff-head);line-height:1;color:var(--rosa);margin-bottom:.5rem;display:block;}
.cta-final h2 em {font-style:italic;color:var(--rosa);}
.cta-btns {display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2;}
.btn-wsp:hover {background:#178845;transform:translateY(-2px);}
.hero-inner {position:relative;z-index:2;max-width:700px;padding:4rem 2rem;}
.por-que {background:var(--blanco);padding:3.75rem 5%;}
.por-que-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1100px;margin:2.5rem auto 0;}
.pq-icon {font-size:2rem;margin-bottom:.8rem;display:block;color:var(--burdeo);line-height:1;}
.pq-icon svg {width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block;}
.pq-card h4 {font-family:var(--ff-head);font-weight:700;font-size:1.1rem;margin-bottom:.6rem;}
.pq-item {background:white;border-radius:16px;padding:2rem;border:1px solid rgba(230,202,203,.4);}
.pq-item h4 {font-family:var(--ff-head);font-weight:700;font-size:1.05rem;margin-bottom:.5rem;}
.pq-item p {font-size:.92rem;color:var(--gris-osc);line-height:1.75;}
.modulo-card {background:var(--crema);border-radius:16px;padding:2rem;border:1px solid rgba(230,202,203,.4);transition:transform .3s,border-color .3s;display:flex;flex-direction:column;}
.modulo-card:hover {transform:translateY(-4px);border-color:var(--rosa);}
.modulo-card h3 {font-family:var(--ff-head);font-weight:700;font-size:1.05rem;color:var(--negro);margin-bottom:.7rem;line-height:1.3;}
.modulo-card p {font-size:.88rem;color:var(--gris-osc);line-height:1.75;flex:1;}
.camino-item {display:flex;align-items:flex-start;gap:1rem;padding:1.05rem 1.3rem;background:rgba(255,255,255,.045);border:1px solid rgba(230,202,203,.2);border-radius:14px;margin-bottom:.7rem;transition:border-color .3s,background .3s,transform .3s;}
.camino-item:last-child {margin-bottom:0;}
.camino-item:hover {border-color:var(--rosa);background:rgba(230,202,203,.1);transform:translateX(3px);}
.camino-icon {font-size:1.4rem;flex-shrink:0;width:40px;display:flex;align-items:center;justify-content:center;margin-top:.1rem;color:var(--rosa);}
.camino-icon svg {width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block;}
.cuotas-info {font-size:.88rem;color:var(--gris-osc);line-height:1.7;margin:1.2rem auto 0;max-width:640px;text-align:left;}
.cuotas-info p {margin:0 0 .7rem;}
.cuotas-info p:last-child {margin-bottom:0;}
.cuotas-info strong {color:var(--negro);font-weight:600;}
.cuotas-info svg {flex-shrink:0;width:20px;height:20px;stroke:var(--rosa);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.camino-text h4 {font-family:var(--ff-head);font-weight:700;font-size:1rem;color:white;margin-bottom:.3rem;}
.camino-text p {font-size:.92rem;color:rgba(255,255,255,.9);line-height:1.7;}
.visualiza-img {border-radius:20px;overflow:hidden;height:480px;}
.visualiza-img img {width:100%;height:100%;object-fit:cover;object-position:center top;}
.visualiza-content h2 {font-family:var(--ff-head);font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;margin-bottom:1.5rem;}
.visualiza-content h2 em {font-style:italic;color:var(--burdeo);}
.visualiza-pull p {font-family:var(--ff-head);font-style:italic;font-size:1.1rem;color:var(--negro);line-height:1.55;}
.certificado {background:var(--blanco);padding:3.25rem 5%;}
.cert-box p:last-child {margin-bottom:0;}
.cert-diploma {flex-shrink:0;width:40px;height:40px;color:var(--burdeo);}
.cert-diploma svg {width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block;}
.precio-cta .precio-desc {color:var(--gris-osc);font-size:1rem;line-height:1.9;margin-bottom:0;}
.cierre {background:var(--crema);padding:3.75rem 5%;text-align:center;}
.cierre-inner {max-width:980px;margin:0 auto;}
.cierre h2 {font-family:var(--ff-head);font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;color:var(--negro);margin-bottom:1rem;}
.cierre h2 em {font-style:italic;color:var(--burdeo);}
.cierre p {font-size:1.05rem;color:var(--gris-osc);line-height:1.85;margin-bottom:2rem;}
.btn-cierre {display:inline-block;text-decoration:none;background:var(--rosa);color:var(--negro);padding:1rem 2.4rem;border-radius:40px;font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:all .25s;}
.btn-cierre:hover {background:var(--rosa-dk);transform:translateY(-2px);}
.que-recibes-intro {font-size:1.02rem;color:var(--gris-osc);max-width:1000px;margin:.8rem auto 0;line-height:1.85;}
.hero-tag-avanzado {background:var(--negro);color:var(--rosa);border-color:rgba(230,202,203,.3);}
.modulo-list-item {background:white;border-radius:12px;padding:1.3rem 1.8rem;border:1px solid rgba(230,202,203,.4);display:flex;gap:1.2rem;align-items:flex-start;transition:border-color .3s,transform .3s;}
.modulo-list-item:hover {border-color:var(--rosa);transform:translateX(4px);}
.mli-num {font-family:var(--ff-head);font-weight:700;font-size:1.3rem;color:var(--rosa);line-height:1;flex-shrink:0;width:32px;}
.mli-content h4 {font-family:var(--ff-head);font-weight:700;font-size:1rem;color:var(--negro);margin-bottom:.3rem;}
.mli-content p {font-size:.88rem;color:var(--gris-osc);line-height:1.65;margin:0;}
.mli-sub span {display:block;font-size:.82rem;color:var(--gris-osc);line-height:1.6;}
.advertencia {background:rgba(151,124,129,.08);border:1px solid rgba(151,124,129,.3);border-radius:12px;padding:1.4rem 1.8rem;margin:2rem 0;display:flex;gap:1rem;align-items:flex-start;}
.advertencia-icon {font-size:1.5rem;flex-shrink:0;}
.advertencia p {font-size:.92rem;color:var(--gris-osc);line-height:1.75;margin:0;}
.advertencia strong {color:var(--negro);}
.video-test-grid .vt-normal {grid-column:span 2;}
.diferencias {background:var(--blanco);padding:3.75rem 5%;}
.dif-card h4 {font-family:var(--ff-head);font-weight:700;font-size:1.05rem;margin-bottom:.6rem;}
.problema li {color:rgba(255,255,255,.92);font-size:1rem;line-height:1.7;position:relative;padding-left:1.2rem;}
.problema li::before {content:"•";color:var(--rosa);position:absolute;left:0;font-size:1.15rem;font-weight:700;line-height:1.5;}
.testimonios-grid {display:grid;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;grid-template-columns:1fr;}
@media (min-width: 768px) {.testimonios-grid {grid-template-columns:repeat(2, 1fr);}}
@media (min-width: 1024px) {.testimonios-grid {grid-template-columns:repeat(4, 1fr);}}
@media (max-width: 767px) {.testimonio-card {max-width:360px;margin:0 auto;}}
.hero-eyebrow::before {content:"";display:inline-block;width:28px;height:1px;background:var(--rosa-dk);}
.hero-chips {display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem;}
.hero-badge strong {display:block;font-family:var(--ff-head);font-size:2rem;font-weight:700;color:var(--negro);line-height:1;}
.hero-badge small {font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--negro);font-weight:700;}
.historia {background:white;padding:4.25rem 5%;}
.historia-inner {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;}
.historia-imgs {display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
.historia-img-tall {grid-row:span 2;border-radius:16px;overflow:hidden;}
.historia-img-tall img {width:100%;height:100%;object-fit:cover;display:block;}
.historia-img-sm {border-radius:16px;overflow:hidden;aspect-ratio:1;}
.historia-img-sm img {width:100%;height:100%;object-fit:cover;display:block;}
.historia-pull {background:var(--rosa-lt);border-radius:12px;padding:1.6rem 1.8rem;border-left:3px solid var(--rosa-dk);margin:1.8rem 0;}
.historia-pull p {font-family:var(--ff-head);font-style:italic;font-size:1.15rem;color:var(--negro);line-height:1.55;}
.metodo {background:var(--negro-calido);padding:4.25rem 5%;position:relative;overflow:hidden;}
.metodo::before {content:"";position:absolute;border-radius:50%;pointer-events:none;width:500px;height:500px;background:radial-gradient(circle,rgba(230,202,203,.1) 0%,transparent 70%);top:-100px;right:-100px;}
.metodo-inner {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:2;}
.metodo .section-label {color:var(--rosa);}
.metodo .section-label::before {background:var(--rosa-dk);}
.metodo h2 {font-family:var(--ff-head);font-weight:700;font-size:clamp(2rem,3.5vw,3rem);color:white;line-height:1.15;margin-bottom:1.5rem;}
.metodo h2 em {font-style:italic;color:var(--rosa);}
.metodo p {color:rgba(255,255,255,.9);font-size:1.05rem;line-height:1.9;margin-bottom:1rem;}
.metodo-pull {border-left:2px solid var(--rosa);padding:1.2rem 1.5rem;background:rgba(230,202,203,.06);border-radius:0 8px 8px 0;margin:1.5rem 0;}
.metodo-pull p {font-family:var(--ff-head);font-style:italic;font-size:1.2rem;color:white !important;margin:0 !important;}
.metodo-img {border-radius:16px;overflow:hidden;height:520px;}
.metodo-img img {width:100%;height:100%;object-fit:cover;object-position:center;}
.formacion {background:var(--crema);padding:4.25rem 5%;}
.formacion-inner {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;}
.formacion-img {border-radius:16px;overflow:hidden;height:500px;position:relative;}
.formacion-img img {width:100%;height:100%;object-fit:cover;object-position:center top;}
.formacion-img-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(34,31,32,.5),transparent 50%);}
.formacion-maestros {position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;}
.formacion-maestros h4 {font-family:var(--ff-head);font-style:italic;font-size:1rem;color:white;margin-bottom:.8rem;}
.maestro-chips {display:flex;flex-wrap:wrap;gap:.4rem;}
.maestro-chip {font-size:.65rem;padding:.3rem .8rem;background:rgba(230,202,203,.25);color:white;border-radius:20px;border:1px solid rgba(230,202,203,.4);backdrop-filter:blur(4px);}
.formacion-items {display:flex;flex-direction:column;gap:1rem;}
.formacion-item {display:flex;align-items:flex-start;gap:1rem;padding:1.3rem 1.5rem;background:white;border-radius:12px;border:1px solid rgba(230,202,203,.4);transition:border-color .3s,transform .3s;}
.formacion-item:hover {border-color:var(--rosa);transform:translateX(4px);}
.fi-icon {width:40px;height:40px;border-radius:50%;background:var(--rosa-lt);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.fi-text h4 {font-family:var(--ff-head);font-weight:700;font-size:1rem;margin-bottom:.2rem;}
.fi-text p {font-size:.88rem;color:var(--gris-osc);line-height:1.6;margin:0;}
.filosofia {background:white;padding:4.25rem 5%;}
.filosofia-inner {max-width:1080px;margin:0 auto;text-align:center;}
.filosofia-inner p {font-size:1.08rem;color:var(--gris-osc);line-height:1.9;margin-bottom:1.1rem;}
.filosofia-quote::before {content:"\"";font-size:6rem;color:var(--rosa);font-family:var(--ff-head);position:absolute;top:-2rem;left:-1rem;line-height:1;opacity:.5;}
.maestros {background:var(--negro-calido);padding:4.25rem 5%;position:relative;overflow:hidden;}
.maestros::before {content:"";position:absolute;border-radius:50%;pointer-events:none;width:600px;height:600px;background:radial-gradient(circle,rgba(230,202,203,.07) 0%,transparent 70%);top:-100px;right:-100px;}
.maestros-inner {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:stretch;max-width:1200px;margin:0 auto;position:relative;z-index:2;}
.maestros .section-label {color:var(--rosa);}
.maestros .section-label::before {background:var(--rosa-dk);}
.maestros h2 {font-family:var(--ff-head);font-weight:700;font-size:clamp(2rem,3.5vw,3rem);color:white;line-height:1.15;margin-bottom:1.5rem;}
.maestros h2 em {font-style:italic;color:var(--rosa);}
.maestros p {color:rgba(255,255,255,.9);font-size:1rem;line-height:1.9;margin-bottom:1rem;}
.maestros-pull {border-left:2px solid var(--rosa);padding:1.2rem 1.5rem;background:rgba(230,202,203,.06);border-radius:0 8px 8px 0;margin:1.5rem 0;}
.maestros-pull p {font-family:var(--ff-head);font-style:italic;font-size:1.15rem;color:white !important;margin:0 !important;}
.maestros-img {border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);align-self:stretch;background:rgba(34,31,32,.35);}
.maestros-img img {width:100%;height:100%;object-fit:contain;object-position:center;display:block;}
.recorrido-grid {display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.5rem;}
.recorrido-item {background:rgba(255,255,255,.05);border:1px solid rgba(230,202,203,.15);border-radius:10px;padding:1rem 1.1rem;transition:border-color .3s;}
.recorrido-item:hover {border-color:rgba(230,202,203,.4);}
.recorrido-item span {font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rosa);display:block;margin-bottom:.25rem;font-weight:500;}
.recorrido-item p {font-size:.86rem;color:rgba(255,255,255,.88);line-height:1.6;margin:0;}
.escuelita {background:var(--crema);padding:4.25rem 5%;}
.escuelita-inner {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;}
.escuelita-img {border-radius:16px;overflow:hidden;position:relative;}
.escuelita-img img {width:100%;display:block;object-fit:cover;}
.escuelita-badge {position:absolute;bottom:1.5rem;left:1.5rem;background:white;padding:1rem 1.4rem;border-radius:10px;box-shadow:0 8px 30px rgba(34,31,32,.15);border-left:3px solid var(--rosa);}
.escuelita-badge strong {display:block;font-family:var(--ff-head);font-size:1rem;font-weight:700;color:var(--negro);line-height:1.2;}
.escuelita-badge small {font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-osc);}
.escuelita-pull {background:white;border-radius:12px;padding:1.6rem 1.8rem;border-left:3px solid var(--rosa-dk);margin:1.8rem 0;box-shadow:0 4px 20px rgba(34,31,32,.05);}
.escuelita-pull p {font-family:var(--ff-head);font-style:italic;font-size:1.1rem;color:var(--negro);line-height:1.55;margin:0;}
.escuelita-text p {font-size:1rem;color:var(--gris-osc);line-height:1.9;margin-bottom:1rem;}
.esposo {background:white;padding:3.75rem 5%;}
.esposo-inner {display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:0 auto;}
.esposo-img {border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(34,31,32,.1);}
.esposo-img img {width:100%;display:block;object-fit:cover;}
.nav-brand {font-family:var(--ff-head);font-size:1.1rem;font-weight:700;color:var(--negro);text-decoration:none;}
.legal-content {max-width:1000px;margin:0 auto;padding:4rem 2rem 5rem;}
.legal-content h2 {font-family:var(--ff-head);font-weight:700;font-size:1.4rem;color:var(--negro);margin-top:2.5rem;margin-bottom:.8rem;line-height:1.3;}
.legal-content p {color:var(--gris-osc);font-size:.95rem;line-height:1.85;margin-bottom:1rem;}
.legal-content ul {color:var(--gris-osc);font-size:.95rem;line-height:1.85;margin-bottom:1rem;padding-left:1.5rem;}
.legal-content ul li {margin-bottom:.4rem;}
.legal-content a {color:var(--burdeo);text-decoration:underline;}
.hamburger.active span:nth-child(1) {transform:translateY(7px) rotate(45deg);}
.hamburger.active span:nth-child(3) {transform:translateY(-7px) rotate(-45deg);}
.vidroop {display:inline-block;background:#E6CACB;color:#221F20;font-weight:700;padding:.08em .3em;border-radius:5px;letter-spacing:.04em;font-size:.92em;}

/* ============================================================ */
/* GLOBAL — Iconos decorativos en rosa de marca (todas las páginas) */
/* Los emojis no se recolorean con `color`; se tiñen con filtro a un */
/* tono rosa uniforme. Dos variantes según el fondo de la sección.    */
/* ============================================================ */
/* Iconos sobre fondo CLARO (rosa medio / burdeo) */
.bene-icon,
.visualiza-item::before,
.dif-icon,
.qa-ico,
.ico-rosa{filter:brightness(0) saturate(100%) invert(72%) sepia(13%) saturate(540%) hue-rotate(298deg) brightness(92%) contrast(88%);}
.qa-ico,.ico-rosa{display:inline-block;}
/* EXCEPCIÓN: los contenedores de icono que tienen un SVG (iconos de línea de marca,
   muchas veces sobre un círculo de fondo) NO se tiñen — usan su propio color. */
.bene-icon:has(svg),.dif-icon:has(svg),.qa-ico:has(svg),.ico-rosa:has(svg),.camino-icon:has(svg){filter:none !important;}
/* Iconos `.ico-rosa` dentro de secciones OSCURAS: variante rosa claro (más contraste) */
.problema .ico-rosa,.camino .ico-rosa,.marcela-section .ico-rosa,.marcela .ico-rosa,.tribu-section .ico-rosa{filter:brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(420%) hue-rotate(300deg) brightness(98%) contrast(90%) !important;}
/* Iconos sobre fondo OSCURO (rosa claro) — hojitas, camino, etc. */
.problema-item::before,
.camino-icon{filter:brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(420%) hue-rotate(300deg) brightness(98%) contrast(90%);}

/* GLOBAL — Recuadro destacado ("¿Te pasa esto?", "El bloqueo real", etc.) */
/* Fondo rosa de marca con texto oscuro legible sobre la sección oscura. */
.problema-pull{background:var(--rosa);border-left:3px solid var(--burdeo-dk);}
.problema-pull p{color:var(--negro) !important;}

/* GLOBAL — Cita destacada dentro de secciones "camino" (fondo oscuro): */
/* tratamiento sutil y armonioso (no el bloque rosa sólido del problema).  */
.camino .problema-pull{background:var(--rosa-lt) !important;border-left:3px solid var(--burdeo) !important;border-radius:0 10px 10px 0;}
.camino .problema-pull p{color:var(--negro) !important;font-style:italic;}

/* GLOBAL — Sección "camino" (ej. "La mirada sistémica") con imagen al costado */
.camino.has-img .camino-inner{max-width:1200px !important;display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 4rem;align-items:stretch;}
.camino.has-img .camino-head{grid-column:1 / -1;grid-row:1;}
.camino.has-img .camino-head h2{margin-bottom:0 !important;}
.camino.has-img .camino-content{grid-row:2;min-width:0;}
.camino.has-img .camino-img{grid-row:2;}
.camino-img{border-radius:16px;overflow:hidden;min-height:340px;}
.camino-img img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:768px){.camino.has-img .camino-inner{grid-template-columns:1fr !important;gap:1.4rem;}.camino.has-img .camino-content,.camino.has-img .camino-img{grid-row:auto;}.camino-img{min-height:0;height:60vw;max-height:380px;order:0 !important;}}

/* GLOBAL — "Imaginá esto" (visualiza) SIN imagen: contenido centrado.   */
/* Anula el `.visualiza-inner{grid 2col}` que algunas páginas definen   */
/* local y que dejaba el contenido pegado a la izquierda.               */
.visualiza:not(.has-img) .visualiza-inner{display:block !important;max-width:1080px;margin:0 auto;text-align:center;}
.visualiza:not(.has-img) .visualiza-items{display:flex !important;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1040px;margin:0 auto;}
.visualiza:not(.has-img) .visualiza-item{flex:1 1 250px;max-width:340px;text-align:left;}
/* cols-2: fuerza 2 cards por fila (ej. secciones de 4 items) */
.visualiza:not(.has-img) .visualiza-items.cols-2{display:grid !important;grid-template-columns:1fr 1fr;gap:1rem;max-width:820px;}
.visualiza:not(.has-img) .visualiza-items.cols-2 .visualiza-item{max-width:none;}
@media (max-width:640px){.visualiza:not(.has-img) .visualiza-items.cols-2{grid-template-columns:1fr !important;}}

/* GLOBAL — Breadcrumb: dejar solo la última frase (página actual) */
.breadcrumb > *:not(:last-child){display:none;}

/* GLOBAL — Hero: más aire entre los textos (heroes con poco contenido) */
.hero h1{margin-bottom:.7rem;}
.hero-subtitle{margin-bottom:.85rem;line-height:1.4;}
.hero-desc{margin-bottom:.9rem;line-height:1.6;}
.hero-for{gap:.5rem;margin-bottom:.95rem;}
.hero-for-item{line-height:1.45;}

/* ============================================================ */
/* Formulario de interesados — formaciones en vivo             */
/* ============================================================ */
.lead-form{background:var(--blanco);border:1px solid var(--rosa);border-radius:18px;padding:1.8rem 2rem;max-width:520px;margin:1.6rem auto 0;box-shadow:0 12px 40px rgba(34,31,32,.12);text-align:center;}
.lead-form-title{font-family:var(--ff-head);font-size:1.12rem;color:var(--negro) !important;margin:0 0 1.1rem;line-height:1.35;}
.lead-form input{color:var(--negro) !important;}
.lead-form-row{display:flex;flex-direction:column;gap:.7rem;}
.lead-form input{width:100%;padding:.85rem 1.1rem;border:1.5px solid rgba(151,124,129,.35);border-radius:12px;font-family:var(--ff-body);font-size:.95rem;color:var(--negro);background:#fff;transition:border-color .25s;}
.lead-form input:focus{outline:none;border-color:var(--burdeo);}
.lead-form input::placeholder{color:#9a8f90;}
.lead-form .lead-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;padding:0;border:0;}
.lead-form button[type="submit"]{margin-top:.3rem;background:linear-gradient(135deg,var(--rosa) 0%,var(--rosa-dk) 100%);color:var(--negro);border:0;padding:.95rem 2rem;border-radius:40px;font-family:var(--ff-body);font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px rgba(208,181,178,.5);transition:transform .25s,box-shadow .25s;}
.lead-form button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(208,181,178,.65);}
.lead-form button[type="submit"]:disabled{opacity:.6;cursor:default;transform:none;}
.lead-form-msg{margin:.9rem 0 0;font-size:.9rem;min-height:1.2em;color:var(--gris-osc);line-height:1.5;}
.lead-form-msg.ok{color:#2e7d4f;font-weight:500;}
.lead-form-msg.err{color:#b3261e;}
@media(min-width:520px){.lead-form-row{flex-direction:row;flex-wrap:wrap;}.lead-form-row input[type="text"],.lead-form-row input[type="email"]{flex:1 1 190px;}.lead-form-row button[type="submit"]{flex:1 1 100%;}}