/* ==================================================
   AJUSTES GLOBALES: Section Intro Hero
   ================================================== */

section.section-intro-hero {
    z-index: 1;
    border-radius: 0 0 24px 24px;
}

div.section-intro-hero__title h1 {
    text-align: right;
    font-weight: 600;
    line-height: 1.3 !important;
    color: #FEF3E7 !important;
}

div.section-intro-hero__description-page p {
    text-align: right;
    font-weight: 300;
}

div.section-intro-hero__button a.elementor-button {
    color: #960946;
    font-weight: 600;
    text-transform: capitalize;
}



/* ==================================================
   AJUSTES DESKTOP: Section Intro Hero
   ================================================== */

@media screen and (min-width: 1025px) {
    
    section.section-intro-hero {
        max-width: 60rem !important;
        margin-bottom: -120.062px;
    }
    
    div.section-intro-hero__main-info-container {
        max-width: 40rem;
        gap: 2rem;
    }
    
    div.section-intro-hero__title h1 {
        font-size: 2.8rem !important;
    }
    
    span.section-intro-hero__title-accent {
        font-size: 1.4rem;
        vertical-align: -4px;
    }
    
    div.section-intro-hero__description-page p {
        font-size: 1.5rem;
        line-height: 1.15;
    }
    
    div.section-intro-hero__button a.elementor-button {
        font-size: 1.1rem;
        padding: 0.6rem 1.5rem 0.6rem 1.5rem !important;
    }
}



/* ==================================================
   AJUSTES MOBILE: Section Intro Hero
   ================================================== */

@media screen and (max-width: 767px) {

    section.section-intro-hero {
        max-width: 36rem !important;
        margin-bottom: -93px;
    }
    
    div.section-intro-hero__main-info-container {
        max-width: 26rem;
        gap: 2rem;
    }
    
    div.section-intro-hero__title h1 {
        font-size: 2.2rem !important;
    }
    
    span.section-intro-hero__title-accent {
        font-size: 1.2rem;
        vertical-align: -4px;
    }
    
    div.section-intro-hero__description-page p {
        font-size: 1.4rem;
        line-height: 1.15;
    }
    
    div.section-intro-hero__button a.elementor-button {
        font-size: 1.08rem !important;
        padding: 0.7rem 1.8rem 0.6rem 1.8rem !important;
    }
}



/* ==================================================
   AJUSTES TABLET: Section Intro Hero
   ================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    section.section-intro-hero {
        max-width: 42rem !important;
        margin-bottom: -95.188px;
    }
    
    div.section-intro-hero__main-info-container {
        max-width: 30rem;
        gap: 2rem;
    }
    
    div.section-intro-hero__title h1 {
        font-size: 2.4rem;
    }
    
    span.section-intro-hero__title-accent {
        font-size: 1.4rem;
        vertical-align: -4px;
    }
    
    div.section-intro-hero__description-page p {
        font-size: 1.4rem;
        line-height: 1.1;
    }
    
    div.section-intro-hero__button a.elementor-button {
        font-size: 1.08rem !important;
        padding: 0.7rem 1.8rem 0.6rem 1.8rem !important;
    }
}