.elementor-5049 .elementor-element.elementor-element-7c7135ae{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5049 .elementor-element.elementor-element-ea89c2b{--display:flex;--border-radius:40px 40px 40px 40px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-5049 .elementor-element.elementor-element-ea89c2b:not(.elementor-motion-effects-element-type-background), .elementor-5049 .elementor-element.elementor-element-ea89c2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-5049 .elementor-element.elementor-element-ea89c2b.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5049 .elementor-element.elementor-element-7312b45{padding:0px 0px 0px 0px;text-align:start;}.elementor-5049 .elementor-element.elementor-element-7312b45 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:4.9vw;font-weight:700;line-height:120%;color:#FFFFFF;}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5049 .elementor-element.elementor-element-49722edc{font-size:16px;font-weight:400;color:var( --e-global-color-5745580 );}.elementor-5049 .elementor-element.elementor-element-49722edc a{color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-5049 .elementor-element.elementor-element-ea89c2b{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(min-width:768px){.elementor-5049 .elementor-element.elementor-element-ea89c2b{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5049 .elementor-element.elementor-element-ea89c2b{--width:100%;}}@media(max-width:767px){.elementor-5049 .elementor-element.elementor-element-ea89c2b{--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5049 .elementor-element.elementor-element-7312b45 .elementor-heading-title{font-size:95px;line-height:55rlh;}}/* Start custom CSS for heading, class: .elementor-element-7312b45 *//* 1. ESTILO BASE DEL ENCABEZADO */
.texto-resaltado {
    color: #ffffff;
    text-align: left; /* Opcional: alinea todo a la izquierda */
    line-height: 1.1;
}

/* 2. EL SPAN RESALTADO (Anti-Deformación y Selectividad Total) */
.texto-resaltado span.resaltado-naranja {
    /* CLAVE: Salta de línea y el fondo se ajusta EXACTAMENTE al texto */
   display: inline-block !important; 
    width: auto !important; 
    font-size: 7vw;
    
    /* Espacio superior para separarlo de la frase anterior */
    /* Margen lateral para que el fondo no toque los bordes laterales del texto */
    
    margin-top:4px;
    color: #ffffff;
    position: relative;
    
    /* EL DEGRADADO NARANJA (idéntico al anterior) */
   background-image: linear-gradient(90deg, rgba(250, 79, 2, 0) 0%, rgba(250, 79, 2, 1) 100%) !important;
    /* rgba(250, 79, 2, 0) -> Naranja con opacidad 0 (invisible) */
    /* rgba(250, 79, 2, 1) -> Naranja con opacidad 1 (sólido) */
    
    background-color: transparent !important; /* Asegura que no haya color de fondo sólido */
    color: #ffffff;

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
 
    
    /* Reset de cualquier estilo de Elementor que pueda estirarlo */
    flex: 0 1 auto !important;
    align-self: flex-start !important;
    
    /* Opción alternativa si quieres que el fondo sea una franja más delgada */
background-size: 100% 90%; /* El primer número es ancho, el segundo es alto */
background-repeat: no-repeat;
background-position: center; /* Centra la franja detrás de las letras */
    
    /* Blindaje anti-encogimiento */
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.texto-resaltado p {
    /* CLAVE: Salta de línea y el fondo se ajusta EXACTAMENTE al texto */
    display: table !important;
    font-size: 2vw;
    font-weight: 600;
    
}

/* ===========================================
   AJUSTE PARA MOBILE (< 768px) EN PIXELES
   =========================================== */
@media (max-width: 768px) {
    
    /* 1. EL TÍTULO PRINCIPAL (H2) */
    .texto-resaltado p {
        font-size: 20px !important; /* Ajusta según prefieras el tamaño base */
        line-height: 1 !important;
        display: block !important; /* En mobile suele funcionar mejor block que table */
    }

    /* 2. EL TEXTO RESALTADO (SPAN) */
    .texto-resaltado span.resaltado-naranja {
        font-size: 34px !important; /* Más grande que el h2 para que destaque */
        line-height: 1.2 !important;
        display: inline-block !important;
        
        /* Ajustamos el margen para que no se pegue al texto de arriba */
        margin-top: 10px !important;
        
        /* Ajuste del fondo naranja para que luzca bien en pantallas pequeñas */
        background-size: 100% 85% !important; 
        padding: 0px !important; 
        margin-bottom: 5px;/* Un poco de aire a los lados del resaltado */
    }
}/* End custom CSS */