/* INSTINTO Rock-Pop · base común de las landings (marca Rev. 3) */
:root{
  --noche:#0D1017; --noche2:#151A24; --linea:#232A3A; --marfil:#F2EDE4; --mute:#A9AEBD;
  --ambar:#F5A524; --fuego:#E8452C; --turquesa:#3CC8B4; --rosa:#FF6B81;
  --rock:linear-gradient(135deg,var(--ambar),var(--fuego));
  --radio:18px; --max:1120px;
}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--noche);color:var(--marfil);font:17px/1.65 Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:var(--turquesa)}
.wrap{max-width:var(--max);margin:auto;padding:0 24px}
h1,h2,h3{font-family:Montserrat,Inter,sans-serif;line-height:1.1;margin:0 0 .5em}
h2{font-size:clamp(28px,4vw,44px);font-weight:900}
.rock{background:var(--rock);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}
.pop{color:var(--turquesa);font-family:Poppins,sans-serif;font-weight:500}
.eyebrow{font:600 13px/1 Montserrat,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--turquesa)}
.btn{display:inline-flex;gap:10px;align-items:center;padding:14px 26px;border-radius:999px;font:700 15px Montserrat,sans-serif;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-rock{background:var(--rock);color:#fff;box-shadow:0 8px 30px #E8452C40}
.btn-pop{background:transparent;color:var(--turquesa);border:2px solid var(--turquesa)}
section{padding:96px 0}
/* Cabecera */
.top{position:sticky;top:0;z-index:20;background:#0D1017e6;backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.marca{display:flex;align-items:center;gap:10px;color:var(--marfil);text-decoration:none;font:900 18px Montserrat,sans-serif}
.marca img{width:40px;height:40px}
.top nav a{color:var(--mute);text-decoration:none;margin-left:22px;font-size:15px}.top nav a:hover{color:var(--marfil)}
@media(max-width:760px){.top nav a:not(.btn){display:none}}
/* Contacto (común a las 3 propuestas) */
.contacto{background:var(--noche2);border-top:1px solid var(--linea)}
.contacto .grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
@media(max-width:860px){.contacto .grid{grid-template-columns:1fr}}
.tipos{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.tipos label{cursor:pointer}.tipos input{position:absolute;opacity:0}
.tipos span{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid var(--linea);color:var(--mute);font-size:14px}
.tipos input:checked+span{border-color:var(--turquesa);color:var(--noche);background:var(--turquesa)}
.tipos input:focus-visible+span{outline:2px solid var(--ambar)}
form .campo{margin-bottom:14px}
form input[type=text],form input[type=email],form textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--linea);background:var(--noche);color:var(--marfil);font:inherit}
form input:focus,form textarea:focus{outline:none;border-color:var(--turquesa)}
form textarea{min-height:140px;resize:vertical}
.check{display:flex;gap:10px;font-size:14px;color:var(--mute);margin:10px 0}
.hp{position:absolute;left:-9999px}
.estado{margin-top:12px;font-size:15px;min-height:24px}.estado.ok{color:var(--turquesa)}.estado.err{color:var(--rosa)}
/* Pie */
footer.pie{border-top:1px solid var(--linea);padding:48px 0 32px;color:var(--mute);font-size:14px}
footer.pie .grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
footer.pie strong{color:var(--marfil)}footer.pie a{color:var(--mute);margin-right:16px}
footer.pie .vkg{max-width:520px}
.etiqueta-demo{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border:1px dashed var(--mute);border-radius:6px;color:var(--mute);vertical-align:middle}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}