:root{--tinta:#14131a;--suave:#5c5a66;--fondo:#fbf8f3;--papel:#ffffff;--linea:#e8e3da;--naranja:#ff5a36;--naranja2:#ffe7df;--verde:#1f9d6b;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--tinta);font:16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.c{max-width:1160px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:"Bricolage Grotesque",Inter,sans-serif;line-height:1.02;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:800}
h2{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:800}
h3{font-size:1.45rem;font-weight:700}
.eti{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--naranja)}
.boton{display:inline-flex;align-items:center;gap:.5rem;background:var(--tinta);color:#fff;text-decoration:none;font-weight:600;padding:.95rem 1.4rem;border-radius:999px;transition:transform .15s}
.boton:hover{transform:translateY(-2px)}
.boton.n{background:var(--naranja)}
.boton.b{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}
nav{position:sticky;top:0;z-index:5;background:rgba(251,248,243,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
nav .c{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{display:flex;align-items:center;gap:.55rem;font-family:"Bricolage Grotesque";font-weight:800;font-size:1.35rem;text-decoration:none}
.logo i{width:30px;height:30px;border-radius:9px;background:var(--naranja);display:grid;place-items:center}
nav ul{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0;font-size:.95rem}
nav ul a{text-decoration:none;color:var(--suave)}nav ul a:hover{color:var(--tinta)}
@media(max-width:820px){nav ul{display:none}}
.hero{padding:72px 0 40px}
.hero .g{display:grid;gap:48px;align-items:center}
@media(min-width:960px){.hero .g{grid-template-columns:1.15fr .85fr}}
.hero h1 em{font-style:normal;color:var(--naranja)}
.hero p.l{font-size:1.2rem;color:var(--suave);max-width:36ch;margin:22px 0 30px}
.acc{display:flex;flex-wrap:wrap;gap:12px}
.movil{position:relative;margin:0 auto;width:300px;height:600px;border-radius:44px;background:var(--tinta);padding:12px;box-shadow:0 40px 80px -30px rgba(20,19,26,.45)}
.pant{height:100%;border-radius:34px;background:linear-gradient(180deg,#2a2833,#1b1a22);padding:46px 14px 14px;color:#fff;overflow:hidden}
.hora{text-align:center;font-family:"Bricolage Grotesque";font-size:3.4rem;font-weight:500;margin-bottom:2px}
.fecha{text-align:center;font-size:.8rem;opacity:.7;margin-bottom:22px}
.noti{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:18px;padding:11px 13px;margin-bottom:9px;font-size:.82rem;line-height:1.35;opacity:0;transform:translateY(14px);animation:entra .6s forwards}
.noti b{display:flex;justify-content:space-between;font-size:.74rem;opacity:.75;font-weight:500;margin-bottom:3px}
.noti:nth-child(3){animation-delay:.4s}.noti:nth-child(4){animation-delay:1.4s}.noti:nth-child(5){animation-delay:2.4s}.noti:nth-child(6){animation-delay:3.4s}
@keyframes entra{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.noti{animation:none;opacity:1;transform:none}}
.canal{display:inline-block;font-size:.66rem;padding:1px 7px;border-radius:999px;background:var(--naranja);margin-right:4px}
.canal.w{background:var(--verde)}.canal.a{background:#5b5bd6}
section{padding:84px 0}
.cab{max-width:720px;margin-bottom:44px}.cab p{color:var(--suave);font-size:1.12rem;margin:16px 0 0}
.tres{display:grid;gap:18px}
@media(min-width:860px){.tres{grid-template-columns:repeat(3,1fr)}}
.tarj{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);padding:28px;display:flex;flex-direction:column}
.tarj .n{font-family:"Bricolage Grotesque";font-weight:800;font-size:.95rem;color:var(--naranja);margin-bottom:14px}
.tarj p{color:var(--suave);margin:12px 0 18px}
.tarj ul{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:9px;font-size:.95rem}
.tarj li{display:flex;gap:9px}.tarj li:before{content:"";flex:0 0 18px;height:18px;margin-top:3px;border-radius:50%;background:var(--naranja2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%23ff5a36' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.tarj.dest{background:var(--tinta);color:#fff;border-color:var(--tinta)}.tarj.dest p{color:#c9c6d3}
.tarj .pie{margin-top:auto;padding-top:18px;font-size:.88rem;color:var(--suave)}.tarj.dest .pie{color:#c9c6d3}
.oscuro{background:var(--tinta);color:#fff}.oscuro .cab p{color:#c9c6d3}
.pasos{display:grid;gap:14px;counter-reset:p}
@media(min-width:860px){.pasos{grid-template-columns:repeat(4,1fr)}}
.paso{border-top:2px solid #3a3844;padding-top:18px}
.paso:before{counter-increment:p;content:"0" counter(p);font-family:"Bricolage Grotesque";font-weight:800;color:var(--naranja);font-size:1.1rem}
.paso h3{margin:10px 0 8px;font-size:1.2rem}.paso p{margin:0;color:#c9c6d3;font-size:.96rem}
.tabla{width:100%;border-collapse:collapse;background:var(--papel);border-radius:var(--r);overflow:hidden;border:1px solid var(--linea);font-size:.96rem}
.tabla th,.tabla td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla th{font-family:"Bricolage Grotesque";font-size:1.05rem}
.tabla td:first-child{color:var(--suave);width:28%}
.envol{overflow-x:auto;border-radius:var(--r)}
.legal{display:grid;gap:18px}
@media(min-width:860px){.legal{grid-template-columns:repeat(3,1fr)}}
.legal div{border-left:3px solid var(--naranja);padding:2px 0 2px 18px}
.legal h3{font-size:1.15rem;margin-bottom:8px}.legal p{margin:0;color:var(--suave)}
details{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:18px 22px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary:after{content:"+";color:var(--naranja);font-size:1.3rem;line-height:1}details[open] summary:after{content:"–"}
details p{color:var(--suave);margin:12px 0 0}
.final{background:var(--naranja);color:#fff;border-radius:32px;padding:56px 32px;text-align:center}
.final p{max-width:52ch;margin:16px auto 28px;font-size:1.12rem;opacity:.95}
footer{padding:36px 0 50px;color:var(--suave);font-size:.9rem}
footer .c{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.doc{max-width:760px;margin:0 auto;padding:64px 20px 80px}
.doc h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:10px}
.doc h2{font-size:1.5rem;margin:38px 0 10px;letter-spacing:-.01em}
.doc p,.doc li{color:#3b3944}
.doc .meta{color:var(--suave);font-size:.92rem}
.doc table{border-collapse:collapse;width:100%;font-size:.95rem}.doc td{border-bottom:1px solid var(--linea);padding:9px 8px;vertical-align:top}.doc td:first-child{color:var(--suave);width:34%}
footer a{color:var(--suave)}footer nav{all:unset;display:flex;gap:16px;flex-wrap:wrap}