:root{--bg-base: #ffffff;--negro: #16160f;--negro-suave: #faf9f3;--negro-card: #ffffff;--negro-borde: #eae6d8;--negro-hover: #fff9e6;--amarillo: #f5c518;--amarillo-claro: #ffd84d;--amarillo-oscuro: #c49a0a;--amarillo-texto: #8a6508;--amarillo-bg: #fff6d9;--texto: #16160f;--gris: #6b6a5c;--gris-claro: #3a3930;--gris-suave: #b9b29a;--verde-ok: #22c55e;--verde-bg: #eefbf2;--fuente-display: "Bebas Neue", sans-serif;--fuente-ui: "DM Sans", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fuente-ui);color:var(--texto);background:var(--bg-base)}.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:var(--negro-suave);border-bottom:1px solid var(--negro-borde);z-index:20}.encabezado__izquierda{display:flex;align-items:center;gap:.75rem}.encabezado__marca{width:36px;height:36px;border-radius:8px;background:var(--amarillo);display:flex;align-items:center;justify-content:center;color:var(--negro);font-family:var(--fuente-display);font-weight:400;font-size:1.2rem;flex-shrink:0}a.encabezado__marca{text-decoration:none;transition:filter .15s ease}a.encabezado__marca:hover{filter:brightness(1.08)}.encabezado__titulo{font-family:var(--fuente-display);font-weight:400;letter-spacing:.02em;font-size:1.3rem;margin:0;line-height:1.05;color:var(--texto)}.encabezado__subtitulo{font-size:.72rem;color:var(--amarillo-texto);margin:0;letter-spacing:.03em}.encabezado__cta{padding:.55rem 1.1rem;background:var(--amarillo);color:var(--negro);border:none;border-radius:6px;font-size:.8rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .18s ease}.encabezado__cta:hover{background:var(--amarillo-claro)}.busqueda{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;background:var(--negro-card);border-bottom:1px solid var(--negro-borde);z-index:20}.busqueda__fila{display:flex;gap:.5rem}.busqueda input{flex:1;font-family:var(--fuente-ui);font-size:.95rem;padding:.6rem .9rem;border:1px solid var(--negro-borde);border-radius:8px;background:var(--negro-suave);color:var(--texto)}.busqueda input::placeholder{color:var(--gris-suave)}.busqueda input:focus{outline:2px solid var(--amarillo);outline-offset:1px}.busqueda button.buscar{font-family:var(--fuente-ui);font-weight:500;font-size:.9rem;padding:.6rem 1.3rem;border:none;border-radius:8px;background:var(--amarillo);color:var(--negro);cursor:pointer;transition:background .15s ease;white-space:nowrap}.busqueda button.buscar:hover:not(:disabled){background:var(--amarillo-claro)}.busqueda button.buscar:disabled{opacity:.55;cursor:default}.busqueda button:focus-visible{outline:2px solid var(--amarillo-oscuro);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:#16160fe0;border:1px solid var(--amarillo-oscuro);color:var(--amarillo-claro);padding:.5rem .9rem;border-radius:8px;font-size:.8rem;z-index:1200;text-align:center;max-width:90%}.mapa-capas{position:absolute;top:.85rem;right:.85rem;z-index:1200;display:flex;background:var(--negro-card);border:1px solid var(--negro-borde);border-radius:8px;padding:.2rem;gap:.2rem;box-shadow:0 2px 8px #16160f1f}.mapa-capas button{font-family:var(--fuente-ui);font-size:.75rem;padding:.35rem .7rem;border-radius:6px;border:none;background:transparent;color:var(--gris);cursor:pointer}.mapa-capas button.activo{background:var(--amarillo);color:var(--negro);font-weight:600}.mensaje-error{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:var(--amarillo-bg);color:var(--amarillo-texto);border:1px solid var(--amarillo-oscuro);padding:.65rem 1rem;border-radius:8px;font-size:.88rem;z-index:1200;max-width:480px;text-align:center;box-shadow:0 2px 10px #16160f1a}.panel{width:350px;flex-shrink:0;background:var(--negro-card);border-left:1px solid var(--negro-borde);overflow-y:auto;padding:1.1rem}.panel__vacio{color:var(--gris);font-size:.88rem;line-height:1.65;padding-top:.5rem;margin-bottom:.9rem}.panel__vacio strong{color:var(--texto)}.sello{font-family:DM Sans,monospace;font-size:.72rem;letter-spacing:.03em;color:var(--amarillo-texto);border:1.5px solid var(--amarillo-oscuro);background:var(--amarillo-bg);border-radius:6px;padding:.45rem .6rem;display:inline-block;word-break:break-all;line-height:1.4}.panel__seccion{margin-top:1.1rem}.panel__etiqueta{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gris);margin:0 0 .2rem}.panel__valor{font-size:.95rem;margin:0;color:var(--texto)}.panel__municipio{font-family:var(--fuente-display);font-weight:400;letter-spacing:.01em;font-size:1.4rem;margin:0 0 .5rem;color:var(--texto)}.panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.9rem}.panel__acciones{display:flex;flex-direction:column;gap:.5rem;margin-top:1.4rem}.panel__acciones button{font-family:var(--fuente-ui);font-weight:500;font-size:.88rem;padding:.6rem .9rem;border-radius:8px;cursor:pointer;border:1px solid var(--negro-borde);background:var(--negro-suave);color:var(--gris-claro);text-align:left}.panel__acciones button:hover:not(:disabled){border-color:var(--amarillo-oscuro);color:var(--amarillo-texto);background:var(--negro-hover)}.panel__acciones button:disabled{opacity:.5;cursor:default}.panel__acciones button.primaria{background:var(--amarillo);border-color:var(--amarillo);color:var(--negro);font-weight:600}.panel__acciones button.primaria:hover:not(:disabled){background:var(--amarillo-claro);color:var(--negro)}.panel__cta-nota{font-size:.78rem;color:var(--gris);margin-top:1.3rem;margin-bottom:.35rem}.cta-landing{display:block;padding:.85rem 1rem;background:var(--amarillo);border:1px solid var(--amarillo-oscuro);border-radius:8px;color:var(--negro);font-size:.85rem;font-weight:600;text-decoration:none;text-align:center;transition:background .15s ease}.cta-landing:hover{background:var(--amarillo-claro)}.pie-marca{padding:.7rem 1.25rem;background:var(--negro-suave);border-top:1px solid var(--negro-borde);font-size:.72rem;color:var(--gris)}.pie-marca__linea{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.4rem}.pie-marca__redes{display:flex;gap:.9rem;flex-wrap:wrap}.pie-marca a{color:var(--amarillo-texto);text-decoration:none;font-weight:500}.pie-marca a:hover{text-decoration:underline}.pie-marca__volver{font-weight:600}.pie-marca__telefonos{margin-top:.35rem;color:var(--gris)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#16160f8c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-tarjeta{position:relative;background:var(--negro-card);border:1px solid var(--negro-borde);border-radius:14px;padding:1.6rem 1.5rem 1.4rem;max-width:380px;width:100%;text-align:center;box-shadow:0 12px 40px #16160f40}.modal-cerrar{position:absolute;top:.6rem;right:.7rem;background:none;border:none;font-size:1.4rem;line-height:1;color:var(--gris);cursor:pointer;padding:.2rem .4rem}.modal-cerrar:hover{color:var(--texto)}.modal-tag{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--amarillo-texto);margin:.2rem 0 .3rem}.modal-titulo{font-family:var(--fuente-display);font-weight:400;font-size:1.6rem;margin:0 0 .8rem;color:var(--texto)}.modal-texto{font-size:.88rem;color:var(--gris-claro);line-height:1.6;margin-bottom:.9rem}.modal-texto-chico{font-size:.78rem;color:var(--gris);margin:1rem 0 .5rem}.modal-telefonos{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--texto);background:var(--negro-suave);border:1px solid var(--negro-borde);border-radius:8px;padding:.6rem .8rem;margin-bottom:.9rem}.modal-boton-principal{display:block;background:var(--amarillo);color:var(--negro);font-weight:600;font-size:.9rem;text-decoration:none;padding:.75rem 1rem;border-radius:8px;transition:background .15s ease}.modal-boton-principal:hover{background:var(--amarillo-claro)}.modal-redes{display:flex;justify-content:center;gap:.9rem;margin-bottom:1.1rem}.modal-redes a{font-size:.82rem;color:var(--amarillo-texto);text-decoration:none;font-weight:500}.modal-redes a:hover{text-decoration:underline}.modal-cerrar-texto{background:none;border:none;font-size:.78rem;color:var(--gris);text-decoration:underline;cursor:pointer;padding:.2rem}.modal-cerrar-texto:hover{color:var(--texto)}