:root{--verde: #1f5c4a;--verde-oscuro: #164536;--verde-suave: #e3eee9;--fondo: #f6f7f4;--tarjeta: #ffffff;--texto: #1d2420;--texto-suave: #5d6862;--borde: #dde2dd;--rojo: #b3261e;--rojo-suave: #fbe9e7;--naranjo: #b45a09;--naranjo-suave: #fdf0e1;--amarillo: #8a6a00;--amarillo-suave: #fbf3d9;--azul-suave: #e6eef7;--radio: 14px;--sombra: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--barra: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--verde: #5fb393;--verde-oscuro: #8bd1b5;--verde-suave: #1d322a;--fondo: #111513;--tarjeta: #1a201d;--texto: #e9eeeb;--texto-suave: #a3aea8;--borde: #2c3530;--rojo: #f2867c;--rojo-suave: #3a1d1a;--naranjo: #f0a85d;--naranjo-suave: #3a2a17;--amarillo: #e8c766;--amarillo-suave: #353016;--azul-suave: #1b2733;--sombra: none;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%}h1,h2,h3{line-height:1.2;margin:0 0 8px}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 12px}a{color:var(--verde)}.contenedor{max-width:560px;margin:0 auto;padding:16px 16px calc(var(--barra) + 96px + env(safe-area-inset-bottom))}.contenedor.sin-barra{padding-bottom:32px}.encabezado{display:flex;align-items:center;gap:8px;margin:4px 0 16px}.encabezado h1{flex:1;margin:0}.volver{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;font-size:1.4rem;color:var(--texto);background:none;border:0;cursor:pointer}.suave{color:var(--texto-suave)}.chico{font-size:.85rem}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px;margin-bottom:14px}.tarjeta h2{margin-bottom:10px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 20px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;background:var(--verde);color:#fff;width:100%}.boton:disabled{opacity:.55;cursor:default}.boton.secundario{background:var(--tarjeta);color:var(--texto);border-color:var(--borde)}.boton.peligro{background:var(--tarjeta);color:var(--rojo);border-color:var(--rojo)}.boton.enlace{background:none;color:var(--verde);border:0;min-height:44px;width:auto;padding:8px 4px}.boton.chico{min-height:40px;padding:8px 14px;width:auto;font-size:.95rem}@media(prefers-color-scheme:dark){.boton{color:#0d1a14}.boton.secundario,.boton.peligro,.boton.enlace{color:inherit}.boton.peligro{color:var(--rojo)}.boton.enlace{color:var(--verde)}}.pila{display:flex;flex-direction:column;gap:10px}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.campo label,.etiqueta{font-weight:600}.campo input[type=text],.campo input[type=email],.campo input[type=number],.campo input[inputmode=numeric],.campo select{min-height:52px;padding:12px 14px;border-radius:12px;border:1px solid var(--borde);background:var(--tarjeta);color:var(--texto);font:inherit;width:100%}.campo input:focus,.campo select:focus,.boton:focus-visible,.volver:focus-visible{outline:3px solid color-mix(in srgb,var(--verde) 45%,transparent);outline-offset:2px}.codigo-ingreso{font-size:1.6rem!important;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.opciones{display:flex;flex-wrap:wrap;gap:8px}.opcion{flex:1 1 auto;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:12px;border:1px solid var(--borde);background:var(--tarjeta);cursor:pointer;font-weight:500}.opcion input{position:absolute;opacity:0;pointer-events:none}.opcion:has(input:checked){border-color:var(--verde);background:var(--verde-suave);font-weight:700}.opcion:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--verde) 45%,transparent)}.casilla{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:10px 0;cursor:pointer}.casilla input{width:24px;height:24px;margin:2px 0 0;accent-color:var(--verde);flex:none}.ayuda{font-size:.85rem;color:var(--texto-suave)}.aviso{border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:.95rem}.aviso.error{background:var(--rojo-suave);color:var(--rojo)}.aviso.ok{background:var(--verde-suave);color:var(--verde-oscuro)}.aviso.info{background:var(--azul-suave)}.barra-inferior{position:fixed;left:0;right:0;bottom:0;background:var(--tarjeta);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);z-index:20}.barra-inferior ul{list-style:none;margin:0 auto;padding:0;max-width:560px;display:grid;grid-template-columns:repeat(5,1fr)}.barra-inferior a{min-height:var(--barra);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--texto-suave);font-size:.75rem}.barra-inferior a .icono{font-size:1.35rem;line-height:1}.barra-inferior a.activo{color:var(--verde);font-weight:700}.boton-tema{position:fixed;right:max(16px,calc((100vw - 560px)/2 + 16px));bottom:calc(var(--barra) + 16px + env(safe-area-inset-bottom));z-index:25;min-height:56px;padding:0 20px;border-radius:28px;border:0;background:var(--verde);color:#fff;font:inherit;font-weight:700;box-shadow:0 4px 14px #0003;display:inline-flex;align-items:center;gap:6px;text-decoration:none}@media(prefers-color-scheme:dark){.boton-tema{color:#0d1a14}}.saludo{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:8px 0 18px}.saludo h1{margin:0}.lista-atender{list-style:none;margin:0;padding:0}.lista-atender li+li{border-top:1px solid var(--borde)}.lista-atender a{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0;text-decoration:none;color:var(--texto)}.lista-atender .punto{width:12px;height:12px;border-radius:50%;flex:none}.lista-atender .texto{flex:1}.lista-atender .cifra{font-weight:700;font-variant-numeric:tabular-nums}.lista-atender .flecha{color:var(--texto-suave)}.botones-grandes{display:flex;flex-direction:column;gap:14px}.boton-grande{display:flex;align-items:center;gap:16px;min-height:96px;padding:18px;border-radius:18px;background:var(--tarjeta);border:1px solid var(--borde);box-shadow:var(--sombra);text-decoration:none;color:var(--texto)}.boton-grande .icono{font-size:2rem;width:56px;height:56px;border-radius:14px;background:var(--verde-suave);display:flex;align-items:center;justify-content:center;flex:none}.boton-grande .titulo{font-size:1.15rem;font-weight:700;display:block}.boton-grande .detalle{color:var(--texto-suave);font-size:.92rem}.etiqueta-hito{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--amarillo-suave);color:var(--amarillo);white-space:nowrap}.lista{list-style:none;margin:0;padding:0}.lista>li{border-top:1px solid var(--borde)}.lista>li:first-child{border-top:0}.fila{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 2px;text-decoration:none;color:var(--texto);width:100%;background:none;border:0;font:inherit;text-align:left;cursor:pointer}.fila .cuerpo{flex:1;min-width:0}.fila .principal{font-weight:600;display:block}.fila .secundario{color:var(--texto-suave);font-size:.88rem;display:block}.fila .flecha{color:var(--texto-suave)}.insignia{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--verde-suave);color:var(--verde-oscuro);margin-left:6px;vertical-align:middle}.insignia.gris{background:var(--borde);color:var(--texto-suave)}.subtitulo-lista{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);margin:18px 0 6px;font-weight:700}.historial{list-style:none;margin:0;padding:0;font-size:.9rem}.historial li{padding:8px 0;border-top:1px solid var(--borde)}.historial li:first-child{border-top:0}.guia{min-height:100dvh;display:flex;flex-direction:column}.guia .contenido{flex:1;display:flex;flex-direction:column;justify-content:center}.guia .ilustracion{font-size:3.5rem;margin-bottom:12px}.guia ul.puntos{padding-left:0;list-style:none}.guia ul.puntos li{padding:6px 0;font-size:1.05rem}.puntitos{display:flex;gap:8px;justify-content:center;margin:16px 0}.puntitos span{width:9px;height:9px;border-radius:50%;background:var(--borde)}.puntitos span.activo{background:var(--verde)}.pasos-instalar{margin:0 0 12px;padding-left:22px}.pasos-instalar li{padding:4px 0}.portada{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;max-width:440px;margin:0 auto;padding:24px 16px}.marca{display:flex;align-items:center;gap:12px;margin-bottom:24px}.marca img{width:56px;height:56px;border-radius:14px}.marca .nombre{font-weight:800;font-size:1.15rem;line-height:1.2}.cargando{min-height:60dvh;display:flex;align-items:center;justify-content:center;color:var(--texto-suave)}.oculto-visual{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.logo-condominio{display:flex;justify-content:center;margin-bottom:20px}.logo-condominio img{max-width:210px;max-height:200px;width:auto;height:auto}.logo-condominio.izquierda{justify-content:flex-start}.logo-condominio.izquierda img{max-width:150px;max-height:140px}.condominio-actual{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--texto-suave);margin-top:4px}.condominio-actual img{width:28px;height:28px;object-fit:contain}@media(prefers-color-scheme:dark){.logo-condominio img,.condominio-actual img{background:#f6f5f0;border-radius:12px;padding:8px}.condominio-actual img{padding:2px;border-radius:6px}}