/*
 Theme Name:   Hello Elementor Child - Head Spa
 Theme URI:    https://headspa.es
 Description:  Tema hijo de Hello Elementor para la web Head Spa, sin estilos, todo desde Elementor
 Author:       Head Spa
 Author URI:   https://headspa.es
 Template:     hello-elementor
 Version:      1.1.0
*/
/* ==============================
   H1 personalizado responsive
   ============================== */
/* Escritorio */
.h1-especial.elementor-heading-title {
    font-family: 'Montserrat', sans-serif !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: #cead51 !important;
    line-height: 1.6 !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .h1-especial.elementor-heading-title {
        font-size: 16px !important;
        line-height: 1.5 !important;
        letter-spacing: 0.4px !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .h1-especial.elementor-heading-title {
        font-size: 14px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.3px !important;
    }
}

/* ==============================
   Estructura general del sitio
   ============================== */
html, body {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #000; /* Ajusta según tu fondo */
}

body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

/* ==============================
   Contenido principal
   ============================== */
main, .site-main, .elementor-location-content {
    flex: 1 0 auto !important;
    width: 100% !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

/* ==============================
   Evitar corte de texto en Elementor
   ============================== */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget-text-editor {
    height: auto !important;
    max-h