/* Locutorios Cerca · estilos de ciudades.php
 * Extraído tal cual del <style> que estaba en la plantilla.
 * No se ha cambiado ni una regla: solo se ha movido a un fichero
 * para que el navegador lo cachee entre páginas.
 */

:root{--radius:.875rem;--background:oklch(.985 .006 90);--foreground:oklch(.24 .045 258);--card:oklch(1 0 0);--primary:oklch(.34 .09 254);--primary-foreground:oklch(.98 .01 90);--secondary:oklch(.94 .018 250);--muted:oklch(.955 .012 250);--muted-foreground:oklch(.53 .03 254);--accent:oklch(.75 .17 55);--brand:oklch(.75 .17 55);--border:oklch(.9 .014 250);--shadow-card:0 1px 2px oklch(.2 .05 255 / .06),0 12px 32px oklch(.2 .05 255 / .08);--shadow-lift:0 2px 4px oklch(.2 .05 255 / .08),0 20px 48px oklch(.2 .05 255 / .14);--gradient-night:linear-gradient(155deg,oklch(.24 .06 258) 0%,oklch(.32 .09 252) 55%,oklch(.42 .11 236) 100%);--gradient-amber:linear-gradient(100deg,oklch(.78 .16 62) 0%,oklch(.72 .18 42) 100%);--font-sans:"Manrope",sans-serif;--font-display:"Sora",sans-serif}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;height:auto;display:block}
    h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}
    .container{max-width:1280px;margin:0 auto;padding:0 1.5rem}
    @media(min-width:1400px){.container{max-width:1400px}}
    .site-header{position:sticky;top:0;z-index:40;background:oklch(1 0 0/85%);backdrop-filter:blur(12px);border-bottom:1px solid oklch(.9 .014 250/70%)}
    .site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem}
    .site-logo{font-family:var(--font-display);font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.625rem}
    .site-logo-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;background:var(--gradient-night);color:oklch(.97 .01 90);display:flex;align-items:center;justify-content:center}
    .site-logo-brand{color:var(--brand)}
    .header-nav{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}
    .header-nav a{padding:.5rem .75rem;border-radius:.5rem;color:var(--muted-foreground)}
    .header-nav a:hover{background:var(--muted);color:var(--foreground)}
    .header-nav .nav-search{background:var(--primary);color:var(--primary-foreground)!important;padding:.5rem .875rem}
    .city-hero{background:var(--gradient-night);color:oklch(.97 .01 90);padding:4rem 0}
    .city-hero h1{font-size:2rem}
    .city-hero p{margin-top:.5rem;color:oklch(.97 .01 90/80%)}
    .breadcrumb{background:var(--muted);padding:.75rem 0;font-size:.875rem}
    .breadcrumb a{color:var(--muted-foreground)}
    .breadcrumb a:hover{color:var(--primary)}
    .breadcrumb span{color:var(--foreground)}
    .breadcrumb .separator{color:var(--muted-foreground);margin:0 .5rem}
    .section{padding:3rem 0}
    .city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
    @media(max-width:1024px){.city-grid{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:640px){.city-grid{grid-template-columns:repeat(2,1fr)}}
    .city-card{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .2s;text-decoration:none;color:inherit}
    .city-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
    .city-card .name{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}
    .city-card .name i{color:var(--brand)}
    .city-card .count{font-size:.75rem;color:var(--muted-foreground)}
    .ad-slot{min-height:96px;padding:1rem;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--muted);display:flex;align-items:center;justify-content:center;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin:2rem 0}
    .ad-slot.ad-real{border:none;background:transparent;padding:0;min-height:auto;margin:2rem 0}
    /* Los titulos de provincia enlazan a su pagina; sus reglas viven en
       style.css porque tambien salen en las paginas de ciudad. */
    .site-footer{margin-top:4rem;background:oklch(.26 .06 256);color:oklch(.97 .01 90)}
    .site-footer .container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3rem 1.5rem}
    @media(max-width:768px){.site-footer .container{grid-template-columns:1fr}}
    .site-footer h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem}
    .site-footer p,.site-footer a{font-size:.875rem;color:oklch(.97 .01 90/70%)}
    .site-footer a{display:block;margin-bottom:.5rem}
    .site-footer a:hover{color:var(--brand)}
    .footer-bottom{border-top:1px solid oklch(.97 .01 90/10%);padding:1.25rem 1.5rem;text-align:center;font-size:.75rem;color:oklch(.97 .01 90/60%)}
    .site-footer .footer-brand{font-family:var(--font-display);font-size:1.125rem;font-weight:600}
    .site-footer .footer-brand span{color:var(--brand)}
    @media(max-width:768px){.header-nav{display:none}}