:root{--azul:#000f9f;--celeste:#008ed2;--celeste-claro:#d0efff;--celeste-suave:#eef8ff;--gris:#545454;--gris-2:#5e5e5e;--tinta:#2b2b2b;--fondo:#f7fbfe;--blanco:#fff;--borde:#dce6ee;--borde-fuerte:#c5d3de;--linea:#e8eef3;--rosa-fondo:#ffe3f5;--rosa-texto:#a0006e;--naranja-fondo:#ffe9d6;--naranja-texto:#a34a00;--verde:#558564;--titulos:"Bricolage Grotesque", system-ui, sans-serif;--texto:"Figtree", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:16px;line-height:1.45}h1,h2,h3{font-family:var(--titulos);letter-spacing:-.3px;margin:0}a{color:var(--azul)}button,input,select,textarea{font:inherit;color:inherit}.btn{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:12px;height:48px;padding:0 18px;font-weight:700}.btn:disabled{opacity:.55;cursor:default}.btn-sec{border:1.5px solid var(--borde-fuerte);cursor:pointer;background:#fff;border-radius:10px;height:42px;padding:0 14px;font-weight:600}.input,.select{border:1.5px solid var(--borde-fuerte);background:#fff;border-radius:10px;width:100%;height:46px;padding:0 12px}.input:focus,.select:focus,.btn:focus-visible,.btn-sec:focus-visible{outline:3px solid var(--celeste);outline-offset:2px}label.campo{color:var(--gris);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.nota{color:var(--gris-2);font-size:14px}.error{background:var(--naranja-fondo);color:var(--naranja-texto);border-radius:10px;padding:10px 12px;font-size:14px}.ok{background:var(--celeste-claro);color:var(--azul);border-radius:10px;padding:10px 12px;font-size:14px}.card{border:1px solid var(--borde);background:#fff;border-radius:14px}.pill{background:var(--celeste-claro);color:var(--azul);border-radius:20px;padding:4px 9px;font-size:13px;font-weight:700;display:inline-block}.pill.gris{color:var(--gris);background:#edf0f3}.pill.naranja{background:var(--naranja-fondo);color:var(--naranja-texto)}.pill.rosa{background:var(--rosa-fondo);color:var(--rosa-texto)}.entrar{flex-direction:column;max-width:420px;min-height:100vh;margin:0 auto;padding:48px 24px 32px;display:flex}.entrar form{flex-direction:column;gap:10px;margin-top:36px;display:flex}.codigo{letter-spacing:8px;text-align:center;font-size:24px;font-weight:700}.panel{min-height:100vh;display:flex}.lateral{background:var(--azul);flex-direction:column;flex-shrink:0;gap:4px;width:230px;padding:24px 14px;display:flex}.lateral .marca{color:#fff;font-family:var(--titulos);align-items:center;gap:10px;padding:0 8px 20px;font-weight:700;display:flex}.lateral a{height:44px;color:var(--celeste-claro);border-radius:10px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.lateral a.activo{color:#fff;background:#ffffff29;font-weight:700}.lateral .salir{color:var(--celeste-claro);text-align:left;cursor:pointer;background:0 0;border:none;height:44px;margin-top:auto;padding:0 12px}.contenido{flex-direction:column;flex-grow:1;gap:16px;min-width:0;padding:28px;display:flex}.cabecera{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.filtros{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filtros .input{width:320px;max-width:100%}.filtros .select{width:auto;min-width:150px}.dos-columnas{align-items:flex-start;gap:16px;display:flex}.tabla{flex-grow:1;min-width:0;overflow:hidden}.fila{border-bottom:1px solid var(--linea);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr) 70px 90px;align-items:center;padding:12px 14px;font-size:14px;display:grid}.fila.encabezado{color:var(--gris-2);font-size:13px;font-weight:700}button.fila{border:none;border-bottom:1px solid var(--linea);text-align:left;cursor:pointer;background:0 0;width:100%}button.fila:hover,button.fila.sel{background:var(--celeste-suave)}.sub{color:var(--gris-2);font-size:13px}.ficha{flex-direction:column;flex-shrink:0;gap:12px;width:380px;max-height:calc(100vh - 32px);padding:18px;display:flex;position:sticky;top:16px;overflow:auto}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#eef4f9;border-radius:14px;padding:5px 9px;font-size:13px;font-weight:600}.titulo-seccion{color:var(--gris-2);letter-spacing:.5px;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:700}.linea-tiempo{flex-direction:column;display:flex}.hito{gap:10px;display:flex}.hito .punto{flex-direction:column;align-items:center;display:flex}.hito .punto span{background:var(--celeste);border-radius:5px;width:10px;height:10px;margin-top:6px}.hito .punto i{background:var(--borde);flex-grow:1;width:2px}.hito .texto{padding-bottom:12px;font-size:14px}.hito .texto b{display:block}.agenda{align-items:flex-start;gap:16px;display:flex}.fila-evento{border-bottom:1px solid var(--linea);grid-template-columns:110px minmax(0,1fr) 120px 120px 110px;align-items:center;padding:12px 14px;font-size:14px;display:grid}.form-fecha{flex-direction:column;flex-shrink:0;gap:12px;width:330px;padding:18px;display:flex}.segmentado{background:#e6eef5;border-radius:10px;grid-template-columns:1fr;gap:4px;padding:4px;display:grid}.segmentado button{cursor:pointer;background:0 0;border:none;border-radius:8px;height:36px;font-size:14px;font-weight:600}.segmentado button.on{background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.grilla-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tarjetas{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tarjeta{padding:14px 16px}.tarjeta .num{font-family:var(--titulos);font-size:28px;font-weight:700}@media (width<=900px){.panel{flex-direction:column}.lateral{flex-flow:wrap;width:100%;padding:12px}.lateral .marca{width:100%;padding:0 8px}.lateral .salir{margin-top:0}.contenido{padding:16px}.dos-columnas,.agenda{flex-direction:column}.ficha,.form-fecha{width:100%;max-height:none;position:static}.fila{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 60px}.fila>:nth-child(3),.fila>:nth-child(5){display:none}.fila-evento{grid-template-columns:90px minmax(0,1fr) 90px}.fila-evento>:nth-child(3),.fila-evento>:nth-child(5){display:none}.tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}}.fam{flex-direction:column;gap:14px;max-width:460px;min-height:100vh;margin:0 auto;padding:28px 20px 40px;display:flex}.fam .volver{align-items:center;height:44px;font-weight:600;text-decoration:none;display:inline-flex}.fam-cabecera{justify-content:space-between;align-items:center;display:flex}.fam-titulo{font-size:28px;line-height:1.15}.fam-sub{margin-top:6px;font-size:18px}.nota.grande{color:var(--gris);font-size:16px}.btn-sec.chico{height:38px;color:var(--tinta);align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.btn.grande{justify-content:center;align-items:center;width:100%;height:56px;font-size:17px;text-decoration:none;display:flex}.btn.grande.fijo{position:sticky;bottom:16px;box-shadow:0 6px 18px #000f9f40}.btn.whatsapp{background:#128c3e}.centrado{text-align:center;justify-content:center}.link-boton{color:var(--azul);cursor:pointer;text-align:left;background:0 0;border:none;padding:10px 0;font-size:15px;font-weight:600}.link-boton.centrado{text-align:center;display:block}.fam-ficha{flex-direction:column;gap:12px;padding:16px;display:flex}.fila-sep{justify-content:space-between;align-items:center;gap:10px;display:flex}.fila-sep a{padding:8px 0;font-weight:600;text-decoration:none}.grilla-ficha{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dato{background:#eef4f9;border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.dato span{color:var(--gris-2);font-size:12px}.dato b{font-size:15px;font-weight:600}.dato.rosa{background:var(--rosa-fondo)}.dato.rosa span{color:var(--rosa-texto)}.opciones{flex-direction:column;gap:10px;display:flex}.opcion{border:1px solid var(--borde);color:var(--tinta);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:flex}.opcion div{flex-direction:column;display:flex}.opcion b{font-size:16px}.opcion span:not(.icono){color:var(--gris-2);margin-top:2px;font-size:14px}.opcion.principal{background:var(--azul);border-color:var(--azul);color:#fff}.opcion.principal span:not(.icono){color:var(--celeste-claro)}.icono{background:var(--celeste-claro);width:44px;height:44px;color:var(--azul);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icono.claro{color:#fff;background:#ffffff29}.turno{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.etiqueta{letter-spacing:.4px;color:var(--gris-2);text-transform:uppercase;font-size:12px;font-weight:700}.etiqueta.claro{color:var(--celeste-claro)}.bloque{border:1px solid var(--borde);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.bloque legend{font-family:var(--titulos);padding:0 4px;font-size:17px;font-weight:700}.bloque hr{border:none;border-top:1px solid var(--linea);width:100%;margin:2px 0}.sub-bloque{border-bottom:1px solid var(--linea);flex-direction:column;gap:8px;padding-bottom:10px;display:flex}.fam-form{flex-direction:column;gap:14px;display:flex}.agregar{height:44px;color:var(--azul);cursor:pointer;background:0 0;border:1.5px dashed #8fcbef;border-radius:12px;font-weight:600}.chips-op{flex-wrap:wrap;gap:8px;display:flex}.chips-op button{border:1.5px solid var(--borde-fuerte);cursor:pointer;background:#fff;border-radius:20px;height:40px;padding:0 14px;font-size:14px;font-weight:600}.chips-op button.on{background:var(--azul);border-color:var(--azul);color:#fff}.opciones-lista{flex-direction:column;gap:8px;display:flex}.radio{border:1.5px solid var(--borde);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.radio.on{border:2px solid var(--azul);background:var(--celeste-suave)}.radio input,.check-fila input{width:20px;height:20px;accent-color:var(--azul);flex-shrink:0}.check-fila{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:16px;display:flex}.segmentado.dos{grid-template-columns:1fr 1fr}.horarios{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.horarios button{border:1.5px solid var(--borde-fuerte);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:56px;font-size:15px;font-weight:700;display:flex}.horarios button small{color:var(--gris-2);font-size:12px;font-weight:500}.horarios button:disabled{color:#8a949b;border-color:var(--linea);cursor:default;background:#f1f4f7}.horarios button.on{border:2px solid var(--azul);background:var(--celeste-suave);color:var(--azul)}.opcion-evento{text-align:left;cursor:pointer;border:1.5px solid var(--borde);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.opcion-evento.on{border:2px solid var(--azul);background:var(--celeste-suave)}.aviso-naranja{background:var(--naranja-fondo);border-color:var(--naranja-fondo);color:var(--naranja-texto)}.check{background:var(--azul);border-radius:32px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.grande-fecha{font-family:var(--titulos);font-size:24px}.pasos{flex-direction:column;gap:10px;margin:0;padding-left:20px;font-size:15px;display:flex}.destacado{background:var(--azul);color:#fff;border:none;flex-direction:column;gap:4px;padding:18px;display:flex}.protagonistas{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{color:var(--tinta);border:1.5px solid #0000;border-radius:18px;flex-direction:column;gap:8px;min-height:168px;padding:16px;text-decoration:none;transition:transform .12s;display:flex}.tile:hover{transform:translateY(-2px)}.tile:focus-visible{outline:3px solid var(--celeste);outline-offset:2px}.tile b{font-family:var(--titulos);font-size:19px;line-height:1.15}.tile span:not(.icono){color:var(--gris);font-size:14px}.tile.pdc{background:var(--celeste-claro);border-color:#a9ddf7}.tile.pdc b{color:var(--azul)}.tile.consultorio{background:#ddf8fa;border-color:#9ceaef}.tile.consultorio b{color:#0b5560}@media (width<=360px){.protagonistas{grid-template-columns:1fr}.tile{min-height:0}}.atajos{flex-direction:column;gap:10px;display:flex}.atajo{border:1px solid var(--borde);color:var(--tinta);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.atajo img{object-fit:contain;border-radius:10px;flex-shrink:0;width:44px;height:44px}.atajo img+.icono{display:none}.atajo div{flex-direction:column;display:flex}.atajo b{font-size:16px}.atajo span:not(.icono){color:var(--gris-2);font-size:14px}.atajo.reciclado{background:#eaf2ec;border-color:#b9d3c0}.atajo.reciclado b{color:#3e6649}.atajo.ayuda{background:var(--naranja-fondo);border-color:#ffd0a8}.atajo.ayuda b{color:var(--naranja-texto)}.opciones-ayuda{flex-direction:column;gap:10px;display:flex}.ayuda-op{color:var(--tinta);flex-direction:column;gap:2px;padding:16px 18px;text-decoration:none;display:flex}.ayuda-op b{color:var(--azul);font-size:16px}.ayuda-op span{color:var(--gris-2);font-size:14px}.bloque-grupo{border-top:1px solid var(--linea);flex-direction:column;gap:8px;padding:14px 0;display:flex}.bloque-grupo:first-of-type{border-top:none;padding-top:0}.tabla-cat{border-collapse:collapse;width:100%;font-size:14px}.tabla-cat th{text-align:left;text-transform:uppercase;color:var(--gris-2);border-bottom:1px solid var(--borde);padding:8px;font-size:12px}.tabla-cat td{border-bottom:1px solid var(--linea);vertical-align:middle;padding:6px 8px}.tabla-cat .select,.tabla-cat .input{height:36px}.oferta{border:2px solid var(--naranja,#ff9742);background:#fff6ee}.oferta .etiqueta{color:var(--naranja-texto)}