:root{--fondo:#f7f6f2;--superficie:#fff;--borde:#e6e3dc;--borde-campo:#d9d6ce;--linea:#efece6;--texto:#1c1b1a;--texto-suave:#5e5b55;--principal:#0b6b65;--principal-oscuro:#084f4b;--principal-claro:#f2f8f7;--aviso-fondo:#fdf1e4;--aviso-texto:#6b3a0b;--error:#b42318;--radio:14px;--letra:Inter, system-ui, sans-serif;--letra-titulos:"Space Grotesk", Inter, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--letra);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.4}h1,h2{margin:0}h1{font-family:var(--letra-titulos);font-size:28px;font-weight:600}p{margin:0}a{color:var(--principal)}.texto-suave{color:var(--texto-suave);font-size:14px}.boton-principal{border-radius:var(--radio);background:var(--principal);color:#fff;width:100%;height:56px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex}.boton-principal:hover{background:var(--principal-oscuro)}.boton-principal:disabled{opacity:.6;cursor:default}.boton-secundario{border:1px solid var(--borde-campo);border-radius:var(--radio);width:100%;height:48px;color:var(--principal);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;font-weight:500;display:flex}.boton-texto{color:var(--principal);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:8px 0;font-weight:500}.formulario{flex-direction:column;gap:16px;display:flex}.formulario label{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.formulario input{border:1px solid var(--borde-campo);height:48px;font:inherit;background:var(--superficie);color:var(--texto);border-radius:12px;padding:0 14px;font-size:16px;font-weight:400}.formulario input:focus{outline:2px solid var(--principal);outline-offset:1px}.error{color:var(--error);font-size:14px}.aviso{background:var(--aviso-fondo);color:var(--aviso-texto);border-radius:10px;padding:10px 12px;font-size:14px}.ingreso,.centro{justify-content:center;align-items:center;min-height:100%;padding:24px 20px;display:flex}.ingreso-caja{flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}.marca{align-items:center;gap:12px;display:flex}.marca img{border-radius:12px}.marco{min-height:100%}.contenido{padding:24px 20px calc(96px + env(safe-area-inset-bottom))}.menu{z-index:10;background:var(--superficie);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.menu ul{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.menu a{height:64px;color:var(--texto-suave);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.menu a.active{color:var(--principal)}.menu-marca,.menu-usuario{display:none}.pagina{flex-direction:column;gap:16px;max-width:720px;display:flex}.pagina-encabezado{flex-direction:column;gap:4px;display:flex}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:8px;padding:16px;display:flex}.titulo-tarjeta{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}@media (width>=900px){.marco{grid-template-columns:240px 1fr;display:grid}.menu{border-top:0;border-right:1px solid var(--borde);flex-direction:column;gap:24px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.menu-marca{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.menu-marca img{border-radius:8px}.menu ul{flex-direction:column;gap:4px;display:flex}.menu a{border-radius:10px;flex-direction:row;justify-content:flex-start;gap:12px;height:44px;padding:0 12px;font-size:15px}.menu a:hover{background:var(--fondo)}.menu a.active{background:var(--principal-claro)}.menu-usuario{flex-direction:column;gap:2px;margin-top:auto;font-size:14px;font-weight:500;display:flex}.contenido{padding:40px 48px}.solo-celular{display:none}}