/* APD Web · Contacto — estados que la maqueta calcula en JS y estilos del mapa (Leaflet) */

/* tipo de consulta: el botón elegido (aria-checked lo pone el script; el primero viene elegido) */
#contacto [data-apd-h="type-btn"][aria-checked="true"] { box-shadow: inset 0 0 0 2px var(--node); }
#contacto [data-apd-h="type-btn"][aria-checked="true"] [data-apd-h="type-ic"] { background: var(--action); color: var(--on-action); }

/* al enviar, el título y el texto del formulario dejan sitio al mensaje (en la maqueta se sustituye todo el bloque) */
#formulario:has(.form-state-success) [data-apd-h="form-head"] { display: none; }

/* oficinas: la elegida y la lista sin altura máxima en pantallas estrechas */
#oficinas [data-apd-h="of-item"].is-on { background: var(--surface-alt); border-top-color: var(--node); }
@media (max-width: 1024px) {
  #oficinas [data-apd-h="of-list"] { max-height: none; }
}

/* mapa (de la maqueta) */
.apd-root .leaflet-container { font-family: var(--font-sans); background: var(--alice-blue); }
.apd-root .leaflet-tile-pane { filter: none; }
.apd-root .leaflet-tooltip { font: 600 13px/1.3 var(--font-sans); color: var(--onyx); border: 0; border-radius: 4px; box-shadow: var(--shadow-sm); padding: 6px 10px; }
.apd-root .leaflet-bar a { color: var(--onyx); }
.apd-root .apd-pin { background: none; border: 0; }
.apd-root .apd-pin__dot { display: block; width: 14px; height: 14px; margin: 5px; border-radius: 3px; background: var(--baltic-blue); box-shadow: 0 0 0 3px #ffffff, 0 2px 8px rgba(5, 56, 87, 0.35); transition: transform 200ms var(--ease-standard), background-color 200ms var(--ease-standard); }
.apd-root .apd-pin__dot.is-hq { background: var(--deep-space-blue); }
.apd-root .apd-pin__dot.is-on { background: var(--bright-lavender); transform: scale(1.35); }