/* =============================================================
   HATHOR - Global Typography
   Aplica a mobile Y desktop.
   REVERTIR: Elimina este archivo y borra su registro en
   hathor-elementor.php. No afecta layout, solo tipografia.
   ============================================================= */

/* --- Font-weight unificado ---
   Todos los titulos Elementor en bold/700.
   Solo afecta el PESO, no el tamanio (cada seccion
   conserva su font-size original de Elementor).
*/
.elementor-heading-title {
    font-weight: 700 !important;
    letter-spacing: -0.4px;
}

/* Exclusion: hero headline - restaurar exactamente como estaba en Elementor */
.elementor-element-db148d5 .elementor-heading-title {
    font-weight: 700 !important;
    font-size: 59px !important;
    line-height: 80px !important;
    letter-spacing: -0.5px !important;
}

/* Mobile: restaurar el tamanio original de Elementor (27px) */
@media (max-width: 767px) {
    .elementor-element-db148d5 .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1.4em !important;
    }
}

/* --- Correccion de tamanio: "Distributed & Featured By" ---
   Este heading tenia font-size:26px/weight:400 en Elementor,
   muy diferente al resto de titulos de seccion (49px/600).
   Lo llevamos al mismo nivel que "Our Movies" y similares.
*/
.elementor-element-bd5d719 .elementor-heading-title {
    font-size: 49px !important;
    letter-spacing: -0.5px;
    line-height: 1.2 !important;
}

@media (max-width: 767px) {
    .elementor-element-bd5d719 .elementor-heading-title {
        font-size: 37px !important;
        line-height: 1.25 !important;
    }
}

/* --- Widgets custom Hathor: solo peso ---
   Los titulos de cards/carruseles conservan su tamanio
   pero se unifican en negrita.
*/
.hmc-title,
.hex-card__title,
.hgb-panel__title,
.hpcc-title,
.hfcc-title,
.hpg-title,
.hec-title,
.htc-title,
.hmh-title,
.hrc-title {
    font-weight: 700 !important;
    letter-spacing: -0.3px;
}

/* --- Espaciado: reducir gap entre titulo de seccion y contenido ---
   SOLO MOBILE (max-width: 767px) — desktop no se toca.
   Excluye: header y footer de Elementor (elementor-location-*).
   NOTA: No se usa margin-bottom negativo porque causa overlap cuando
   el heading y el texto estan en la misma columna Elementor.
*/
@media (max-width: 767px) {

    /* Inner-section con heading: eliminar padding inferior
       (solo afecta headings en su propia inner-section, no a los
       que comparten columna con otro contenido → sin riesgo de overlap) */
    .elementor-inner-section:has(.elementor-widget-heading) {
        padding-bottom: 0 !important;
    }

    /* Restaurar header y footer — no tocar su espaciado */
    .elementor-location-header .elementor-inner-section:has(.elementor-widget-heading),
    .elementor-location-footer .elementor-inner-section:has(.elementor-widget-heading) {
        padding-bottom: initial !important;
    }
}