/* ========================================================= Maverid · capa de refinamiento Toma de Apple el oficio (aire, escala, tracking, píldoras, entradas suaves) y conserva la paleta noche/oro/hueso. Se carga DESPUÉS de estilos.css. Para desactivarla, basta con quitar su del . ========================================================= */ /* ---------- 1 · Escala tipográfica más rotunda ---------- */ h1{font-size:clamp(2.5rem,6.6vw,4.6rem);letter-spacing:-.035em;line-height:1} h2{font-size:clamp(2rem,4.6vw,3.35rem);letter-spacing:-.028em;line-height:1.06} h3{letter-spacing:-.018em} .hero h1{font-size:clamp(2.4rem,5vw,4.1rem);margin-bottom:26px} .lead{font-size:clamp(1.12rem,2vw,1.34rem);line-height:1.55;max-width:56ch} .hero .lead{max-width:50ch;margin-bottom:34px} /* ---------- 2 · Más aire ---------- */ .sect{padding:clamp(80px,12vw,150px) 0} .pains{margin-top:clamp(46px,6vw,70px)} .fixes{margin-top:clamp(44px,6vw,66px)} .fit{margin-top:clamp(40px,5vw,60px)} .ledger{margin-top:clamp(42px,4.6vw,60px)} .ledger div{padding:44px 26px 40px} /* ---------- 3 · Botones en píldora ---------- */ .btn{border-radius:999px;padding:17px 34px;font-weight:500;letter-spacing:-.005em} .hdr .btn{padding:11px 22px} .mobile-cta .btn{border-radius:999px} .ck .btn{border-radius:999px;padding:11px 22px} /* ---------- 4 · Esquinas generosas en tarjetas ---------- */ .proof-card,.pain,.fit>div,.note,.honest,.mock,.ck,.shots a{border-radius:14px} .shots .frame{border-radius:10px} .who img,.who .ownership{border-radius:14px} .honest{border-radius:0 14px 14px 0} /* Las rejillas a 1px de separación no admiten esquinas: se redondea el conjunto, no cada celda. */ .pains,.ledger{border-radius:16px;overflow:hidden} .pain{border-radius:0} .ledger div{border-radius:0} /* ---------- 5 · Header más ligero ---------- */ .hdr.solid{background:rgba(14,27,42,.72);backdrop-filter:saturate(180%) blur(20px); -webkit-backdrop-filter:saturate(180%) blur(20px)} .nav a{font-weight:400;color:rgba(245,242,236,.78)} /* ---------- 6 · Detalles ---------- */ .pc-hero b{letter-spacing:-.035em} .ledger b{letter-spacing:-.032em} .big{letter-spacing:-.022em} summary{letter-spacing:-.014em} .pain-close{letter-spacing:-.02em} /* ---------- 7 · Correcciones para móvil ---------- */ @media(max-width:760px){ /* balance parte mal los titulares cuando caben 3 o 4 palabras por línea */ h1,h2,h3,.pain-close,.claim{text-wrap:wrap} h1{font-size:clamp(2.15rem,8.6vw,2.9rem);letter-spacing:-.028em;line-height:1.06} .hero h1{font-size:clamp(2.1rem,8.4vw,2.8rem)} h2{font-size:clamp(1.8rem,6.6vw,2.3rem);letter-spacing:-.022em;line-height:1.1} .lead{font-size:1.08rem} .sect{padding:clamp(58px,13vw,80px) 0} .btn{padding:16px 28px;font-size:1rem} } @media(max-width:700px){ /* las rejillas pasan a una columna: el redondeo del conjunto sobra y el padding heredado descuadraba la primera celda */ .ledger,.pains{border-radius:0;overflow:visible} .ledger div,.ledger div+div{padding:26px 0 24px} } /* ---------- 8 · Enlace de WhatsApp ---------- */ .wa-alt a{white-space:nowrap} @media(max-width:560px){ .wa-alt{line-height:1.5} .wa-alt a{display:block;margin-top:6px} } /* ---------- 9 · Entradas al hacer scroll ---------- */ /* La clase .rv la pone refinado.js. Sin JS, nada se oculta. */ .rv{opacity:0;transform:translateY(20px); transition:opacity .72s cubic-bezier(.32,.72,0,1),transform .72s cubic-bezier(.32,.72,0,1); will-change:opacity,transform} .rv.in{opacity:1;transform:none} .rv.rv-now{transition:none} @media(prefers-reduced-motion:reduce){ .rv{opacity:1!important;transform:none!important;transition:none!important} } /* ---------- 10 · Aire entre titular y entradilla ---------- */ h2+p,h2+.lead,h1+p,h3+p{margin-top:20px} .sect h2+.lead{margin-top:22px}