@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--fondo: #F6F7FA;--superficie: #FFFFFF;--texto: #14171F;--texto-suave: #6B7280;--borde: #E5E7EB;--azul: #2F6FED;--azul-oscuro: #1D4FBF;--verde: #16A34A;--verde-oscuro: #0F7A38;--ambar: #F59E0B;--ambar-oscuro: #C2760A;--purpura: #7C3AED;--purpura-oscuro: #5F24C7;--rojo: #E11D48;--rojo-oscuro: #B4123A;--gris: #374151;--radio: 16px;--radio-chico: 10px;--sombra: 0 2px 10px rgba(20, 23, 31, .06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased}.contenedor{max-width:480px;margin:0 auto;padding:20px 16px 96px;min-height:100vh}h1,h2,h3{font-weight:800;letter-spacing:-.02em;margin:0 0 16px}h2{font-size:24px}h3{font-size:17px;margin-top:4px}h4{font-size:14px;color:var(--texto-suave);font-weight:600;margin:16px 0 8px}label{display:block;font-size:13px;font-weight:600;color:var(--texto-suave);margin-bottom:6px}input,select,textarea{width:100%;padding:13px 14px;border:1.5px solid var(--borde);border-radius:var(--radio-chico);margin-bottom:14px;font-size:16px;font-family:inherit;background:var(--superficie);color:var(--texto);transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul)}input[type=checkbox]{width:auto}.tarjeta{background:var(--superficie);border-radius:var(--radio);padding:18px;margin-bottom:12px;box-shadow:var(--sombra);border:1px solid var(--borde)}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 20px;border:none;border-radius:var(--radio-chico);background:var(--azul);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .08s ease,filter .15s ease}button:hover{filter:brightness(1.06)}button:active{transform:scale(.98)}button:disabled{background:#c6cbd4;cursor:not-allowed}button.secundario{background:var(--gris)}button.exito{background:var(--verde)}button.exito:hover{background:var(--verde-oscuro)}button.advertencia{background:var(--ambar)}button.peligro{background:var(--rojo)}button.peligro:hover{background:var(--rojo-oscuro)}button.wa-btn{background:var(--verde)}button.wa-btn:hover{background:var(--verde-oscuro)}button.fantasma{background:transparent;color:var(--texto);border:1.5px solid var(--borde);font-weight:600}.error{color:var(--rojo);font-size:14px;font-weight:600;margin:-6px 0 12px}.mosaico{display:flex;flex-direction:column;gap:12px}.tile{display:flex;align-items:center;gap:14px;padding:20px;border-radius:var(--radio);text-decoration:none;color:#fff;box-shadow:var(--sombra);position:relative;overflow:hidden}.tile-icono{width:48px;height:48px;border-radius:14px;background:#ffffff38;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tile-texto strong{font-size:17px;display:block}.tile-texto span{font-size:13px;opacity:.92}.tile.azul{background:linear-gradient(135deg,var(--azul),var(--azul-oscuro))}.tile.ambar{background:linear-gradient(135deg,var(--ambar),var(--ambar-oscuro))}.tile.purpura{background:linear-gradient(135deg,var(--purpura),var(--purpura-oscuro))}.tile-badge{position:absolute;top:14px;right:14px;background:#fff;color:var(--rojo);font-weight:800;font-size:13px;padding:2px 9px;border-radius:20px}.fila-acciones{display:flex;gap:10px;margin-top:4px}.fila-acciones button{width:auto;flex:1}.tarjeta-acento{border-left:5px solid var(--azul)}.tarjeta-acento.ambar{border-left-color:var(--ambar)}.tarjeta-acento.purpura{border-left-color:var(--purpura)}.tarjeta-acento.verde{border-left-color:var(--verde)}.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;background:#eef2ff;color:var(--azul-oscuro)}.nav-inferior{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--superficie);border-top:1px solid var(--borde);padding:8px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #14171f0d;z-index:10}.nav-inferior a{flex:1;text-align:center;padding:6px 0;text-decoration:none;color:var(--texto-suave);font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px}.nav-inferior a.activo{color:var(--azul)}.nav-inferior a.activo .nav-icono{background:#eef2ff}.nav-icono{width:38px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center}img{display:block}a{color:var(--azul)}