.elementor-kit-5{--e-global-color-primary:#161616;--e-global-color-secondary:#F1F1F1;--e-global-color-text:#161616;--e-global-color-accent:#DEA843;--e-global-color-0a91c2e:#FFFFFF;--e-global-typography-primary-font-family:"Red Hat Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Serif";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Red Hat Display";--e-global-typography-accent-font-weight:500;overscroll-behavior:auto;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{border-radius:40px 40px 40px 40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Salto de linea en titulos con dos estilos diferentes*/
.salto-linea {
    display: block; /* Esto obliga a que empiece en una línea nueva */
}


/* Estilo para el span con la clase marcado */
.marcado {
    display: inline-block;
    position: relative;
    padding: 0 2px;
    /* 90deg: Dirección de izquierda a derecha.
       #DEA843 0%: Color sólido al inicio.
       transparent 100%: Desvanecimiento total al final.
    */
    background-image: linear-gradient(90deg, #DEA843 0%, transparent 100%);
    
    /* Controlamos el tamaño del subrayado:
       100% de ancho, 30% de alto (ajusta el 30% para hacerlo más fino o grueso)
    */
    background-size: 100% 30%; 
    background-repeat: no-repeat;
    background-position: 0 85%; /* Posiciona el subrayado en la parte baja del texto */
}



/* Estilo específico para la cursiva dentro del marcado */
.marcado i, .marcado em,
.marcado-negro i, .marcado-negro em {
    font-family: 'Roboto Serif', serif !important; /* Cambio de tipografía */
    font-style: italic !important;
    display: inline-block;
    font-weight: 500;  /* Opcional: puedes probar con 500 o 600 si la quieres más gruesa */
}

/* --- RESPONSIVE --- */
/* (He unificado las consultas para que el código sea más limpio) */
@media (max-width: 1440px), (max-width: 767px) {
    .marcado {
        /* Mantenemos el mismo estilo, o puedes ajustar el background-size si quieres el subrayado más fino en móvil */
        background-image: linear-gradient(90deg, #DEA843 0%, transparent 100%);
        background-size: 100% 35%; 
    }
    
}/* End custom CSS */