:root{--tierra:#3b2a20;--tierra-2:#5a4232;--terracota:#b5562f;--terracota-osc:#954524;--arena:#e8dcc6;--crema:#f7f2e9;--blanco:#fffdf9;--azul:#426cb4;--azul-claro:#a9c4e8;--azul-fondo:#e7eef8;--texto:#2e241d;--texto-suave:#7a6a5c;--error:#a3322a;--radio:10px;--sombra:0 1px 2px rgba(59,42,32,0.08),0 4px 14px rgba(59,42,32,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--crema);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}a{color:var(--azul)}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-marca{background:var(--tierra);color:var(--crema);padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-marca:after{content:"";position:absolute;inset:auto -10% -20% -10%;height:55%;background:repeating-linear-gradient(-8deg,transparent 0 22px,rgba(181,86,47,.18) 22px 24px);pointer-events:none}.login-logo{background:#fff;border-radius:var(--radio);padding:14px 18px;width:220px;box-shadow:var(--sombra)}.login-logo img{display:block;width:100%;height:auto}.login-lema{font-size:30px;line-height:1.2;font-weight:600;max-width:480px;margin:0;position:relative;z-index:1}.login-lema span{color:var(--azul-claro)}.login-panel{display:flex;align-items:center;justify-content:center;padding:32px 24px}.login-caja{width:100%;max-width:360px}.login-caja h1{font-size:22px;margin:0 0 6px;color:var(--tierra)}.login-caja .sub{margin:0 0 28px;color:var(--texto-suave)}.boton-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;background:var(--blanco);border:1px solid var(--arena);border-radius:var(--radio);font-size:16px;font-weight:600;color:var(--texto);cursor:pointer;box-shadow:var(--sombra)}.boton-google:hover{border-color:var(--azul-claro)}.nota{font-size:13px;color:var(--texto-suave);margin-top:20px;line-height:1.5}.error{background:#f8e6e2;color:var(--error);border-radius:8px;padding:12px 14px;font-size:14px;margin:0 0 18px}.credito{margin-top:36px;font-size:12px}.credito,.credito a{color:var(--texto-suave)}@media (max-width:760px){.login{grid-template-columns:1fr}.login-marca{padding:28px 20px 36px;gap:28px}.login-logo{width:170px}.login-lema{font-size:22px}}.barra{background:var(--tierra);color:var(--crema);justify-content:space-between;padding:10px 16px;gap:12px}.barra,.barra-izq{display:flex;align-items:center}.barra-izq{gap:10px;color:inherit;text-decoration:none}.barra-logo{height:34px;background:#fff;border-radius:6px;padding:3px 6px}.barra-nombre{font-weight:600;letter-spacing:.5px}.barra-der{gap:10px}.avatar,.barra-der{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:var(--azul-claro);color:var(--tierra);justify-content:center;font-weight:700;font-size:13px}.usuario-nombre{margin:0;font-size:14px}.salir{background:transparent;border:1px solid rgba(247,242,233,.35);color:var(--crema);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px}@media (max-width:560px){.barra-nombre,.usuario-nombre{display:none}}.contenido{max-width:960px;margin:0 auto;padding:20px 16px 48px}.saludo{margin:4px 0 18px;font-size:20px;color:var(--tierra)}.accesos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;margin-bottom:28px}.acceso{display:flex;align-items:center;gap:16px;padding:22px 20px;border-radius:14px;text-decoration:none;color:var(--blanco);background:var(--terracota);box-shadow:var(--sombra);font-size:19px;font-weight:600}.acceso:hover{background:var(--terracota-osc)}.acceso.azul{background:var(--azul)}.acceso.azul:hover{background:#355a99}.seccion-titulo{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--texto-suave);margin:0 0 10px}.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.tile{background:var(--blanco);border:1px solid var(--arena);border-radius:var(--radio);padding:18px 12px;text-align:center;text-decoration:none;color:var(--texto)}.tile:hover{border-color:var(--azul-claro);background:var(--azul-fondo)}.tile-label{margin:0;font-size:14px;font-weight:500}.vacio{background:var(--blanco);border:1px dashed var(--arena);border-radius:var(--radio);padding:32px 20px;text-align:center;color:var(--texto-suave);line-height:1.6}