:root{--color-black: #111111;--color-white: #ffffff;--color-cream: #faf9f3;--color-yellow: #f5c518;--color-yellow-dark: #c9a600;--grey-100: #f5f5f3;--grey-200: #e8e8e5;--grey-400: #b9b9b4;--grey-600: #6b6b66;--grey-900: #2a2a28;--bg-primary: var(--color-white);--bg-secondary: var(--color-cream);--bg-inverse: var(--color-black);--text-primary: var(--color-black);--text-secondary: var(--grey-600);--text-inverse: var(--color-white);--border-subtle: var(--grey-200);--accent: var(--color-yellow);--accent-strong: var(--color-yellow-dark);--fuente-display: "Bebas Neue", sans-serif;--fuente-ui: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(17, 17, 17, .04), 0 1px 1px rgba(17, 17, 17, .03);--shadow-2: 0 4px 10px rgba(17, 17, 17, .06), 0 1px 2px rgba(17, 17, 17, .04);--shadow-3: 0 12px 28px rgba(17, 17, 17, .09), 0 2px 6px rgba(17, 17, 17, .05);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s;--verde-ok: #2f7a3c;--verde-bg: #eaf6ec}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fuente-ui);color:var(--text-primary);background:var(--bg-primary)}.app{display:flex;flex-direction:column;height:100vh}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.25rem;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);z-index:20}.encabezado__izquierda{display:flex;align-items:center;gap:.75rem}.encabezado__marca{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--color-black);flex-shrink:0;overflow:hidden}a.encabezado__marca{text-decoration:none;transition:filter var(--duration-fast) var(--ease-standard)}a.encabezado__marca:hover{filter:brightness(1.08)}.encabezado__titulo{font-family:var(--fuente-display);font-weight:400;letter-spacing:.03em;text-transform:uppercase;font-size:1.2rem;margin:0;line-height:1.05;color:var(--text-primary)}.encabezado__subtitulo{font-size:.72rem;color:var(--text-secondary);margin:0;letter-spacing:.01em}.encabezado__cta{padding:.6rem 1.2rem;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard)}.encabezado__cta:hover{background:var(--grey-900)}.busqueda{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);z-index:20}.busqueda__fila{display:flex;gap:.5rem}.busqueda input{flex:1;font-family:var(--fuente-ui);font-size:.95rem;padding:.65rem 1.1rem;border:1px solid var(--grey-200);border-radius:var(--radius-full);background:var(--grey-100);color:var(--text-primary)}.busqueda input::placeholder{color:var(--grey-400)}.busqueda input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--color-black)}.busqueda button.gps,.busqueda button.buscar{font-family:var(--fuente-ui);font-weight:700;font-size:.85rem;padding:.65rem 1.1rem;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.busqueda button.gps:active,.busqueda button.buscar:active{transform:scale(.97)}.busqueda button.gps{background:var(--bg-primary);border-color:var(--border-subtle);color:var(--text-primary)}.busqueda button.gps:hover:not(:disabled){border-color:var(--color-black)}.busqueda button.gps:disabled{opacity:.4;cursor:not-allowed}.busqueda button.buscar{background:var(--accent);color:var(--color-black)}.busqueda button.buscar:hover:not(:disabled){background:var(--accent-strong)}.busqueda button.buscar:disabled{opacity:.4;cursor:not-allowed}.busqueda button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.cuerpo{position:relative;flex:1;display:flex;min-height:0}.mapa{flex:1;min-width:0}.mapa-ayuda{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#111111e0;color:var(--color-white);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.8rem;z-index:1200;text-align:center;max-width:90%;box-shadow:var(--shadow-2)}.mapa-capas{position:absolute;top:.85rem;right:.85rem;z-index:1200;display:flex;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.25rem;gap:.2rem;box-shadow:var(--shadow-2)}.mapa-capas button{font-family:var(--fuente-ui);font-size:.75rem;padding:.4rem .85rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.mapa-capas button.activo{background:var(--accent);color:var(--color-black);font-weight:700}.mensaje-error{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#fff3d6;color:#8a6100;border:1px solid var(--accent-strong);padding:.7rem 1.1rem;border-radius:var(--radius-md);font-size:.88rem;z-index:1200;max-width:480px;text-align:center;box-shadow:var(--shadow-2)}.panel{width:350px;flex-shrink:0;background:var(--bg-primary);border-left:1px solid var(--border-subtle);overflow-y:auto;padding:1.2rem}.panel__vacio{color:var(--text-secondary);font-size:.88rem;line-height:1.65;padding-top:.5rem;margin-bottom:.9rem}.panel__vacio strong{color:var(--text-primary)}.panel__vacio a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:2px;font-weight:600}.panel__vacio a:hover{color:var(--text-primary)}.sello{font-family:DM Sans,monospace;font-size:.72rem;letter-spacing:.03em;color:var(--grey-900);border:1.5px solid var(--border-subtle);background:var(--grey-100);border-radius:var(--radius-md);padding:.5rem .7rem;display:inline-block;word-break:break-all;line-height:1.4}.panel__seccion{margin-top:1.1rem}.panel__etiqueta{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-secondary);margin:0 0 .25rem}.panel__valor{font-size:.95rem;margin:0;color:var(--text-primary)}.panel__municipio{font-family:var(--fuente-display);font-weight:400;letter-spacing:.02em;text-transform:uppercase;font-size:1.4rem;margin:0 0 .6rem;color:var(--text-primary)}.panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.9rem}.panel__acciones{display:flex;flex-direction:column;gap:.55rem;margin-top:1.4rem}.panel__acciones button{font-family:var(--fuente-ui);font-weight:700;font-size:.85rem;padding:.75rem 1.1rem;border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-primary);text-align:center;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.panel__acciones button:active{transform:scale(.98)}.panel__acciones button:hover:not(:disabled){border-color:var(--color-black)}.panel__acciones button:disabled{opacity:.4;cursor:not-allowed}.panel__acciones button.primaria{background:var(--accent);border-color:var(--accent);color:var(--color-black)}.panel__acciones button.primaria:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.panel__cta-nota{font-size:.78rem;color:var(--text-secondary);margin-top:1.3rem;margin-bottom:.4rem}.cta-landing{display:block;padding:.9rem 1.1rem;background:var(--accent);border-radius:var(--radius-lg);color:var(--color-black);font-size:.85rem;font-weight:700;text-decoration:none;text-align:center;transition:background var(--duration-fast) var(--ease-standard)}.cta-landing:hover{background:var(--accent-strong)}.boton-whatsapp{display:block;text-align:center;padding:.75rem 1.1rem;border-radius:var(--radius-full);border:1px solid #25d366;background:#eafaf1;color:#128c4a;font-family:var(--fuente-ui);font-weight:700;font-size:.85rem;text-decoration:none;transition:background var(--duration-fast) var(--ease-standard)}.boton-whatsapp:hover{background:#d7f5e4}.pie-marca{padding:.8rem 1.25rem;background:var(--color-black);border-top:1px solid #262626}.pie-marca__fila{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap}.pie-marca__fila--copy{margin-top:.6rem;padding-top:.6rem;border-top:1px solid #262626}.pie-marca__redes{display:flex;gap:.7rem;flex-wrap:wrap}.pie-marca__redes a{color:var(--grey-400);text-decoration:none;font-size:.72rem;font-weight:500;transition:color var(--duration-fast) var(--ease-standard)}.pie-marca__redes a:hover{color:var(--accent)}.pie-marca__derecha{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.pie-marca__volver{display:inline-block;color:var(--color-black);background:var(--accent);text-decoration:none;font-weight:700;font-size:.82rem;padding:.5rem 1.1rem;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-standard)}.pie-marca__volver:hover{background:var(--accent-strong)}.pie-marca__donar{color:var(--grey-400);text-decoration:none;font-size:.76rem;font-weight:500;transition:color var(--duration-fast) var(--ease-standard)}.pie-marca__donar:hover{color:var(--accent)}.pie-marca__logo{display:block;height:22px;width:auto;object-fit:contain;flex-shrink:0}.pie-marca__copy{margin:0;font-size:.66rem;color:#666}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#1111118c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-tarjeta{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.7rem 1.5rem 1.5rem;max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow-3)}.modal-cerrar{position:absolute;top:.6rem;right:.7rem;background:none;border:none;font-size:1.4rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:.2rem .4rem}.modal-cerrar:hover{color:var(--text-primary)}.modal-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:.2rem 0 .3rem}.modal-titulo{font-family:var(--fuente-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:1.6rem;margin:0 0 .8rem;color:var(--text-primary)}.modal-texto{font-size:.88rem;color:var(--grey-900);line-height:1.6;margin-bottom:.9rem}.modal-texto-chico{font-size:.78rem;color:var(--text-secondary);margin:1rem 0 .5rem}.modal-telefonos{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-primary);background:var(--grey-100);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.65rem .85rem;margin-bottom:.9rem}.modal-boton-principal{display:block;background:var(--accent);color:var(--color-black);font-weight:700;font-size:.9rem;text-decoration:none;padding:.8rem 1rem;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-standard)}.modal-boton-principal:hover{background:var(--accent-strong)}.modal-redes{display:flex;justify-content:center;gap:.9rem;margin:.9rem 0 1.1rem}.modal-redes a{font-size:.82rem;color:var(--text-primary);text-decoration:none;font-weight:700}.modal-redes a:hover{color:var(--accent-strong)}.modal-boton-donar{display:block;text-align:center;padding:.6rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--grey-100);color:var(--text-primary);font-size:.8rem;font-weight:600;text-decoration:none;margin-bottom:.7rem;transition:border-color var(--duration-fast) var(--ease-standard)}.modal-boton-donar:hover{border-color:var(--accent-strong)}.modal-cerrar-texto{background:none;border:none;font-size:.78rem;color:var(--text-secondary);text-decoration:underline;cursor:pointer;padding:.2rem}.modal-cerrar-texto:hover{color:var(--text-primary)}@media (max-width: 768px){html,body,#root{height:auto;min-height:100%}.app{height:auto;min-height:100vh;min-height:100dvh}.encabezado{padding:.6rem .85rem;flex-wrap:wrap;gap:.5rem}.encabezado__titulo{font-size:1.05rem}.encabezado__subtitulo{font-size:.62rem}.encabezado__cta{font-size:.72rem;padding:.5rem .9rem}.busqueda{padding:.6rem .7rem}.busqueda__fila{flex-wrap:wrap}.busqueda input{flex-basis:100%;font-size:16px}.busqueda button.gps,.busqueda button.buscar{flex:1;font-size:.82rem;padding:.7rem .6rem}.cuerpo{flex-direction:column;flex:none;overflow:visible}.mapa{flex:none;height:60vh;height:60dvh;min-height:300px}.panel{width:100%;height:auto;flex:none;overflow:visible;border-left:none;border-top:1px solid var(--border-subtle)}.panel__grid{grid-template-columns:1fr 1fr;gap:.5rem}.mapa-ayuda{font-size:.72rem;padding:.4rem .8rem;bottom:.6rem}.mapa-capas{top:.6rem;right:.6rem}.mapa-capas button{font-size:.68rem;padding:.32rem .65rem}.pie-marca{padding:.7rem .85rem}.pie-marca__fila{justify-content:center;text-align:center}.pie-marca__redes{justify-content:center;gap:.5rem}.pie-marca__redes a{font-size:.68rem}.pie-marca__logo{height:18px}.pie-marca__volver{font-size:.78rem;padding:.45rem .9rem}.modal-tarjeta{padding:1.3rem 1.1rem 1.1rem}.modal-titulo{font-size:1.35rem}}@media (max-width: 420px){.busqueda__fila{flex-direction:column}.busqueda button.gps,.busqueda button.buscar{width:100%}.mapa{height:40vh;height:40dvh}}