.portada-area {
    position: relative;
    width: 100%;
    height: 100%;
}

.portada-bg img {
    width: 100%;
    height: 100%;
}

.desktop-bg {
    display: block;
}

.mobile-bg {
    display: none;
}

.hero-content h1{
    font-size: 60px;
}

.tp-about-area {
    padding-top: 90px;
}

.tp-about-class img{
    border-radius: 10px;
}

.tp-about-class h2{
    font-size: 36px;
}

.variosicon .img-fluid{
    padding-bottom: 20px;

}
.tp-feature-area .textOpinion{
    height: 14vh;
}

.fa-check:before {
    content: "\f00c";
    font-weight: 900;
}




.tp-banner-btn a {
    background-color: #fea51f;
    color: #241c64;
    font-weight: 900 !important;
    font-size: 18px;
}

.tp-feature-area .fondo2{
    background-color: #cce7f5;
    border-radius: 10px;
    padding: 0 30px;
}

.portada-text {
    position: absolute;
    z-index: 1;
    color: white;
    top: 30%;
    left: 10%;
}


.btn-portada {
    margin-top: 20px;
}

.section-title p{
    font-weight: 600;
    text-align: justify;
}

.tp-about-area .item p {
    font-weight: 600;
}

.section-title h2{
    color: #241c64;
}



.elementor-element-86a40d9{
    background-color: #241c64 !important;
}

.elementor-element-86a40d9 h2{
    color: #fff;
}



/* Para pantallas medianas */
@media (max-width: 1200px) {
    .hero-content h1 {
        font-size: 50px; /* Ajuste para pantallas medianas */
    }
    .hero-content p {
        font-size: 16px !important; /* Ajuste para pantallas pequeñas */
    }
}
/* Para pantallas pequeñas */
@media (max-width: 992px) {
    .hero-content h1 {
        font-size: 42px; /* Ajuste para pantallas pequeñas */
    }

    .hero-content p {
        font-size: 14px !important; /* Ajuste para pantallas pequeñas */
    }

    .portada-text {
        top: 30%;
        left: 6%;
    }
}

/* Para pantallas pequeñas */
@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 40px; /* Ajuste para pantallas pequeñas */
    }
    .tp-banner-btn a {
        font-size: 16px;
    
    }
    .portada-text {
        top: 0%;
        left: 0;
        text-align: center;
        max-width: 768px;
    }

    .hero-content p {
        font-size: 16px !important; /* Ajuste para pantallas pequeñas */
    }


}

/* Para pantallas extra pequeñas */
@media (max-width: 576px) {
    .hero-content h1 {
        font-size: 30px; /* Ajuste para pantallas extra pequeñas */
    }

    .tp-banner-btn a {
        font-size: 14px;
    
    }

    .portada-text {
        top: 0%;
        left: 0;
        text-align: center;
        max-width: 768px;
    }
}

/* Para pantallas muy pequeñas */
@media (max-width: 400px) {
    .hero-content h1 {
        font-size: 24px; /* Ajuste para pantallas muy pequeñas */
    }
}

/* Para pantallas extremadamente pequeñas */
@media (max-width: 320px) {
    .hero-content h1 {
        font-size: 20px; /* Ajuste para pantallas extremadamente pequeñas */
    }
}

@media only screen and (max-width: 768px) {
    .desktop-bg {
        display: none;
    }

    .mobile-bg {
        display: block;
        width: 100%;
        height: auto;
    }
}