*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Plus Jakarta Sans', sans-serif; background: #fff; color: #1c1c18; overflow-x: hidden; }
    a { color: inherit; text-decoration: none; }
    a:hover { opacity: 0.8; }
    details > summary { list-style: none; cursor: pointer; }
    details > summary::-webkit-details-marker { display: none; }
    @keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
    @keyframes dot { 0%,100%{opacity:1} 50%{opacity:0.3} }
    @keyframes arrowBounce { 0%,100%{transform:translateY(0);opacity:0.5} 50%{transform:translateY(10px);opacity:1} }
    @keyframes chevSeq1 { 0%,100%{opacity:0.15} 0%{opacity:0.15} 33%{opacity:0.7} 66%{opacity:0.15} }
    @keyframes chevSeq2 { 0%,100%{opacity:0.15} 33%{opacity:0.15} 66%{opacity:0.7} 99%{opacity:0.15} }
    @keyframes chevSeq3 { 0%,100%{opacity:0.15} 0%{opacity:0.15} 66%{opacity:0.15} 100%{opacity:0.7} }
    @keyframes nameReveal { from{opacity:0;letter-spacing:20px;} to{opacity:1;letter-spacing:6px;} }
    @keyframes nameRevealR { from{opacity:0;letter-spacing:20px;} to{opacity:1;letter-spacing:6px;} }
    @keyframes heroBg { from{transform:scale(1.08);} to{transform:scale(1);} }
    @keyframes heroCopyIn { from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:translateY(0);} }
    /* ── Hero móvil: foto arriba, nombre montado sobre el borde, texto + CTA debajo ── */
    @media (max-width:760px) {
      .site-nav { padding:0 16px !important; }
      .site-nav .nav-brand { font-size:14px !important; white-space:nowrap; }
      .site-nav .nav-cta { padding:8px 14px !important; font-size:12px !important; white-space:nowrap; }

      .hero { height:auto !important; min-height:100vh; min-height:100svh; display:flex; flex-direction:column; }

      .hero .hero-photo { position:relative !important; order:1; top:auto !important; bottom:auto !important; right:auto !important;
        width:100% !important; height:62vh; height:62svh; min-height:380px; flex:none; }
      .hero .hero-photo img { object-position:50% 18% !important; }
      .hero .hero-photo-fade { background:linear-gradient(180deg,rgba(14,13,12,0.35) 0%,transparent 22%,transparent 50%,rgba(14,13,12,0.7) 78%,#0e0d0c 100%) !important; }

      .hero .hero-warm { background:linear-gradient(0deg,rgba(150,55,10,0.55) 0%,rgba(120,45,8,0.25) 30%,transparent 55%) !important; }
      .hero .hero-vignette, .hero .hero-cue { display:none !important; }

      .hero .hero-copy { position:relative !important; order:2; top:auto !important; left:auto !important; max-width:none !important;
        margin-top:-104px; padding:0 24px; }
      .hero .hero-statement { font-size:19px !important; line-height:1.38 !important; margin-top:22px !important; padding-left:2px !important; }
      .hero .hero-cta { margin-top:24px !important; margin-left:2px !important; width:100%; justify-content:center; padding:17px 24px !important; }

      .hero .hero-roles { position:relative !important; order:3; bottom:auto !important; padding:36px 0 44px; }
      .hero .hero-roles > div { padding-left:24px !important; }
      .hero .hero-roles > div:nth-child(2) { padding-left:52px !important; }
    }
    @media (prefers-reduced-motion:reduce) {
      .hero-statement, .hero-cta { animation:none !important; }
    }
  

.hv1:hover{background:rgba(255,255,255,0.2) !important}
.hv2:hover{background:#8f6e25 !important;transform:translateY(-1px) !important}
.nso-cta:hover{background:#8f6e25 !important;opacity:1 !important}
.nso-item{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #e3dccf;font-size:14.5px;line-height:1.5;color:#3d424a}
.nso-item:last-child{border-bottom:none}
.nso-ic{flex:none;width:46px;height:46px;border-radius:50%;background:rgba(168,130,47,0.1);display:flex;align-items:center;justify-content:center}
@media (max-width:1100px){
  .nso-top{grid-template-columns:1fr !important}
  .nso-right{border-left:none !important;border-top:1px solid #e6dfd2}
  .nso-bottom{grid-template-columns:1fr 1fr !important}
  .nso-bottom .nso-cta{grid-column:1/-1}
}
@media (max-width:760px){
  .nso-sec{padding:48px 14px !important}
  .nso-left{display:block !important;min-height:0 !important}
  .nso-photo{position:relative !important;width:100% !important;height:380px}
  .nso-fade{top:0 !important;bottom:auto !important;height:380px;background:linear-gradient(180deg,rgba(250,248,244,0) 55%,#faf8f4 100%) !important}
  .nso-copy{max-width:none !important;padding:0 24px 40px !important;margin-top:-30px}
  .nso-right{padding:40px 24px !important}
  .nso-bottom{grid-template-columns:1fr !important;gap:22px !important;padding:28px 24px !important}
  .nso-bottom > div:first-child{border-right:none !important;padding-right:0 !important}
  .nso-cta{white-space:normal !important;text-align:center;letter-spacing:1.6px !important;padding:18px 20px !important}
}
.mb-cta:hover{background:#8f6e25 !important;opacity:1 !important}
.mb-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.mb-stat{padding:4px 22px}
.mb-stat+.mb-stat{border-left:1px solid #e2dbcf}
@media (max-width:980px){.mb-stats{grid-template-columns:repeat(2,1fr);row-gap:44px}.mb-stat:nth-child(3){border-left:none}}
@media (min-width:761px) and (max-width:1100px){
  .mb-photo{width:56% !important}
  .mb-fade{background:linear-gradient(270deg,#faf8f4 0%,#faf8f4 48%,rgba(250,248,244,0.85) 56%,rgba(250,248,244,0) 72%) !important}
}
@media (max-width:760px){
  .mb-top{display:block !important;min-height:0 !important}
  .mb-photo{position:relative !important;width:100% !important;height:360px}
  .mb-fade{top:0 !important;bottom:auto !important;height:360px;background:linear-gradient(180deg,rgba(250,248,244,0) 55%,#faf8f4 100%) !important}
  .mb-text{padding:8px 24px 56px !important;margin-top:-36px}
  .mb-cta{width:100%;justify-content:center;text-align:center;letter-spacing:1.6px !important;padding:17px 20px !important}
  .mb-band{padding:48px 20px !important}
}
@media (max-width:520px){.mb-stats{grid-template-columns:repeat(2,1fr);row-gap:34px}.mb-stat{padding:0 10px !important}.mb-stat:nth-child(3){border-left:none !important}}
.ns-cta:hover{background:#8f6e25 !important;opacity:1 !important}
.ns-pillars{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.ns-pillar{padding:4px 22px}
.ns-pillar+.ns-pillar{border-left:1px solid #e2dbcf}
@media (max-width:980px){.ns-pillars{grid-template-columns:repeat(2,1fr);row-gap:44px}.ns-pillar:nth-child(3){border-left:none}}
@media (max-width:760px){
  .ns-top{display:block !important;min-height:0 !important}
  .ns-photo{position:relative !important;width:100% !important;height:440px}
  .ns-fade{top:0 !important;bottom:auto !important;height:470px;background:linear-gradient(180deg,rgba(250,248,244,0) 55%,#faf8f4 100%) !important}
  .ns-text{padding:8px 24px 56px !important;margin-top:-40px}
  .ns-cta{width:100%;justify-content:center;text-align:center;letter-spacing:1.6px !important;padding:17px 20px !important}
  .ns-band{padding:48px 20px !important}
}
@media (min-width:761px) and (max-width:1100px){
  .ns-photo{width:58% !important}
  .ns-fade{background:linear-gradient(90deg,#faf8f4 0%,#faf8f4 46%,rgba(250,248,244,0.85) 54%,rgba(250,248,244,0) 70%) !important}
}
@media (max-width:520px){.ns-pillars{grid-template-columns:repeat(2,1fr);row-gap:34px}.ns-pillar{padding:0 10px !important}.ns-pillar:nth-child(3){border-left:none !important}}
@media (max-width:760px){.beliefs-quote{grid-template-columns:1fr !important;gap:28px !important}}

/* ── Sistema unificado ── */
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#a8822f}
.eyebrow-rule{display:block;width:48px;height:2px;background:#a8822f;margin:16px 0 22px}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;background:#a8822f;color:#fff !important;border:none;cursor:pointer;padding:18px 34px;border-radius:2px;font:500 13px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:2.4px;text-transform:uppercase;transition:background .25s ease;white-space:nowrap}
.btn-gold:hover{background:#8f6e25;opacity:1 !important}
.btn-ghost{display:inline-flex;align-items:center;border:1px solid #16202c;color:#16202c;padding:15px 28px;border-radius:2px;font-size:12.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:background .25s ease,color .25s ease}
.btn-ghost:hover{background:#16202c;color:#fff;opacity:1 !important}
.vid-cta:hover{background:#fff !important;color:#16202c !important;opacity:1 !important}

/* NAV al hacer scroll */
.site-nav.scrolled{background:rgba(250,248,244,.92) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 #ebe5da;height:56px !important}
.site-nav.scrolled .nav-brand{color:#16202c !important}
.site-nav.scrolled .nav-lang{background:#fff !important;border-color:#e2dbcf !important}
.site-nav.scrolled .nav-lang button{color:#7a7f86 !important}
.site-nav.scrolled .nav-lang button[style*="background:#fff"][style]{background:#16202c !important;color:#fff !important}
.site-nav.scrolled .nav-cta{background:#a8822f !important;border-color:#a8822f !important;color:#fff !important}

/* FAQ */
.faq-sec{padding:96px 64px;background:#fff;border-top:1px solid #eeebe4}
.faq-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:start}
.faq-title{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(32px,3.4vw,46px);line-height:1.1;color:#16202c;margin-bottom:16px;text-wrap:balance}
.faq-sub{font-size:15px;line-height:1.7;color:#6b707a;margin-bottom:28px}
.faq-item{border-bottom:1px solid #e6dfd2}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;cursor:pointer;font-size:16.5px;font-weight:600;color:#16202c}
.faq-item summary::-webkit-details-marker{display:none}
.faq-ic{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid #e2d6bf}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:#a8822f;transform:translate(-50%,-50%);transition:transform .25s ease}
.faq-ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-ic::after{transform:translate(-50%,-50%) rotate(0)}
.faq-item p{font-size:15px;line-height:1.75;color:#5a5f68;padding:0 46px 24px 0;text-wrap:pretty}

/* CTA */
.cta-sec{background:#f3ece0;border-top:1px solid #e6dcc9;border-bottom:1px solid #e6dcc9;padding:72px 64px}
.cta-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta-title{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.1;color:#16202c;margin:12px 0 12px;max-width:640px;text-wrap:balance}
.cta-meta{font-size:14px;letter-spacing:.3px;color:#5a5f68}

/* NEWSLETTER */
.nl-sec{background:#16202c;padding:88px 64px}
.nl-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.nl-title{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.1;color:#fff;margin:14px 0 18px;text-wrap:balance}
.nl-sub{font-size:15px;line-height:1.8;color:rgba(255,255,255,.6);text-wrap:pretty}
.nl-form{display:flex;flex-direction:column;gap:12px}
.nl-form input{width:100%;padding:17px 18px;font:15px 'Plus Jakarta Sans',sans-serif;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:2px;color:#fff;outline:none;transition:border-color .2s}
.nl-form input::placeholder{color:rgba(255,255,255,.45)}
.nl-form input:focus{border-color:#e2c27d}

/* MARQUEE */
.mq{background:#16202c;border-top:1px solid rgba(255,255,255,.06);padding:18px 0;overflow:hidden;white-space:nowrap}
.mq-track{display:inline-flex;align-items:center;animation:marquee 32s linear infinite}
.mq-w{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,7vw,88px);color:rgba(255,255,255,.92);letter-spacing:3px;padding:0 .35em}
.mq-dot{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,7vw,88px);color:#a8822f}

/* FOOTER */
.ft{background:#16202c;color:rgba(255,255,255,.6);padding:56px 64px 32px;border-top:1px solid rgba(255,255,255,.06)}
.ft-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:56px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-brand{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:1.5px;color:#fff;margin-bottom:8px}
.ft-text{font-size:13.5px;line-height:1.7;margin-bottom:14px}
.ft-mail{display:inline-block;color:#fff;font-weight:600;font-size:15px;margin-bottom:20px}
.ft-soc{display:flex;gap:10px}
.soc{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:border-color .2s,color .2s}
.soc:hover{border-color:#e2c27d;color:#e2c27d;opacity:1 !important}
.ft-h{font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#e2c27d;margin-bottom:16px}
.ft-links{display:flex;flex-direction:column;gap:11px}
.ft-links a{font-size:14px;color:rgba(255,255,255,.65);transition:color .2s}
.ft-links a:hover{color:#fff;opacity:1 !important}
.ft-bottom{max-width:1100px;margin:0 auto;padding-top:24px;font-size:12px;color:rgba(255,255,255,.35)}

@media (max-width:860px){
  .faq-grid,.nl-grid{grid-template-columns:1fr;gap:36px}
  .ft-grid{grid-template-columns:1fr 1fr}
  .ft-grid > div:last-child{grid-column:1/-1}
}
@media (max-width:760px){
  .about-sec{padding:64px 24px !important}
  .faq-sec,.cta-sec,.nl-sec{padding:64px 22px}
  .ft{padding:48px 22px 28px}
  .ft-grid{grid-template-columns:1fr;gap:36px}
  .cta-sec .btn-gold,.nl-form .btn-gold{width:100%;white-space:normal;text-align:center}
  .faq-item p{padding-right:0}
  .site-nav .nav-cta{display:none !important}
}

/* ── EN LO QUE CREO · capa premium ── */
.beliefs-sec{position:relative;overflow:hidden;isolation:isolate}
.beliefs-sec::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.bl-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 88% -8%,rgba(212,133,90,.16),transparent 62%),radial-gradient(700px 460px at -5% 105%,rgba(212,133,90,.09),transparent 60%)}
.bl-mark{position:absolute;z-index:0;right:-140px;top:-120px;width:620px;height:620px;color:rgba(232,163,122,.045);animation:blSpin 140s linear infinite;pointer-events:none}
@keyframes blSpin{to{transform:rotate(360deg)}}
.bl-rule{display:block;width:44px;height:2px;margin:18px 0 28px;background:linear-gradient(90deg,#d4855a,rgba(212,133,90,0));transform-origin:left;transform:scaleX(0);transition:transform 1s .25s cubic-bezier(.2,.7,.2,1)}
.rv.in .bl-rule{transform:scaleX(1)}

/* revelado al entrar en pantalla */
.rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.beliefs-grid .belief:nth-child(2){transition-delay:.08s}
.beliefs-grid .belief:nth-child(3){transition-delay:.16s}
.beliefs-grid .belief:nth-child(4){transition-delay:.24s}
.beliefs-grid .belief:nth-child(5){transition-delay:.32s}

/* tarjetas de valores */
.beliefs-grid .belief{position:relative;padding:30px 20px 34px !important;border-image:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent) 1}
.beliefs-grid .belief h3,.beliefs-grid .belief p{position:relative;transition:color .35s ease}
.beliefs-grid .belief:hover p{color:rgba(255,255,255,.7) !important}
.beliefs-grid .belief:hover h3{color:#f2c3a1 !important}

/* íconos */
.belief-ic{position:relative;width:76px;height:76px;margin:0 auto 26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 32% 28%,rgba(232,163,122,.30),rgba(212,133,90,.08) 62%,rgba(212,133,90,.03));
  border:1px solid rgba(232,163,122,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -8px 18px rgba(0,0,0,.25),0 14px 34px -14px rgba(212,133,90,.55);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,border-color .5s ease}
.belief-ic::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(232,163,122,.28);opacity:0;transform:scale(.85)}
.rv.in .belief-ic::after{animation:blRing 3.6s ease-out infinite}
.beliefs-grid .belief:nth-child(2) .belief-ic::after{animation-delay:.7s}
.beliefs-grid .belief:nth-child(3) .belief-ic::after{animation-delay:1.4s}
.beliefs-grid .belief:nth-child(4) .belief-ic::after{animation-delay:2.1s}
.beliefs-grid .belief:nth-child(5) .belief-ic::after{animation-delay:2.8s}
@keyframes blRing{0%{opacity:0;transform:scale(.85)}25%{opacity:.9}100%{opacity:0;transform:scale(1.35)}}
.belief-ic svg{filter:drop-shadow(0 0 6px rgba(232,163,122,.35))}
.belief-ic svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1)}
.rv.in .belief-ic svg *{stroke-dashoffset:0}
.beliefs-grid .belief:nth-child(2) .belief-ic svg *{transition-delay:.15s}
.beliefs-grid .belief:nth-child(3) .belief-ic svg *{transition-delay:.3s}
.beliefs-grid .belief:nth-child(4) .belief-ic svg *{transition-delay:.45s}
.beliefs-grid .belief:nth-child(5) .belief-ic svg *{transition-delay:.6s}
.beliefs-grid .belief:hover .belief-ic{transform:translateY(-6px);border-color:rgba(232,163,122,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -8px 18px rgba(0,0,0,.25),0 22px 44px -14px rgba(212,133,90,.8)}

/* cita */
.bl-qmark{position:absolute;left:-46px;top:6px;font-family:'Playfair Display',Georgia,serif;font-size:220px;line-height:1;color:rgba(232,163,122,.09);pointer-events:none}
.bl-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#e09468,#c9784c);color:#fff;padding:16px 30px;border-radius:2px;font-size:12.5px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;box-shadow:0 12px 30px -12px rgba(212,133,90,.7);transition:transform .3s ease,box-shadow .3s ease}
.bl-cta:hover{transform:translateY(-2px);box-shadow:0 18px 38px -12px rgba(212,133,90,.85);opacity:1 !important}

@media (max-width:640px){.bl-mark{width:420px;height:420px;right:-180px;top:-80px}.bl-qmark{font-size:130px;left:-6px;top:30px}}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .belief-ic svg *{stroke-dashoffset:0;transition:none}
  .rv.in .belief-ic::after,.bl-mark{animation:none}
  .bl-rule{transform:none}
}

/* ── Visual North Star (reemplaza la foto) ── */
.ns-visual{background:#f1e9db}
.nv-bg{position:absolute;inset:0;background:radial-gradient(600px 420px at 70% 40%,rgba(255,255,255,.75),transparent 70%),radial-gradient(520px 380px at 90% 100%,rgba(168,130,47,.18),transparent 70%),linear-gradient(160deg,#efe5d3,#f6f0e6)}
.nv-compass{position:absolute;right:-8%;top:50%;width:min(720px,95%);aspect-ratio:1;transform:translateY(-50%);color:rgba(168,130,47,.22);animation:blSpin 180s linear infinite}
.nv-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:14%}
.nv-paper{width:min(380px,78%);background:#fffdf9;border:1px solid #ece3d3;border-radius:6px}
.nv-back{position:absolute;height:430px;transform:rotate(5deg) translate(26px,8px);box-shadow:0 30px 60px -30px rgba(60,45,20,.35);opacity:.9}
.nv-doc{position:relative;padding:30px 30px 26px;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-2.5deg) translateY(var(--ty,0px));box-shadow:0 40px 80px -30px rgba(60,45,20,.45),0 2px 0 rgba(255,255,255,.8) inset;transition:transform .6s cubic-bezier(.2,.7,.2,1)}

.nv-head{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid #efe7d8;margin-bottom:18px}
.nv-ic{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(168,130,47,.1);display:flex;align-items:center;justify-content:center}
.nv-kicker{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#a8822f}
.nv-title{font-family:'Playfair Display',Georgia,serif;font-size:24px;color:#16202c;line-height:1.2;margin-top:3px}
.nv-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.nv-list li{display:flex;gap:12px;align-items:center}
.nv-ok{flex:none;width:24px;height:24px;border-radius:50%;background:#a8822f;display:flex;align-items:center;justify-content:center;font:700 11px 'Plus Jakarta Sans',sans-serif;color:#a8822f}
.nv-pending{background:#fff;border:1.5px solid #d8c49b}
.nv-row{flex:1;display:flex;flex-direction:column;gap:6px}
.nv-row b{font-size:13.5px;font-weight:600;color:#2a2f36}
.nv-row i{display:block;height:5px;border-radius:5px;background:linear-gradient(90deg,#e9dcc2,#f3ecdf)}
.nv-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:16px;border-top:1px dashed #e6dac3}
.nv-phases span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.6px;color:#7a7f86;margin-bottom:7px}
.nv-phases em{display:block;height:6px;border-radius:6px;background:#efe6d5;position:relative;overflow:hidden}
.nv-phases em::after{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,#c9a45a,#a8822f);border-radius:6px}
.nv-sign{font-family:'Ms Madi','Playfair Display',Georgia,serif;font-size:30px;color:#a8822f;text-align:right;margin-top:14px;line-height:1}
.nv-chip{position:absolute;bottom:11%;right:9%;display:flex;align-items:center;gap:10px;background:#16202c;color:#fff;padding:12px 18px;border-radius:100px;font-size:12.5px;font-weight:600;letter-spacing:.3px;box-shadow:0 18px 40px -16px rgba(22,32,44,.6);animation:nvFloat 5s ease-in-out infinite}
.nv-chip svg{stroke:#e2c27d}
@keyframes nvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── Oferta sin foto ── */
.nso-mark{position:absolute;right:-90px;bottom:-110px;width:420px;height:420px;color:rgba(168,130,47,.14);pointer-events:none;animation:blSpin 200s linear infinite}

@media (min-width:761px) and (max-width:1100px){.nv-stage{padding-left:22%}}
@media (max-width:760px){
  .ns-visual{height:470px !important}
  .nv-stage{padding-left:0}
  .nv-paper{width:min(320px,82%)}
  .nv-back{height:380px}
  .nv-doc{padding:24px 22px 20px}
  .nv-chip{right:auto;left:50%;bottom:auto;top:16px;transform:translateX(-50%);animation:none;z-index:3}
  .nso-copy{padding:44px 24px 36px !important}
  .nso-mark{width:300px;height:300px;right:-110px;bottom:-90px}
}
@media (prefers-reduced-motion:reduce){.nv-compass,.nv-chip,.nso-mark{animation:none}}

/* ── Ajustes finos móvil ── */
.cta-short{display:none}
@media (max-width:760px){
  .site-nav .nav-cta{display:flex !important;padding:8px 14px !important;font-size:12px !important}
  .site-nav .nav-cta > span:first-child{display:none !important}
  .site-nav .nav-lang button{padding:5px 11px !important}
}
@media (max-width:420px){
  .cta-long{display:none}.cta-short{display:inline}
  .site-nav .nav-brand{font-size:13.5px !important}
}
@media (max-width:760px){
  /* botones: una sola línea legible */
  .ns-cta,.mb-cta,.nso-cta,.vid-cta,.btn-gold,.bl-cta,.hero-cta{font-size:11.5px !important;letter-spacing:1.3px !important;padding:16px 14px !important;line-height:1.35 !important;text-align:center;justify-content:center}
  .vid-cta{width:100%;max-width:340px}
  /* inputs a 16px para que iOS no haga zoom */
  .nl-form input{font-size:16px !important}
  /* cifras y pilares 2x2 */
  .mb-stat svg,.ns-pillar svg{width:30px;height:30px}
  .mb-stat > div{font-size:22px !important;white-space:normal !important}
  .mb-stat p,.ns-pillar p{font-size:10.5px !important;letter-spacing:1px !important}
  .ns-pillar h3{font-size:14px !important;letter-spacing:.6px !important}
  /* documento North Star */
  .nv-paper{width:min(292px,76%) !important}
  .nv-back{height:350px !important;transform:rotate(4deg) translate(12px,6px) !important}
  .nv-title{font-size:21px}
  .nv-kicker{font-size:9.5px;letter-spacing:1.3px}
  .nv-row b{font-size:12.5px}
  /* footer: áreas táctiles */
  .ft-links a{padding:4px 0}
  /* textos largos */
  .faq-item summary{font-size:15.5px}
}

/* ── Nombre del hero ── */
.hn{display:block;font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,min(11.2vw,19vh),214px);line-height:.86;letter-spacing:.02em;user-select:none;
  background:linear-gradient(180deg,#fffaf3 0%,#f6e3cc 55%,#e8c39c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 10px 34px rgba(40,14,0,.35));
  animation:nameIn 1.1s cubic-bezier(.2,.75,.15,1) both}
.hn-2{padding-left:.3em;animation-delay:.18s;background:linear-gradient(180deg,#f8e6d0 0%,#e6c19a 60%,#cf9f72 100%);-webkit-background-clip:text;background-clip:text}
@keyframes nameIn{from{opacity:0;transform:translateY(32%);clip-path:inset(-60% -40% 100% -40%)}to{opacity:1;transform:none;clip-path:inset(-60% -40% -60% -40%)}}
.hero-copy::before{content:"";display:block;width:56px;height:2px;margin:0 0 26px 6px;background:linear-gradient(90deg,#e2c27d,rgba(226,194,125,0));animation:heroCopyIn .9s .5s both}
.hn{will-change:filter}
.hero-copy{will-change:transform,opacity}
@media (max-width:760px){
  .hn{font-size:clamp(70px,24vw,124px) !important}
  .hero-copy::before{display:none}
}
@media (prefers-reduced-motion:reduce){.hn{animation:none}}

/* ── Cifras MaidBrite dinámicas ── */
.mb-stat{position:relative;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.mb-stat:nth-child(2){transition-delay:.12s}.mb-stat:nth-child(3){transition-delay:.24s}.mb-stat:nth-child(4){transition-delay:.36s}
.mb-stat svg{display:block;margin:0 auto;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mb-stat svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1) .35s}
.mb-stat.in svg *{stroke-dashoffset:0}
.mb-stat > div{position:relative;display:inline-block;transition:color .3s ease;margin-bottom:18px !important}
.mb-stat > div::after{content:"";position:absolute;left:50%;bottom:-6px;width:28px;height:1.5px;background:#a8822f;transform:translateX(-50%) scaleX(0);transition:transform .5s cubic-bezier(.2,.7,.2,1) .9s}
.mb-stat.in > div::after{transform:translateX(-50%) scaleX(1)}
.mb-stat:hover svg{transform:translateY(-4px) scale(1.08)}
.mb-stat:hover > div{color:#a8822f !important}
@media (prefers-reduced-motion:reduce){.mb-stat svg *{stroke-dashoffset:0;transition:none}}

/* ════ CAPA DINÁMICA PREMIUM ════ */
.scroll-prog{position:fixed;top:0;left:0;right:0;height:2px;z-index:400;pointer-events:none}
.scroll-prog span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#a8822f,#e2c27d,#a8822f);box-shadow:0 0 12px rgba(226,194,125,.6)}

/* revelado general (las clases las asigna el script) */
.rv{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),background .25s ease,color .25s ease,border-color .25s ease,box-shadow .3s ease}
.rv-l{transform:translateX(-26px)}
.rv-s{transform:translateY(16px) scale(.97)}
.rv.in.rv-l,.rv.in.rv-s{transform:none}

/* brillo que cruza los botones */
.btn-gold,.ns-cta,.mb-cta,.nso-cta,.hero-cta,.bl-cta,.vid-cta{position:relative;overflow:hidden;isolation:isolate}
.btn-gold::after,.ns-cta::after,.mb-cta::after,.nso-cta::after,.hero-cta::after,.bl-cta::after,.vid-cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg) translateX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.btn-gold:hover::after,.ns-cta:hover::after,.mb-cta:hover::after,.nso-cta:hover::after,.hero-cta:hover::after,.bl-cta:hover::after,.vid-cta:hover::after{transform:skewX(-18deg) translateX(420%)}
.btn-gold,.ns-cta,.mb-cta,.nso-cta,.hero-cta{box-shadow:0 10px 26px -14px rgba(168,130,47,.75)}
.btn-gold:hover,.ns-cta:hover,.mb-cta:hover,.nso-cta:hover,.hero-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(168,130,47,.85)}

/* íconos que se dibujan */
.ns-pillar svg *,.nso-ic svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1) .25s}
.ns-pillar.in svg *,.nso-item.in svg *{stroke-dashoffset:0}
.ns-pillar svg{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.ns-pillar:hover svg{transform:translateY(-4px) scale(1.08)}
.ns-pillar:hover h3{color:#a8822f !important}
.nso-item{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),background .3s ease}
.nso-item:hover .nso-ic{background:#a8822f}
.nso-item:hover .nso-ic svg{stroke:#fff}
.nso-ic{transition:background .3s ease}

/* tarjeta de oferta: línea de luz que recorre el borde superior */
.nso-card{position:relative}
.nso-card::before{content:"";position:absolute;top:0;left:0;height:2px;width:30%;z-index:5;background:linear-gradient(90deg,transparent,#e2c27d,transparent);animation:edgeRun 5.5s ease-in-out infinite}
@keyframes edgeRun{0%{transform:translateX(-100%)}60%,100%{transform:translateX(340%)}}

/* parallax de imágenes */
#mb-team-photo{transform:scale(1.14) translateY(var(--py,0px));will-change:transform}
.vid-sec-media{transform:scale(calc(1.04 + var(--vz,0)));will-change:transform}

/* FAQ abre suave */
.faq-item p{overflow:hidden}
.faq-item summary{transition:color .25s ease}
.faq-item summary:hover{color:#a8822f}

/* marquesina se pausa al pasar el mouse */
.mq:hover .mq-track{animation-play-state:paused}

@media (prefers-reduced-motion:reduce){
  .nso-card::before{animation:none;display:none}
  .ns-pillar svg *,.nso-ic svg *{stroke-dashoffset:0;transition:none}
  #mb-team-photo,.vid-sec-media{transform:none}
}
.beliefs-grid{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}
.beliefs-grid .belief{padding:8px 20px}
.beliefs-grid .belief+.belief{border-left:1px solid rgba(255,255,255,0.08)}
@media (max-width:980px){.beliefs-grid{grid-template-columns:repeat(3,1fr);row-gap:48px}.beliefs-grid .belief:nth-child(4){border-left:none}}
@media (max-width:640px){.beliefs-sec{padding:72px 24px !important}.beliefs-grid{grid-template-columns:repeat(2,1fr);row-gap:40px}.beliefs-grid .belief{padding:0 12px;border-left:none !important}.beliefs-grid .belief:nth-child(even){border-left:1px solid rgba(255,255,255,0.08) !important}.beliefs-grid .belief:last-child{grid-column:1/-1}}
.about-more:hover{color:#d4855a !important;border-color:#d4855a !important;opacity:1 !important}

/* ── Móvil: footer centrado, FAQ con botón al final, botones a lo ancho ── */
@media (max-width:760px){
  .ft-grid{text-align:center}
  .ft-grid .eyebrow-rule{margin-left:auto;margin-right:auto}
  .ft-soc{justify-content:center}
  .ft-links{align-items:center}
  .ft .btn-gold{display:flex;width:100%}
  .ft-bottom{text-align:center}

  .faq-grid{gap:0 !important}
  .faq-grid > div:first-child{display:contents}
  .faq-title{margin-bottom:12px}
  .faq-sub{margin-bottom:8px}
  .faq-list{order:5;margin-top:20px}
  .faq-grid .btn-ghost{order:6;margin-top:32px;width:100%;justify-content:center;padding:17px 20px}

  .bl-cta{align-self:stretch !important;width:100%;justify-content:center}
}