@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
:root{--fondo:#f2e9e4;--blanco:#fff;--texto:#22223b;--suave:#6c6579;--principal:#4a4e69;--borde:#ddd5d1}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--texto);background:var(--fondo);font-family:Montserrat,Arial,sans-serif}
.acceso{display:grid;place-items:center;padding:30px 20px}.tarjeta{width:min(460px,100%);padding:38px;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(34,34,59,.14)}.ancha{width:min(720px,100%)}
h1{margin:0;font-size:36px}.marca{margin:0 0 8px;color:#9a8c98;font-size:14px;font-weight:700;letter-spacing:.14em}.intro{margin:12px 0 28px;color:var(--suave);line-height:1.7}
label{display:block;margin-bottom:20px;font-size:16px;font-weight:700}input{display:block;width:100%;height:50px;margin-top:8px;padding:0 14px;border:1px solid var(--borde);border-radius:11px;outline:none;font:inherit}input:focus{border-color:var(--principal);box-shadow:0 0 0 4px rgba(74,78,105,.12)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.password{position:relative;display:block}.password input{padding-right:68px}.password button{position:absolute;right:8px;top:50%;border:0;background:transparent;color:var(--principal);font-weight:700;transform:translateY(-50%);cursor:pointer}
.boton{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;border:0;border-radius:11px;color:#fff;background:var(--principal);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.alerta{margin:0 0 22px;padding:15px 17px;border-radius:11px;line-height:1.6}.alerta ul{margin:0;padding-left:20px}.error{color:#7d2828;background:#f8dddd}.exito{color:#24543a;background:#e3f1e8}.aviso{color:#76561e;background:#fff2d5}.nota{color:var(--suave);font-size:15px;line-height:1.6}
header{display:flex;min-height:82px;align-items:center;justify-content:space-between;padding:18px 5vw;background:#fff;box-shadow:0 6px 24px rgba(34,34,59,.07)}header a{color:var(--principal);font-weight:700;text-decoration:none}.panel{width:min(1120px,calc(100% - 40px));margin:auto;padding:70px 0}.resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 24px}.resumen article{padding:24px;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(34,34,59,.08)}.resumen span{display:block;margin-bottom:12px;color:var(--suave);font-size:15px}.resumen strong{overflow-wrap:anywhere}
@media(max-width:700px){.tarjeta{padding:28px 22px}.dos,.resumen{grid-template-columns:1fr;gap:0}.resumen{gap:16px}}