/* Método ADAPTA: gancho y llamada a la acción entre Toolbox y «Sobre mí». Fondo oscuro con grano, las seis letras en los colores
   de sus variables (los del manuscrito del método). La definición vive en una línea bajo las letras: nada flota ni tapa. */
.ad{position:relative;isolation:isolate;padding:clamp(88px,12vh,140px) 8vw;background:#1F3A3D;color:#E6D5C3;overflow:hidden}
.ad::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../../fondo-textura.webp) center/cover;opacity:.3}
.ad-grilla{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,5vw,72px);align-items:center;max-width:1380px;margin:0 auto}
.ad-rot{margin:0 0 14px;font:700 14px var(--hu-sans);letter-spacing:.06em;text-transform:uppercase;color:#E8927A}
.ad h2{font:600 clamp(40px,4.6vw,68px)/1 var(--hu-serif);margin:0 0 20px;color:#E6D5C3}
.ad h2:focus{outline:none}
.ad-intro>p:not(.ad-rot){font-size:18px;line-height:1.65;color:#C8BFB1;margin:0 0 28px;max-width:52ch}
.ad-cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:#E8927A;color:#1F3A3D;font-weight:700;text-decoration:none;transition:transform .45s var(--hu-curva-firma),background-color .3s}
.ad-cta svg{width:18px;height:18px;transition:transform .45s var(--hu-curva-firma)}
.ad-cta:hover,.ad-cta:focus-visible{background:#F2B09D;transform:translateY(-3px)}
.ad-cta:hover svg,.ad-cta:focus-visible svg{transform:translateX(5px)}
.ad-cta:focus-visible,.ad-letra:focus-visible{outline:2px solid #E6D5C3;outline-offset:4px}
.ad-intro .ad-nota{font-size:15px;margin:14px 0 0;color:#A6A197}
.ad-letras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ad-letra{width:100%;aspect-ratio:1;border:0;border-radius:20px;display:grid;align-content:center;justify-items:center;gap:6px;padding:10px;background:var(--c);color:var(--t);cursor:pointer;box-shadow:inset 0 -6px 0 rgba(0,0,0,.18),0 10px 22px rgba(0,0,0,.28);transition:transform .45s var(--hu-curva-firma),box-shadow .45s var(--hu-curva-firma)}
.ad-letra b{font:600 clamp(56px,6vw,96px)/.9 var(--hu-serif)}
.ad-letra span{font:700 13px/1.2 var(--hu-sans);letter-spacing:.04em;text-transform:uppercase;text-align:center}
.ad-letra:hover,.ad-letra:focus-visible,.ad-letra.activa{transform:translateY(-6px) rotate(-2deg);box-shadow:inset 0 -6px 0 rgba(0,0,0,.18),0 18px 30px rgba(0,0,0,.36)}
.ad-def{margin:22px 0 0;min-height:3.2em;font:italic 500 clamp(20px,1.8vw,26px)/1.3 var(--hu-serif);color:#E6D5C3}
@media (prefers-reduced-motion:reduce){.ad-cta:hover,.ad-cta:focus-visible,.ad-letra:hover,.ad-letra:focus-visible,.ad-letra.activa{transform:none}.ad-cta:hover svg{transform:none}}
@media (max-width:900px){.ad-grilla{grid-template-columns:1fr}}
@media (max-width:420px){.ad-letras{gap:10px}.ad-letra span{font-size:11px}}
@media (max-width:640px){.ad{padding-top:25px}}   /* móvil: poco aire sobre el método, justo bajo la consola del Toolbox */