:root{--papel:#FAFAF7;--papel-2:#F1F1EB;--tinta:#0B1020;--tinta-2:#2A3142;--gris:#5E6675;--raya:#DADAD2;--fuego:#FF4A1C;--bien:#1F8A4C}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font:1.0625rem/1.55 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{width:min(100% - 2.5rem,34rem);margin:0 auto;padding:clamp(3rem,10vw,6rem) 0}
.marca{font-weight:800;letter-spacing:.3em;font-size:.9rem;text-decoration:none;color:inherit}
h1{font-size:clamp(2.2rem,6vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:2.5rem 0 1rem}
h2{font-size:1.1rem;margin:2.6rem 0 .8rem}
p{margin:0 0 1rem;color:var(--tinta-2)}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.5rem;border-radius:99rem;border:0;background:var(--tinta);color:var(--papel);font:700 1rem inherit;font-family:inherit;text-decoration:none;cursor:pointer}
.boton:hover{background:var(--fuego)}
.suave{background:none;color:var(--gris);padding:0;font-weight:500;text-decoration:underline;text-underline-offset:.2em}
.suave:hover{background:none;color:var(--tinta)}
.aviso{background:var(--papel-2);border-radius:.8rem;padding:.9rem 1.1rem;font-size:.95rem}
.letra{font-size:.86rem;color:var(--gris)}
ul{list-style:none;margin:0;padding:0}
li a{color:inherit;text-decoration:none;border-bottom:1px solid var(--tinta)}
li a:hover{color:var(--fuego);border-color:var(--fuego)}
li{display:flex;justify-content:space-between;gap:.4rem 1.5rem;flex-wrap:wrap;align-items:baseline;padding:1rem 0;border-top:1px solid var(--raya);font-weight:700}
li:last-child{border-bottom:1px solid var(--raya)}
li span{font-weight:400;font-size:.9rem;color:var(--gris)}
li .ok{color:var(--bien);font-weight:600}
label{display:block;font-size:.85rem;font-weight:600;color:var(--tinta-2);margin:1.1rem 0 .4rem}
input{width:100%;font:inherit;color:var(--tinta);background:#fff;border:1px solid var(--raya);border-radius:.7rem;padding:.8rem .95rem;outline:none}
input:focus{border-color:var(--tinta)}
form.fila{margin-top:1.4rem}
form.fila .boton{margin-top:1.4rem}
footer{margin-top:3.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
main.ancha{width:min(100% - 2.5rem,62rem);padding-top:clamp(2rem,6vw,3.5rem)}
h1 i{font-style:normal;color:var(--fuego)}
.tenue{color:var(--gris)}
.puerta{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;min-height:68vh}
.puerta h1{font-size:clamp(2.6rem,6.5vw,4.4rem);margin-top:1.5rem}
.puntos{margin-top:2rem;display:grid;gap:.2rem}
.puntos li{display:block;font-weight:400;color:var(--tinta-2);padding:.85rem 0}
.puntos li:last-child{border-bottom:0}
.puntos b{color:var(--tinta)}
.puerta-entra{background:#fff;border:1px solid var(--raya);border-radius:1.2rem;padding:clamp(1.5rem,4vw,2.2rem);box-shadow:0 2rem 4rem -2.5rem rgba(11,16,32,.35)}
.puerta-entra h2{margin:0 0 1.2rem;font-size:1.35rem;letter-spacing:-.02em}
.entrar-con{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.95rem 1rem;border:1px solid var(--tinta);border-radius:.8rem;background:#fff;color:var(--tinta);font-weight:700;text-decoration:none;margin-bottom:1.2rem;transition:background .15s,color .15s}
.entrar-con:hover{background:var(--tinta);color:var(--papel)}
.entrar-con svg{width:1.25rem;height:1.25rem;flex:none}
.saludo{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.saludo h1{margin:1rem 0 .2rem}
.saludo p{margin:0;color:var(--gris);font-size:.95rem}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}
.tarjeta{display:grid;gap:.35rem;align-content:start;padding:1.3rem 1.4rem 1.1rem;border:1px solid var(--raya);border-radius:1rem;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,transform .2s,box-shadow .2s}
.tarjeta:hover{border-color:var(--tinta);transform:translateY(-2px);box-shadow:0 1.5rem 3rem -2rem rgba(11,16,32,.4)}
.tarjeta-arriba{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}
.tarjeta-arriba b{font-size:1.2rem;letter-spacing:-.02em;line-height:1.2}
.sello{flex:none;font-size:.74rem;font-weight:600;padding:.2rem .6rem;border-radius:99rem;background:var(--papel-2);color:var(--tinta-2);white-space:nowrap}
.sello.ok{background:var(--bien);color:#fff}
.rut{font-size:.86rem;color:var(--gris)}
.hoy{margin:.7rem 0 .2rem;font-size:1rem;line-height:1.4;color:var(--tinta)}
.hoy.tenue{color:var(--gris);font-size:.92rem}
.tarjeta-pie{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.7rem;padding-top:.8rem;border-top:1px solid var(--raya);font-size:.88rem}
.estado-e{display:inline-flex;align-items:center;gap:.5rem;color:var(--tinta-2)}
.luz{width:.55rem;height:.55rem;border-radius:50%;background:var(--gris);flex:none}
.luz.verde{background:#22A565}.luz.amarillo{background:#E0A200}.luz.rojo{background:#D92D20}
.abrir{font-weight:700;white-space:nowrap}
.tarjeta:hover .abrir{color:var(--fuego)}
.registrar{margin-top:2.2rem;border:1px solid var(--raya);border-radius:1rem;background:#fff}
.registrar summary{cursor:pointer;padding:1rem 1.4rem;font-weight:700;list-style:none}
.registrar summary::-webkit-details-marker{display:none}
.registrar summary::before{content:"+";display:inline-block;width:1.2rem;font-weight:400}
.registrar[open] summary::before{content:"–"}
.registrar form{margin:0;padding:0 1.4rem 1.2rem}
.dos-campos{display:grid;grid-template-columns:1fr 1.4fr;gap:0 1rem}
@media (max-width:46rem){.puerta{grid-template-columns:1fr;min-height:0}.dos-campos{grid-template-columns:1fr}}