/* asesorIA dentro de agucampos.com. Se carga después de estilo.css: usa su navegación, botones, tarjetas y pie,
   y cambia el acento naranja del sitio por el azul de la marca. El movimiento lo maneja js/asesoria.js. */
body.as{--azul:#3B55FF;--azul-hondo:#2F47E0;--bruma:#DDE2FF;--acento:var(--azul)}
.as .b--a{color:#fff}
.as .k b{color:var(--azul)}

/* La tilde de la marca en los titulares: js/asesoria.js cambia «ó» por <span class="ti">o</span> dentro de [data-tildes]
   y aquí se dibuja el paralelogramo. --lh es el interlineado del titular (hace falta para ubicarla). */
.tl{--lh:.94;line-height:var(--lh)}
.tw{white-space:nowrap}
.ti{position:relative;display:inline-block}
.ti::after{content:"";position:absolute;left:50%;width:.118em;height:.17em;background:var(--tilde,var(--azul));
  top:calc((var(--lh) - 1.2)*.5em + .93em - .528em - .062em - .17em);transform:translateX(-34%) skewX(-33deg)}
.ti--M::after{width:.128em;height:.19em;top:calc((var(--lh) - 1.2)*.5em + .93em - .66em - .08em - .19em)}

/* ───── 1 · portada ───── */
.ah{height:230svh;position:relative;background:var(--tinta)}
.ah__st{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;align-items:center;background:var(--tinta)}
.ah__in{position:relative;width:100%;padding:0 var(--mx);display:flex;flex-direction:column;align-items:flex-start}
.ah__logo{position:relative;z-index:3;width:min(100%,1080px);aspect-ratio:3558/947;margin-top:clamp(4px,1svh,12px)}
.ah__logo img,.ah__logo svg{display:block;width:100%;height:100%;overflow:visible}
.ah__lema{position:relative;z-index:1;font-family:var(--d);font-weight:800;font-size:clamp(38px,8.2vw,112px);line-height:.94;letter-spacing:-.035em;word-spacing:.05em;margin-top:clamp(24px,4.4svh,52px);font-variation-settings:"wdth" 94,"opsz" 96}
.ah__s{font-size:clamp(18px,2.2vw,25px);line-height:1.32;max-width:22em;margin-top:clamp(14px,2.2svh,24px);color:rgba(244,243,238,.84)}
.ah .hero__c{margin-top:clamp(20px,3.2svh,36px)}
.ah .hero__k{margin-bottom:clamp(16px,3svh,30px)}
.ah__d{margin-top:16px;font-size:15px;color:var(--gris)}
@media (max-width:560px){.ah .hero__k span:nth-child(2){display:none}.ah .hero__k{font-size:11.5px}}
/* lo que acompaña al logo espera a que la tilde caiga (solo si el script cargó) */
.js .ah__e{opacity:0;transform:translateY(26px)}
.js .ah__in.ok .ah__e{opacity:1;transform:none;transition:opacity .9s var(--suave),transform 1.1s var(--suave);transition-delay:calc(var(--i,0)*90ms)}

/* ───── 2 · la idea ───── */
.ai{height:230svh;background:var(--azul);color:#fff;position:relative}
.ai__st{position:sticky;top:0;height:100svh;display:grid;align-items:center;padding:0 var(--mx)}
.ai__t{font-family:var(--d);font-weight:600;font-size:clamp(34px,7.6vw,84px);line-height:1.06;letter-spacing:-.03em;max-width:15em;font-variation-settings:"wdth" 92,"opsz" 60;--lh:1.06;--tilde:var(--tinta)}
.ai__t span.w{opacity:.26;transition:opacity .25s linear}
.ai__t em{font-style:normal}
.ai__t em span.w{color:var(--tinta)}

/* ───── 3 · el método ───── */
.met{background:var(--papel);color:var(--tinta);padding:clamp(80px,13svh,150px) var(--mx)}
.met__h{font-family:var(--d);font-weight:800;font-size:clamp(46px,8.6vw,132px);letter-spacing:-.035em;margin-top:14px;font-variation-settings:"wdth" 88,"opsz" 96}
.met__h span{display:inline-block}
.met__i{font-size:clamp(17px,1.7vw,21px);max-width:19em;margin-top:clamp(14px,2.4svh,24px);color:#3b3a36}
.met__bar{display:none}
.met__ps{list-style:none;display:grid;gap:clamp(40px,7svh,70px);margin-top:clamp(40px,7svh,70px)}
.met__p b{display:block;font-family:var(--d);font-weight:800;font-size:clamp(110px,19vw,300px);line-height:.78;letter-spacing:-.06em;color:var(--azul);font-variation-settings:"wdth" 80,"opsz" 96;margin-left:-.04em}
.met__p h3{font-family:var(--d);font-weight:800;font-size:clamp(32px,5vw,72px);letter-spacing:-.03em;margin-top:clamp(12px,2.2svh,24px);font-variation-settings:"wdth" 92,"opsz" 96}
.met__p p{font-size:clamp(17px,1.75vw,23px);line-height:1.42;max-width:24em;margin-top:clamp(10px,1.8svh,18px);color:#2a2a27}
.met__h3{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(14px,2.4svh,22px);max-width:34em}
.met__h3 li{border:1.5px solid var(--linea);border-radius:99px;padding:7px 14px;font-size:15px;font-weight:600}
/* con script: la sección queda fija y los pasos se turnan */
.js .met{height:440svh;padding-top:0;padding-bottom:0;position:relative}
.js .met__st{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;gap:clamp(18px,3svh,34px);padding:clamp(84px,12svh,120px) 0 clamp(26px,5svh,50px)}
.js .met__ps{position:relative;margin-top:0;display:block;min-height:0}
.js .met__p{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;will-change:transform,opacity}
.js .met__bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:340px;margin-top:clamp(14px,2.6svh,28px)}
.met__bar i{height:5px;border-radius:3px;background:var(--linea);overflow:hidden;position:relative}
.met__bar i::after{content:"";position:absolute;inset:0;background:var(--azul);transform-origin:left;transform:scaleX(var(--f,0))}
@media (max-width:899px){
  .js .met__i{display:none}
  .js .met__h{font-size:clamp(40px,11vw,64px)}
  .js .met__p b{font-size:clamp(96px,30vw,150px)}
}
@media (min-width:900px){
  .js .met__st{grid-template-rows:1fr;grid-template-columns:.86fr 1.14fr;align-items:center;gap:5vw;padding-top:0;padding-bottom:0}
  .js .met__ps{height:min(74svh,640px)}
  .js .met__p{justify-content:center}
}

/* cinta: no es solo Claude */
.cz{background:var(--tinta);color:var(--papel);padding:clamp(80px,13svh,150px) 0 0;overflow:hidden}
.cz__c{padding:0 var(--mx)}
.cz__h{font-family:var(--d);font-weight:800;font-size:clamp(44px,9vw,140px);letter-spacing:-.035em;font-variation-settings:"wdth" 88,"opsz" 96}
.cz__p{font-size:clamp(18px,2vw,26px);line-height:1.34;max-width:24em;margin-top:clamp(16px,2.6svh,28px);color:rgba(244,243,238,.82)}
.cz__cinta{background:none;color:var(--papel);padding:clamp(40px,7svh,80px) 0 clamp(60px,10svh,120px)}
.cz__cinta .cinta__r span:nth-child(even){-webkit-text-stroke:1.5px var(--papel)}
.cz__cinta .cinta__r span::after{border-radius:0;width:.2em;height:.3em;transform:skewX(-33deg)}

/* ───── 4 · lo que te llevas ───── */
.pl{height:270svh;position:relative;background:var(--tinta);color:var(--papel)}
.pl__st{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;padding:clamp(84px,12svh,130px) var(--mx) 0;gap:clamp(16px,2.6svh,30px)}
.pl__h{font-family:var(--d);font-weight:800;font-size:clamp(42px,10.6vw,124px);letter-spacing:-.035em;margin-top:14px;font-variation-settings:"wdth" 90,"opsz" 96}
.pl__h span{display:block;will-change:transform}
.pl__h span:last-child{color:var(--azul)}
.pl__l{list-style:none;display:grid;gap:10px;margin-top:clamp(16px,2.6svh,30px);max-width:27em}
.pl__l li{position:relative;padding-left:26px;font-size:clamp(16px,1.7vw,21px);color:rgba(244,243,238,.86);will-change:transform,opacity}
.pl__l li::before{content:"";position:absolute;left:3px;top:.36em;width:.42em;height:.62em;background:var(--azul);transform:skewX(-33deg)}
.pl__es{position:relative;display:grid;place-items:start center;perspective:1600px;min-height:0}
.pl__hoja{height:min(100%,78svh);aspect-ratio:1100/1556;border-radius:clamp(8px,1.2svh,14px);overflow:hidden;background:#FBFAF7;box-shadow:0 0 0 1.5px rgba(244,243,238,.1),0 60px 140px rgba(59,85,255,.34);transform-origin:50% 30%;will-change:transform}
.pl__hoja img{width:100%;height:100%;object-fit:cover;object-position:top}
@media (min-width:900px){
  .pl__st{grid-template-rows:1fr;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:0;gap:5vw}
  .pl__es{height:100svh;place-items:center}
  .pl__hoja{height:84svh}
}

/* ───── 5 · formatos: las tarjetas del sitio, con precio ───── */
.af .ahora__h span:last-child{color:var(--azul)}
.af .tj{min-height:min(74svh,680px);justify-content:flex-end}
.af .tj--2{background:var(--azul);color:#fff;--tilde:var(--tinta)}
.af .tj--4{background:var(--bruma);color:var(--tinta)}
.af .tj--2 .tj__l a:hover{background:#fff;color:var(--azul)}
.af .tj h3{font-size:clamp(34px,5.6vw,84px);margin-top:10px}
.tj__q{font-size:clamp(13px,1.2vw,15px)!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.62!important;margin:0!important;max-width:22em!important}
.tj__i{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tj__i li{border:1.5px solid currentColor;border-radius:99px;padding:6px 13px;font-size:14.5px;font-weight:600;opacity:.82}
.tj__pr{font-family:var(--d);font-weight:800;font-size:clamp(44px,7.4vw,112px)!important;line-height:.9;letter-spacing:-.04em;margin-top:clamp(20px,3.4svh,38px)!important;opacity:1!important;max-width:none!important;font-variation-settings:"wdth" 86,"opsz" 96;font-variant-numeric:tabular-nums}
.tj__pr small{font-family:var(--b);font-weight:600;font-size:.26em;letter-spacing:0;opacity:.7}
.tj__c{font-size:15px!important;margin-top:10px!important;opacity:.7!important}

/* ───── 6 · antes de reservar ───── */
.sn{background:var(--tinta);color:var(--papel);padding:clamp(90px,15svh,180px) var(--mx)}
.sn__h{font-family:var(--d);font-weight:800;font-size:clamp(44px,9vw,140px);letter-spacing:-.035em;font-variation-settings:"wdth" 88,"opsz" 96}
.sn__g{display:grid;gap:18px;margin-top:clamp(34px,6svh,70px)}
.sn__c{border-radius:clamp(22px,3vw,40px);padding:clamp(24px,3.6vw,48px);background:#19191B}
.sn__c h3{font-family:var(--d);font-weight:800;font-size:clamp(26px,3.4vw,44px);letter-spacing:-.025em;line-height:1}
.sn__c ul{list-style:none;display:grid;gap:14px;margin-top:22px}
.sn__c li{position:relative;padding-left:30px;font-size:clamp(17px,1.7vw,21px);line-height:1.36;color:rgba(244,243,238,.88)}
.sn__c li::before{content:"";position:absolute;left:4px;top:.3em;width:.44em;height:.66em;background:var(--azul);transform:skewX(-33deg)}
.sn__c--n{background:none;box-shadow:inset 0 0 0 1.5px rgba(244,243,238,.16)}
.sn__c--n li::before{background:none;width:14px;height:2px;top:.68em;left:2px;transform:none;background:rgba(244,243,238,.5)}
.sn__p{font-family:var(--d);font-weight:600;font-size:clamp(22px,3vw,40px);line-height:1.12;letter-spacing:-.02em;max-width:19em;margin-top:clamp(34px,6svh,70px)}
@media (min-width:800px){.sn__g{grid-template-columns:1fr 1fr}}

/* ───── 7 · reservar: la lista del sitio, en azul ───── */
.al{color:#fff}
.al .k--t{color:#fff;opacity:.8}
.al .fm input[type=email]{color:#fff;background:rgba(255,255,255,.12);border-color:#fff}
.al .fm input::placeholder{color:rgba(255,255,255,.62)}
.al .fm button{background:#fff;color:var(--azul)}
.al :focus-visible{outline-color:#fff}

@media (prefers-reduced-motion:reduce){
  .js .ah__e{opacity:1;transform:none}
  .ah,.ai,.pl,.js .met{height:auto}
  .ah__st,.ai__st,.pl__st{position:relative;height:auto;min-height:100svh;padding-top:110px;padding-bottom:70px}
  .js .met{padding:clamp(80px,13svh,150px) var(--mx)}
  .js .met__st{position:static;height:auto;display:block;padding:0;overflow:visible}
  .js .met__ps{display:grid;margin-top:clamp(40px,7svh,70px)}
  .js .met__p{position:static}
  .js .met__bar{display:none}
  .ai__t span.w{opacity:1}
}