/* =========================================================
   TITULOS DE SECCION — UNA SOLA MEDIDA

   Cada seccion traia el suyo, de 38 a 50px. Con el rotulo y el
   parrafo fuera, esos titulos quedaban enormes sobre una lista de
   tarjetas. Se igualan a una sola medida, algo menor que la del sitio de
   referencia: clamp(23px, 2.1vw, 29px), y 21px en celular.

   Se carga desde componentes/pie.php, que va detras del CSS que cada
   seccion lleva dentro, asi que no hace falta tocar diez archivos ni
   pelear con la especificidad.
========================================================= */

.cgw-head h2,
.cgs-head h2,
.cgi-head h2,
.cgx-head h2,
.cgp-head h2,
.cg-cabecera h2,
.cg-client-map__copy h2,
.beneficios-head h2,
.section-head h2{
    font-size:clamp(23px, 2.1vw, 29px);
    /* Iban en 800, salvo dos en 700. A este tamano ese peso se lee
       como un bloque. Se usa 600, que es uno de los que la pagina
       carga de verdad: un valor intermedio como 650 lo redondearia
       cada navegador por su cuenta. */
    font-weight:600;
    line-height:1.18;
    letter-spacing:-.7px;
}

@media(max-width:650px){
    .cgw-head h2,
    .cgs-head h2,
    .cgi-head h2,
    .cgx-head h2,
    .cgp-head h2,
    .cg-cabecera h2,
    .cg-client-map__copy h2,
    .beneficios-head h2,
    .section-head h2{
        font-size:21px;
        letter-spacing:-.4px;
    }
}