/* DYGITAL — SEO local. Solo estilos para bloques nuevos; reutiliza los tokens
   y la apariencia de .text-marks para no alterar el sistema visual existente. */

/* Marcas de texto enlazables (mismo aspecto que .text-marks span) */
.local-marks{display:flex;flex-wrap:wrap;gap:7px}
.local-marks a{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:8px;
  border:1px solid rgba(149,224,255,.18);background:rgba(5,15,24,.72);color:#c9dce8;font-size:11.5px;font-weight:600;
  letter-spacing:.01em;line-height:1.2;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}
.local-marks a:hover,.local-marks a:focus-visible{color:var(--color-white);border-color:var(--glass-border-hover);background:rgba(0,191,255,.10);transform:translateY(-1px)}

/* Fila de cobertura en el pie de página */
.footer-local{margin-top:clamp(34px,4vw,48px);padding-top:clamp(22px,3vw,30px);border-top:1px solid rgba(149,224,255,.10)}
.footer-local .footer-title{margin-bottom:12px}
.local-marks--footer a{color:var(--color-text-secondary);background:rgba(255,255,255,.02)}
.local-marks--footer a:hover{color:var(--color-white)}

/* Desplegable “ver todas las ciudades” en páginas de servicio */
.local-more{margin-top:18px}
.local-more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-cyan);text-decoration:underline;text-underline-offset:3px}
.local-more summary::-webkit-details-marker{display:none}
.local-more summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease)}
.local-more[open] summary::after{transform:rotate(-135deg) translateY(2px)}
.local-more__title{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);margin:18px 0 10px}

/* Regiones en el hub /agencia-digital */
.local-regions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.local-region{padding:22px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg)}
.local-region h3{font-size:17px;margin-bottom:12px}
@media (max-width:760px){.local-regions{grid-template-columns:1fr}}