/**
 * home.css — Contadores de la portada.
 *
 * Replican el aspecto del widget contador de Elementor que sustituyen (número grande en blanco
 * sobre el degradado azul + etiqueta debajo), pero con la cifra pintada por el servidor a partir de
 * datos reales (ver
includes/seo/home-blocks.php).
 */
/* La sección de destacados solo existe si hay algún anuncio destacado (ver home-blocks.php). */
body:not(.ctop-hay-destacados) .ctop-sec-destacados {
    display: none;
}

.ctop-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    width: 100%;
}

/* Base 0 (no 180px): el widget de shortcode vive dentro de una columna de Elementor más estrecha
   que la sección, y con una base fija los cuatro contadores rompían a dos filas (3 + 1). */
.ctop-stat {
    flex: 1 1 0;
    min-width: 110px;
    text-align: center;
    color: #fff;
}

.ctop-stat__n {
    display: block;
    font: 800 46px/1.05 Montserrat, sans-serif;
    letter-spacing: -0.5px;
    /* Reserva el alto de la línea para que la animación de conteo no empuje el texto de debajo. */
    min-height: 48px;
}

.ctop-stat__t {
    display: block;
    margin-top: 8px;
    font: 600 14px/1.4 Inter, sans-serif;
    color: rgba(255, 255, 255, .86);
}

@media (max-width: 767px) {
    .ctop-stats { gap: 20px 12px; }
    .ctop-stat { flex: 1 1 42%; }
    .ctop-stat__n { font-size: 34px; min-height: 36px; }
    .ctop-stat__t { font-size: 12.5px; }
}

/* Buscador del hero: el desplegable de localidad hereda el ancho del campo (flex 1 1 160px,
   en brand.css) y partía «Torrent · Municipio (Valencia)» en dos líneas. Ahora que la lista
   sale sola al pinchar —sin escribir nada— merece la pena que quepa de una. */
.uv-search .uv-field--loc .ts-dropdown{ min-width:340px; max-width:calc(100vw - 32px); }
/* En móvil manda el ancho del campo: ensancharlo sacaría el desplegable de la tarjeta. */
@media (max-width:600px){
    .uv-search .uv-field--loc .ts-dropdown{ min-width:0; }
}