/* Minification failed. Returning unminified contents.
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,22): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(331,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(393,22): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(655,22): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(656,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(745,46): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(745,68): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(745,90): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(745,112): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(752,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(763,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(774,21): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(820,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(821,22): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(835,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(836,22): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(860,74): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(860,96): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(903,17): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(910,17): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(911,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(911,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(921,17): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(943,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(944,22): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(955,17): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(965,25): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(969,22): run-time error CSS1039: Token not allowed after unary operator: '-white-text'
(996,74): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(996,96): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(1060,17): run-time error CSS1039: Token not allowed after unary operator: '-main-bg-color'
(1073,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y'
(1073,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x'
(1074,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color'
 */
.h1, .h3, .h4, .h6, h1, h3, h4, h6 {
    color: #000000
}


.hidden {
    display: none !important;
}

:root {
    --main-bg-color: #2f3946;
    --white-text: #fff;
}

body {
    padding: 0;
    margin: 0;
    font-size: 24px;
}

section {
    height: 100vh;
}

.text-first {
    text-align: center;
    font-size: 28px

}

@media (max-width: 576px) {
    .text-first {
        text-align: left;
    }
}

@media (max-width: 991px) {
    .navbar {
        width: 100%;
    }
    .input-toget{
        height: fit-content !important;
        flex-wrap: wrap;
        padding-bottom: 10px;
    }

    .limit {
        width: 80%;
    }

    .collapse-ul-container {
        height: 100vh;
        padding-top: 30px;
        transition: none !important;
    }

    .navbar-ul {
        gap: 1em;

    }

    .navbar-ul > li:nth-last-child(1) {
        padding-top: 30px;
    }

    .btn-nav {
        padding: 0.6rem 1em;
    }
    .doble-col {
        padding: 0;
        padding-top: 26px;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
    }
    .doble-col > div > h4{
        margin: 0 !important;
    }
    .doble-col > div > ul{
        padding-bottom: 0 !important;
        padding-top: 10px;
    }
    .title-footer{
        font-size: 18px !important;
    }
}

.collapse-ul-container {
    margin: 0 !important;
}

.navbar-ul {
    margin: 0 !important;
    display: flex;
    gap: 0.8rem;
    justify-content: end;
    flex-grow: 1;
    align-items: baseline;
    align-items: center;
}

.btn-nav {
    font-size: 18px !important;
    margin: 0 !important;
}

/* animacion scroll */
#animation_section {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    height: 100vh;
    max-width: 1160px;
    max-height: 720px;
    height: 720px;
    margin: auto;
}

.image_principal {
    width: 1160px;
}
/*  bloques  */

.square {
    background: #1c232b;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}
.pb-4{
    margin-top: -3rem
}
.sq-m {
    height: 40px;
    width: 40px;
}

.sq-s {
    height: 25px;
    width: 25px;
}

.sq-b {
    width: 50px;
    height: 50px;
}

.sq-1 {
    top: 40px;
    left: 80px
}

.sq-2 {
    top: 0;
    right: 80px;
}

.sq-3 {
    top: 180px;
    left: 40px;
}

.sq-4 {
    top: 100px;
    left: 40%;
}

.sq-5 {
    top: 200px;
    left: 70%;
}

.sq-6 {
    top: 240px;
    right: 8%;
}

.sq-7 {
    top: 240px;
    left: 0;
}

.sq-8 {
    top: 60px;
    left: 60%;
}

/* fin bloques */
.secret_image_cont {
    position: absolute;
    z-index: 10;
}

.secret_img {
    width: 100%;
}

#aniblock_1 {
    width: 160px;
    height: 100px;
    bottom: 480px;
    left: 0;
}

#aniblock_2 {
    height: 100px;
    width: 120px;
    bottom: 620px;
    left: 530px;
    scale: 1.4;
}

#aniblock_3 {
    height: 25px;
    width: 25px;
    bottom: 620px;
    left: 300px;
    scale: 4;
}

#aniblock_4 {
    height: 100px;
    width: 120px;
    bottom: 560px;
    left: 800px;
    scale: 1.5;
}

#aniblock_5 {
    height: 80px;
    width: 170px;
    bottom: 580px;
    left: 960px;
    scale: 1.1;
}

#aniblock_6 {
    height: 25px;
    left: 570px;
    width: 60px;
    bottom: 530px;
    scale: 1.6;
}

#aniblock_7 {
    height: 45px;
    left: 1070px;
    bottom: 450px;
    scale: 1.2;
}
/* fin animacion scroll */
@media (max-width: 1200px) {
    #animation_section {
        width: 100%;
        max-height: 500px;
        height: 100%;
    }

    .card-info {
        margin-top: 0 !important;
    }

    .image_principal {
        width: 100%;
        height: auto;
        margin-top: -3rem
    }

    .square {
        display: none;
        z-index: -1;
    }

    .secret_image_cont {
        display: none;
    }
}


card-body {
    margin-top: 1rem
}
/* seccion 1 */
#section1 > .container {
    max-width: 100%;
}

    #section1 > .container, #section1 > .container > .row {
        height: 100%;
    }

        #section1 > .container > .row > .col-8, #section1 > .container > .row > .col-4 {
            padding: 0 !important;
        }

.img_s1 {
    object-fit: cover;
    height: 700px;
    width: 100%;
}

/* nav */

.nav-s1 {
    width: 100%;
    padding: 0.6em 2em;
    display: flex;
    align-items: end;
}

.logo-container {
    max-width: 6em;
    font-weight: bolder;
    color: #1c232b;
}

.navs1-ul {
    list-style: none;
    display: inline-flex;
    gap: 2.5em;
}

.navs1-li > button {
    padding: 4px 24px;
    border-radius: 16px;
    border: none;
    background: var(--main-bg-color);
    color: var(--white-text);
    font-size: 13px
}

.active {
    color: rgb(4, 132, 182);
    font-weight: bolder;
}

.navs1-li {
    font-size: 20px;
    width: revert
}

/* contenido seccion 1 */

.containers1 {
    padding: 4em 2em;
    padding-bottom: 0.5rem;
}

    .containers1 > .section-title {
        font-size: 2.2em;
        font-weight: 500;
        text-align: center;
        margin-bottom: 1.4em;
    }

@media (max-width: 576px) {
    .containers1 > .section-title {
        font-size: 1.8em;
        font-weight: 500;
        text-align: center;
        margin-bottom: 1.4em;
    }
}

.cards1 {
    width: 20%;
    min-height: 4em;
}

    .cards1 > h6 {
        font-size: 1.3em;
        font-weight: 400;
    }

        .cards1 > h6 > span {
            color: rgb(4, 132, 182);
            font-size: 1.3em;
        }

.extra-info-box {
    width: 100%;
    height: 5em;
    display: flex;
    justify-content: center;
    position: relative;
    top: 87%;
}

.extra-info-container {
    background: var(--white-text);
    width: 70%;
    border-radius: 16px;
    box-shadow: 0px 0px 8px 0px #bbbbbb;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-secondary {
    border-radius: 24px !important;
    font-size: 11px;
    background: #303A47;
}

.btn {
    text-transform: initial;
    border-radius: 2rem;
    font-size: 22px;
}

.btn-eic {
    padding: 12px 24px !important;
    border-radius: 24px !important;
    font-size: 16px;
    background: #303A47;
    color: #fff
}

/* seccion 3 */

.text-parra {
    padding-top: 4rem;
    color: rgb(63, 63, 63);
    font-size: 0.7em;
    display: block;
    text-align: center;
}

.section-subtitle {
    margin-top: 2rem;
    font-size: 40px;
    color: #000000;
    text-align: center;
    font-weight: 700;
    padding-bottom: 4rem
}

.section-title {
    margin-top: 2rem;
    font-size: 55px;
    color: #000000;
    text-align: center;
    font-weight: 700;
    padding-bottom: 1rem
}

@media (max-width: 576px) {
    .section-title {
        margin-top: 2rem;
        font-size: 40px;
        color: #000000;
        text-align: left;
        font-weight: 700;
        padding-bottom: 1rem
    }
}

.list-card1 {
    width: 23%
}

.list-card2 {
    width: 30%
}

.cards-container {
    /*    display: flex;
    justify-content: center;
    margin-top: 2em;
    gap: 1em;*/
    z-index: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    cursor: pointer;
    transition: 0.4s;
}

.card {
    border-radius: 10px;
    box-shadow: 2px 2px 2px #dddddd;
    box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
    justify-content: center;
    padding: 4px;
    border-radius: 20px;
    margin-bottom: 2rem
}

.card-beneficios{
    max-width: 28rem;
}

@media (max-width: 576px) {
    .cards-beneficios {
        transition: 0.4s;
        margin-left: 4rem;
        width: 70%
    }
}

@media (max-width: 767.98px) {
    .cards-beneficios {
        transition: margin 0.4s;
        margin-left: 4rem;
        width: 70%
    }
}

@media (max-width: 991.98px) {
    .cards-beneficios {
        transition: margin 0.4s;
        margin-left: 4rem;
        width: 70%
    }
}

@media (min-width: 1200px) {
    .cards-beneficios {
        transition: margin 0.4s;
        height: 200px;
        margin-right: 0.5em
    }
}

@media (min-width: 1400px) {
    .cards-beneficios {
        transition: margin 0.10s;
        height: 200px;
        margin-right: 0.5em
    }
}

.card-image {
    width: 4em
}

.card-image-2 {
    width: 3em
}

.cards-beneficios:hover {
    transform: scale(0.9, 0.9);
    box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), -5px -5px 30px 15px rgba(0,0,0,0.22);
}

.card > p {
    color: rgb(88, 88, 88);
    font-size: 0.6em;
    display: block;
    text-align: center;
}

.demostracion-container {
    display: flex;
    margin-top: -2em;
}

@media only screen and (max-width: 600px) {
    .px-5 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 4rem
    }
}
@media only screen and (min-width: 600px) {
    .px-5 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 4rem
    }
}
@media only screen and (min-width: 768px) {
    .px-5 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 4rem
    }
}
@media only screen and (max-width: 768px) {
    .px-5 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 4rem
    }
}
@media only screen and (min-width: 992px) {
    .px-5 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 4rem
    }
}
@media only screen and (min-width: 1200px) {
    .px-5 {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 4rem
    }
}
@media only screen and (max-width: 768px) {
    .laptop_img {
        width: 100%;
       
    }
}


@media only screen and (min-width: 992px) {
    .laptop_img {
        width: 100%;
    }
} 


.dashboard_img {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 10px;
}

.subtitle-section {
    font-size: 31px;
    font-weight: 400;
    text-align: start;
    margin-bottom: 1em;
    color: #000000;
}

.text-info-container {
    padding: 1em;
    margin-top: 1em;
    font-size: 18px;
    color: #fff
}

.text-p {
    color: #000000;
    font-size: 0.7em;
    text-align: justify;
    font-size: 18px;
}

.info-p {
    color: #000000;
    font-size: 20px;
}

.btn-see-more {
    padding: 4px 16px;
    background: var(--main-bg-color);
    color: var(--white-text);
    border-radius: 24px;
    font-size: 0.8em;
    margin-top: -4rem
}

/* seccion 2 */
@media only screen and (max-width: 400px) {
    #slider_section {
        margin-top: -6rem;
        height: 800px
    }

    .card-info {
        top: 19rem
    }
    .title{
        margin-top: 9rem
    }
}
@media only screen and (max-width: 600px) {
    #slider_section {
        margin-top: -6rem;
        height: 800px
    }
    .card-info {
        top: 19rem
    }
    .title {
        margin-top: 11rem
    }
}
@media only screen and (min-width: 600px) {
    #slider_section {
        margin-top: -6rem;
        height: 800px
    }

    .card-info {
        top: 30rem
    }
    .title {
        margin-top: 9rem
    }
} 
@media only screen and (min-width: 768px) {
    #slider_section {
        margin-top: -6rem;
        height: 800px
    }

    .card-info {
        top: 20rem
    }
    .title{
        margin-top: 20rem
    }
}
@media only screen and (min-width: 992px) {
    #slider_section {
        margin-top: -3rem;
        height: 800px
    }

    .card-info {
        top: -15rem
    }
}
/*@media only screen and (min-width: 1024px) {
    #slider_section {
        margin-top: -3rem;
        height: 800px
    }

    .card-info {
        top: -24rem
    }
}*/
/*@media only screen and (min-width: 1200px) {
    #slider_section{
        margin-top: -6rem;
        height: 900px
    }
    .card-info{
        top: 25rem
    }
}*/

#section2 {
    background: linear-gradient(-35deg, var(--main-bg-color), var(--main-bg-color), var(--main-bg-color), var(--main-bg-color), #1c232b);
    padding-top: 0.2em;
}

@media (max-width: 575.98px) {
    .infocontainer-s2 {
        padding: 0em 4em;
        color: var(--white-text);
        margin-top: -1rem;
        background-color: #303A47;
        height: 560px;
        width: 100%
    }
}

@media (min-width: 991.98px) {
    .infocontainer-s2 {
        padding: 0em 4em;
        color: var(--white-text);
        margin-top: -1rem;
        background-color: #303A47;
        height: 350px;
        width: 100%
    }
}

@media (min-width: 767.98px) and (max-width: 1399.98px) {
    .infocontainer-s2 {
        padding: 0em 4em;
        color: var(--white-text);
        margin-top: -5rem;
        background-color: #303A47;
        height: 350px;
        width: 100%
    }
}

.infocontainer-s2 > h2 {
    font-size: 1.6em;
    font-weight: 400;
    margin-top: 8rem;
    text-align: center
}

.infocontainer-s2 > p {
    margin-top: 1em;
    font-size: 1em;
    text-align: center;
}

.container-images {
    margin-left: auto;
    margin-top: auto;
}

.contenedor {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .contenedor > img {
        max-width: 100%;
        margin: 0;
        width: 100%;
    }

.centrado {
    text-align: start !important;
    padding: 10px;
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white-text);
    background: var(--main-bg-color);
    opacity: 0.9;
    width: 100%;
    height: 170px
}

.full {
    text-align: start !important;
    padding: 1em;
    position: absolute;
    /* top: 84%;
        transform: translate(-50%, -50%); */
    top: 0;
    height: 100%;
    color: var(--white-text);
    background: var(--main-bg-color);
    opacity: 0.9;
    width: 100%;
}

    .full > h4 {
        font-size: 1.4em;
        font-weight: 300;
    }

    .full > p {
        font-size: 0.6em;
    }

.centrado > p {
    font-size: 0.8em;
}

.centrado > h4 {
    font-size: 1.2em;
}

/*seccion 4*/
#section4 {
    background: linear-gradient(-140deg, #1c232b, #1c232b, #1c232b, var(--main-bg-color), var(--main-bg-color));
    margin-top: 2rem;
    width: 100%
}

#section5 {
    background: #303A47;
    width: 100%
}

.img_s4 {
    max-width: 100%;
}

.diary-container {
    background: #fff;
    height: auto;
    width: auto;
    margin: auto;
    padding: 24px 12px;
    border-radius: 12px;
    margin-bottom: 2rem
}

.diary-title {
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    margin-top: 3rem
}

.diary-p {
    text-align: center;
    color: #fff;
    font-size: 1em;
}

.form-control {
    border-radius: 32px !important;
    padding: 12px;
    font-size: 0.6em;
    box-shadow: 2px 2px 2px #dddddd;
    color: var(--main-bg-color);
}
select, textarea {
    border-radius: 32px !important;
    padding: 12px;
    font-size: 0.6em;
    box-shadow: 2px 2px 2px #dddddd;
    color: var(--main-bg-color);
    border: var(--bs-border-width) solid var(--bs-border-color);
    width: 100%
}
.textarea {
    font-size: 0.6em;
    border: none;
    resize: none;
    outline: none;
    box-shadow: 2px 2px 2px 2px #dddddd;
    height: fit-content;
    color: var(--main-bg-color);
    border-radius: 8px;
    padding: 12px;
    width: 100%;
}

.input-toget{
    display: flex;
    height: 60px;
    gap: 10px;
}

.name_form {
    margin-right: 0.8em;
}

.btn-s4 {
    margin-top: 1em;
    text-align: start;
    display: block;
    font-size: 0.6em;
    padding: 4px 16px;
    color: var(--white-text);
    background: var(--main-bg-color);
    border-radius: 12px;
}

footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.columna {
    color: var(--white-text) !important;
    align-self: center;
}

    .columna > h6, .columna > p {
        font-size: 0.6em;
    }

        .columna > p > a {
            text-decoration: none;
            color: var(--white-text);
        }

.form-contact {
    background: var(--white-text);
    outline: none;
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #bebebe;
    padding: 2px;
    box-shadow: none;
    font-size: 0.5em;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 23px;
}

.navbar-expand-lg .navbar-collapse {
    margin-top: 1rem;
}

.navbar-expand-lg {
    background: #fafafa;
}

.page-content {
    text-align: center
}

.footer {
    background: linear-gradient(-140deg, #1c232b, #1c232b, #1c232b, var(--main-bg-color), var(--main-bg-color));
    margin-top: -2rem;
    color: #ffffff;
    margin-bottom: -4rem;
    /*        padding-top: 5rem
*/
}

.title-footer {
    font-size: 22px;
    color: #fff;
    text-align: left;
}

.text-footer {
    font-size: 16px;
    color: #9fa7b0;
    text-align: left;
    padding-top: 1rem
}

.card-info {
    width: 60%;
    margin-top: -10rem;
    text-align: center
}

.copy {
    color: #fff
}

.icon-footer {
    color: white;
    text-align: left;
    margin-top: 3rem
}
.bi-facebook::before{
    color: #fff;
    font-size: 40px
}
.bi-instagram::before{
    color: #fff;
    font-size: 40px
}
.bi-envelope-fill::before{
    color: #fff;
    font-size: 40px
}

.containers1 > div > h1, .containers1 > div > h5{
    margin: 0;
    text-align: center;
    max-width: 780px;
    margin: auto;
}
.form-control{
    padding: 10px;
    line-height: 0.5;
}
.form-select {
    border-radius: 32px !important;
    padding: 12px;
    font-size: 0.6em;
    box-shadow: 2px 2px 2px #dddddd;
    color: var(--main-bg-color);
}

.centrar-title {
    margin: 0;
    text-align: center;
    max-width: 780px;
    margin: auto;
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: transparent;
    border: none
}
/*
.title{
    font-size: 2rem;
    margin-top: 13rem
}*/

.parragraph{
    font-size: 1rem;
}

.w-80{
    width: 80% !important;
}

.semi-hr{
    width: 30%;
    height: 4px;
}

.text-white{
    color: #fff;
}

.icon{
    height: 60px;
    width: 60px;
}

.bg-red{
    background: #820c16;
}

.bg-red:hover{
    background: #5e1218;
}

.section{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 1980px;
    max-height: 1400px;
}

.max-w-100 {
    max-width: 100% !important;
}

.max-vh-100{
    max-height: 100vh !important;
}
/* home section */
.banner-img {
    width: auto;
    height: fit-content;
    margin-bottom: 7rem;
}
@media only screen and (max-width: 768px) {
 
    .banner-img {
        display: none
    }
}
#home_section{
    width: 100%;
    padding-right: 0;
}

.home_section_text, .evaluaciones_text_section {
    min-width: 30rem;
    max-width: 45vw;
    margin-top: -9rem
}

.home_section_banner, .home_section_banner {
    width: -webkit-fill-available;
}

/* SLIDER SECTION */
#slider_section {
    background-image: linear-gradient(to bottom, #131c26, #212e3c, #314154, #41546c, #526986, #eaeaec);
    padding: 0 !important;
/*    height: 500px
*/}

.carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.carousel-inner {
    margin: auto;
    max-width: 81.8%;
    max-height: 400px;
}


.carousel {
    height: fit-content;
    width: -webkit-fill-available;
}

.text-balance{
    text-wrap: balance;
}

.text-over-img {
    position: absolute;
    color: #fff;
    top: 0;
    height: 100%;
    display: flex;
    padding: 1em 1em;
    max-height: 500px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    width: 100%;
    height: fit-content;
}

.img-slider {
    opacity: 0.4;
}

.btn-text-over-img {
    width: fit-content;
    background: #c1dafd;
    text-decoration: none;
    color: #fff;
    box-shadow: 4px 5px 7px 4px #bad2f3;
    padding: 0.5em 1em;
    border-radius: 24px;
}

    .btn-text-over-img:hover {
        text-decoration: none;
        color: #fff;
    }

.text-over-img > h4 {
    font-size: 4em;
}

.text-over-img > p {
    font-size: 0.9em;
    max-width: 60%;
    opacity: 0.9;
}

.cursos-footer {
    display: flex;
    padding: 1em;
    width: 80%;
    background: #fff;
}

.cursos-logo {
    height: 60px;
    width: 140px;
}

.cursos-footer-div {
    flex-grow: 1;
    display: flex;
    justify-content: end;
}

    .cursos-footer-div > p {
        max-width: 80%;
        font-size: 0.7em;
        opacity: 0.9;
        height: 60px;
        text-align: end;
    }

.carousel-indicators [data-bs-target]{
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
/* evaluaciones section */
#eval_section {
    background-image: linear-gradient(to bottom, #eaeaec, #ececee, #efeff1, #f1f1f3, #f4f4f6);

}

/* seccion eficiencia */
#eficiencia_section {
    background-image: linear-gradient(to bottom, #192533, #1b2837, #1d2b3b, #1f2e40, #213144);
}
/* animacion section */
#animation_section_container {
    background-image: linear-gradient(to bottom, #213144, #2d435d, #4f5f76, #727d8f, #959ca9, #b9bdc4);
}

/* beneficios */
#Beneficios {
    background-image: linear-gradient(to bottom, #b9bdc4, #d5d5d7, #dfdfe1, #eaeaeb, #f4f4f5, #ffffff);
}


/* cars beneficios carousel */

.ben_carousel_inner {
    padding: 0.4em;
    justify-content: start;
    gap: 1em;
}

.ben_carousel_item {
    background: transparent;
    max-width: 360px;
}


.ben_icon{
    width: 80px;
}
.ben_card {
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    min-height: 300px;
    max-width: 360px;
    box-shadow: -1px 5px 15px #ababab;
    border-radius: 12px;
    background: transparent;
}

 .ben_icon_container {
    background: #e7e7e9;
}

.ben_icon_container {
    min-height: 100px;
    z-index: 100;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 40px;
}

.ben_control{
    margin: auto;
    background: #000;
    border-radius: 50%;
    padding: 10px;
    height: fit-content;
    width: fit-content;
}

.helper_ben_2 {
    height: 50px;
    z-index: -1;
    width: 35px;
    top: 100px;
    right: 0;
    background: #e7e7e9;
}

.helper_ben {
    background: #1c2128;
    border-top-left-radius: 16px;
    height: 104px;
    width: 35px;
    top: 0px;
}

.ben_card_body {
    background: #1c2128;
    border-top: 3px outset red;
    border-top-right-radius: 40px;
    padding: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

@media (min-width: 768px) {
    .ben_carousel_item {
        margin-right: 0;
        flex: 0 0 33.333333%;
        display: block;
    }

    .ben_carousel_inner {
        display: flex;
    }
}

.ben_card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ben_card img {
    max-height: 100%;
}

@media (max-width: 767px) {
    .ben_card .img-wrapper {
        height: 17em;
    }
}

.title{
    font-size: 1.8em;
}

@media (min-width: 1260px){
    .parragraph {
        font-size: 1.2rem;
    }
}


@media (max-width: 1000px){
    .footer-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .icon-footer{
        margin: 0;
    }
    .list-group-item{
        padding: 0;
    }
    .list-group{
        gap: 0.75rem;
        padding-bottom: 1rem;
    }
    .bi::before{
        font-size: 30px;
    }
    .footer-container > div > div > .nav{
        padding-bottom: 2rem !important;
    }
    .title-footer {
        width: -webkit-fill-available;
        text-wrap: balance;
    }
    .arrow-footer-container {
        position: absolute;
        top: 0;
        right: 0;
    }
    .subtitle-footer{
        font-size: 22px;
    }
    .nav-item > .title-footer, .nav-item.title-footer{
        font-size: 17px !important;
    }
}

.rombo{
    height: 50px;
    width: 50px;

    position: absolute;
}

.rombo-g {
    height: 300px;
    width: 300px;
}

.rombo-m {
    height: 150px;
    width: 150px;
}

.rombo-linea {
    background: url('../images/elementos/rombo-linea.png');
    background-size: cover;
}

.rombo-rojo {
    background: url('../images/elementos/rombo-rojo.png');
    background-size: cover;
}

.rombo-rojo-osc {
    background: url('../images/elementos/rombo-roji-oscuro.png');
    background-size: cover;
}

.rombo-blanco {
    background: url('../images/elementos/rombo-blanco.png');
    background-size: cover;
}

.rombo-azul {
    background: url('../images/elementos/rombo-azul.png');
    background-size: cover;
}

.rombo-azul-osc {
    background: url('../images/elementos/rombo-azul-oscuro.png');
    background-size: cover;
}

.rombo-1_efs{
    left: -150px;
}

.rombo-2_efs{
    top: calc(50% - 10px);
    left: 60px;
}

.rombo-3_efs{
    top: 10px;
    left: 4%;
}

.rombo-4_efs{
    top: 60px;
    left: 26%;
}

.rombo-5_efs{
    top: 100px;
    right: 5%;
}

.rombo-6_efs{
    right: -75px;
    top: 0;
}

.rombo-7_efs{
    top: 75px;
    right: -75px;
}

.rombo-8_efs{
    bottom: 140px;
    right: 10%;
}

#eficiencia_section{
    min-height: 282px !important;
    max-height: 301px;
}

.rombo-1_sls{
    top: 0;
    left: -75px;
}

.rombo-2_sls{
    top: 40%;
    right: -10%;
    z-index: 1;
}

.rombo-3_sls{
    top: calc(40% - 150px);
    right: -10%;
    z-index: 1;
}

.rombo-1_evs{
    top: 40px;
    left: 2%;
}

.rombo-2_evs{
    top: 20px;
    right: 10%;
}

.rombo-3_evs {
    top: 20%;
    right: -10px;
}


.rombo-4_evs {
    bottom: 10%;
    right: 5%;
}

.rombo-5_evs{
    bottom: 10%;
    left: 20%;
}

.rombo {
    animation: animate 25s alternate infinite;
    animation-delay: 0;
    animation-duration: 8s;
    transition: top 8s;
}
@media only screen and (max-width: 768px) {

    .rombo {
        animation: none;
        animation-delay: 0;
        animation-duration: 8s;
        transition: top 8s;
    }

    .rombo-linea {
        background: none;
    }
    .rombo-rojo {
        background: none;

    }
    .rombo-azul {
        background: none;
    }
    .rombo-blanco {
        background: none;
    }
}
.rombo-2_bns{
    left: 40%;
}

.rombo-3_bns{
    left: 50%;
}

.rombo-4_bns{
    left: 10%;
}

.rombo-5_bns{
    right: 10%;
}

.rombo-1_ve{
    left: 4%;
}

.rombo-2_ve{
    right: 25%;
}

.rombo-3_ve{
    right: 4%;
}

.ben_card_body > .card-text{
    text-wrap: balance;
    max-width: 90%;
    font-weight: 700;
    font-size: 25px
}

@keyframes animate {
    0% {
        /*  transform: translateY(0) rotate(0deg);  */
        transform: rotate(0deg);
        opacity: 1;
        border-radius: 0;
        top: 100%;
    }

    100% {
        /* transform: translateY(-40vh) rotate(720deg); */
        transform: rotate(720deg);
        opacity: 0.5;
        border-radius: 50%;
        top: 0;
    }
}
