@font-face {
    font-family: 'segoBold';
    /* src: url('fonts/segoe/Segoe-UI-Bold.ttf') format('truetype'); */
    src: url('fonts/segoe/Segoe_UI_Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'segoNor';
    /* src: url('fonts/segoe/Segoe-UI.ttf') format('truetype'); */
    src: url('fonts/segoe/Segoe_UI.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'segoIta';
    /* src: url('fonts/segoe/Segoe-UI-Italic.ttf') format('truetype'); */
    src: url('fonts/segoe/Segoe_UI_Italic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'AcuminN';
    src: url('fonts/acumin/Acumin-RPro.otf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'AcuminB';
    src: url('fonts/acumin/Acumin-BdPro.otf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'AcuminV';
    src: url('fonts/acuminvariable.otf') format('truetype');
    font-display: swap;
}


.carousel-item {
    background-size: cover;
    background-position: center;
}

.carousel-caption {
    background-color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    /* padding-top: 0;
    padding-bottom: 0; */
    padding: 0;
    color: #fff;
    text-align: center;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    border: none;
    box-shadow: none;
}

.whats {
    /* border: 1px solid #16FE83; */
    border-radius: 41px;
    text-align: center;
    font-family: 'segoIta';
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 2.2px;
    color: #16FE83;
    padding: 3px 16px;
    margin-right: 15px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1;
    justify-content: end;
    display: flex;
}

.whats a {
    color: #16FE83;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.whats a:hover {
    border-radius: 41px;
    background-color: #16fe82b7;

    text-decoration: none;
    border-radius: 41px;
    padding-inline: 1rem;
}

.whats:hover a,
.whats a:hover {
    color: white;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
}

/* .carousel-captionRedes {
    position: absolute;
    top: 35%;
    left: 2%;
    z-index: 2;
} */
.carousel-captionRedes {
    position: absolute;
    top: 40%;
    left: 2%;
    z-index: 2;
}

.cont-redes {
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: red; */
    flex-flow: column;
    width: 100%;
    gap: 10px;
}

.red a {
    text-decoration: none;
}

i.iconRed {
    font-size: 45px;
    color: #ffffff8c;
    transition: all .2s ease-in-out;
}

i.iconRed:hover {
    color: #ffffff;
}

.carousel-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    z-index: 2;
    padding: 0;
    margin: 0;
    background: transparent;
    top: 97.5%;
}

.textFoot,
.textFoot a {
    text-align: center;
    font-family: 'segoNor';
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1.4px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
    opacity: .7;
    text-decoration: none;
}


.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    text-indent: -999px;
    cursor: pointer;
    background-color: white;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    transform: rotateZ(45deg);
    /* gap: 50px; */
    /* display: flex; */
    border: 2px solid white;
    transition: all 0.3s ease;
}

.carousel-indicators .active {
    background-color: transparent !important;
    border: 2px solid white !important;
    transform: rotateZ(45deg);
}

/* Efecto blur al hacer hover en el contenedor de indicadores */
.carousel-indicators:hover [data-bs-target]:not(:hover) {
    filter: blur(1.5px);
    opacity: 0.7;
}

/* Estilo para el indicador específico que está siendo hover */
.carousel-indicators [data-bs-target]:hover {
    transform: scale(1.3);
    filter: blur(0);
    opacity: 1;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 40%;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    gap: 20px;
    top: 89%;
    /* background: red; */
    align-items: center;
    height: 5%;
    width: 19%;
}


.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 90%;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    /* background: red; */
    height: 3%;
    transition: all 0.3s ease;
}

.icPrNe {
    font-size: 20px;
    color: white;
}

.carousel-control-next {
    right: 35%;
}

.carousel-control-prev {
    left: 35%;
}

.carousel-control-next:hover {
    transform: translateX(15%) scale(1.1);
    opacity: 1;
}

.carousel-control-prev:hover {
    transform: translateX(-15%) scale(1.1);
    opacity: 1;
}
button.carousel-control-prev.movil,
button.carousel-control-next.movil {
    display: none;
    top: 45%;

}

.carousel-control-prev.movil {
    left: 4%;
}

.carousel-control-next.movil {
    right: 4%;
}

@media screen and (max-width:768px) {
    .carousel-footer {
        top: 96%;
    }
}
@media screen and (max-width:468px) {

    button.carousel-control-prev.movil,
    button.carousel-control-next.movil {
        display: block;
        top: 45%;

    }
}

/**********Primer Carousel*******************/
#index {
    height: 100vh;
}

.imgLum {
    filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, .4));
    width: 45%;
    opacity: 0;
    animation: imgLumF 1s ease-in forwards;
    margin: 4rem 0rem 4rem 0rem;
}

@keyframes imgLumF {
    0% {
        opacity: 0;
        /* transform: scale(0); */
        filter: blur(2rem);
    }

    50% {
        opacity: .5;
        filter: blur(1rem);
    }

    100% {
        opacity: 1;
        /* transform: scale(1); */
        filter: blur(0rem);
        /* filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, .4)); */
    }
}

.blurIm {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;

}

.blurIm::before {
    position: absolute;
    content: '';
    width: 50%;
    height: 45%;
    background-color: #822716;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(-1);
    border: 1.5px solid rgba(209, 213, 219, 0.3);
    z-index: 0;
    filter: blur(8rem);
    /* opacity: 1; */
}

.blurIm>* {
    position: relative;
    z-index: 1;
}


.titlSli1 {
    position: relative;
    text-align: center;
    font-family: 'AcuminV';
    font-weight: 200;
    font-size: 35px;
    letter-spacing: 3.5px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-style: italic;
    white-space: nowrap;
    /* animation: zoomArriba 1s ease-in-out forwards;
    animation-delay: 1.5s;
    opacity: 0; */
    /* opacity: 0; */
}

.titlSli1 span {
    /* display: inline-block; */
    animation: blur-text 1.5s linear alternate forwards;
    animation-delay: 10s;
    opacity: 0;
}

@keyframes blur-text {
    0% {
        filter: blur(0px);
        opacity: 0;
    }

    50% {
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}

/* Animaciones con retardo progresivo para cada letra */
.titlSli1 span:nth-child(1) {
    animation-delay: 0s;
}

.titlSli1 span:nth-child(2) {
    animation-delay: 0.1s;
}

.titlSli1 span:nth-child(3) {
    animation-delay: 0.2s;
}

.titlSli1 span:nth-child(4) {
    animation-delay: 0.3s;
}

.titlSli1 span:nth-child(5) {
    animation-delay: 0.4s;
}

.titlSli1 span:nth-child(6) {
    animation-delay: 0.5s;
}

.titlSli1 span:nth-child(7) {
    animation-delay: 0.6s;
}

.titlSli1 span:nth-child(8) {
    animation-delay: 0.7s;
}

.titlSli1 span:nth-child(9) {
    animation-delay: 0.8s;
}

.titlSli1 span:nth-child(10) {
    animation-delay: 0.9s;
}

.titlSli1 span:nth-child(11) {
    animation-delay: 1.0s;
}

.titlSli1 span:nth-child(12) {
    animation-delay: 1.1s;
}

.titlSli1 span:nth-child(13) {
    animation-delay: 1.2s;
}

.titlSli1 span:nth-child(14) {
    animation-delay: 1.3s;
}

.titlSli1 span:nth-child(15) {
    animation-delay: 1.4s;
}

.titlSli1 span:nth-child(16) {
    animation-delay: 1.5s;
}

.titlSli1 span:nth-child(17) {
    animation-delay: 1.6s;
}

.titlSli1 span:nth-child(18) {
    animation-delay: 1.7s;
}

.titlSli1 span:nth-child(19) {
    animation-delay: 1.8s;
}

.titlSli1 span:nth-child(20) {
    animation-delay: 1.9s;
}

.titlSli1 span:nth-child(21) {
    animation-delay: 2.0s;
}

.titlSli1 span:nth-child(22) {
    animation-delay: 2.1s;
}

.titlSli1 span:nth-child(23) {
    animation-delay: 2.2s;
}

.titlSli1 span:nth-child(24) {
    animation-delay: 2.3s;
}

.titlSli1 span:nth-child(25) {
    animation-delay: 2.4s;
}

.titlSli1 span:nth-child(26) {
    animation-delay: 2.5s;
}

.titlSli1 span:nth-child(27) {
    animation-delay: 2.6s;
}

.titlSli1 span:nth-child(28) {
    animation-delay: 2.6s;
}



.subTlSli1 {
    text-align: center;
    font-family: 'AcuminV';
    font-weight: 200;
    font-size: 30px;
    letter-spacing: 4.5px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.subTlSli1 span {
    animation: blur-text 1.5s linear alternate forwards;
    opacity: 0;
}

.subTlSli1 span:nth-child(1) {
    animation-delay: 2.0s;
}

.subTlSli1 span:nth-child(2) {
    animation-delay: 2.1s;
}

.subTlSli1 span:nth-child(3) {
    animation-delay: 2.2s;
}

.subTlSli1 span:nth-child(4) {
    animation-delay: 2.3s;
}

.subTlSli1 span:nth-child(5) {
    animation-delay: 2.4s;
}

.subTlSli1 span:nth-child(6) {
    animation-delay: 2.5s;
}

.subTlSli1 span:nth-child(7) {
    animation-delay: 2.6s;
}

.subTlSli1 span:nth-child(8) {
    animation-delay: 2.7s;
}

.subTlSli1 span:nth-child(9) {
    animation-delay: 2.8s;
}

.subTlSli1 span:nth-child(10) {
    animation-delay: 2.9s;
}

.subTlSli1 span:nth-child(11) {
    animation-delay: 3.0s;
}

.subTlSli1 span:nth-child(12) {
    animation-delay: 3.1s;
}

.subTlSli1 span:nth-child(13) {
    animation-delay: 3.2s;
}

.subTlSli1 span:nth-child(14) {
    animation-delay: 3.3s;
}

.subTlSli1 span:nth-child(15) {
    animation-delay: 3.4s;
}

.subTlSli1 span:nth-child(16) {
    animation-delay: 3.5s;
}

.subTlSli1 span:nth-child(17) {
    animation-delay: 3.6s;
}

.subTlSli1 span:nth-child(18) {
    animation-delay: 3.7s;
}

.subTlSli1 span:nth-child(19) {
    animation-delay: 3.8s;
}

.subTlSli1 span:nth-child(20) {
    animation-delay: 3.9s;
}

.subTlSli1 span:nth-child(21) {
    animation-delay: 4.0s;
}

.subTlSli1 span:nth-child(22) {
    animation-delay: 4.1s;
}

.subTlSli1 span:nth-child(23) {
    animation-delay: 4.2s;
}

.subTlSli1 span:nth-child(24) {
    animation-delay: 4.3s;
}

.subTlSli1 span:nth-child(25) {
    animation-delay: 4.4s;
}

.subTlSli1 span:nth-child(26) {
    animation-delay: 4.5s;
}

.subTlSli1 span:nth-child(27) {
    animation-delay: 4.6s;
}

.subTlSli1 span:nth-child(28) {
    animation-delay: 4.7s;
}

.subTlSli1 span:nth-child(29) {
    animation-delay: 4.8s;
}

.subTlSli1 span:nth-child(30) {
    animation-delay: 4.9s;
}

.subTlSli1 span:nth-child(31) {
    animation-delay: 5.0s;
}

.subTlSli1 span:nth-child(32) {
    animation-delay: 5.1s;
}

.subTlSli1 span:nth-child(33) {
    animation-delay: 5.2s;
}

.subTlSli1 span:nth-child(34) {
    animation-delay: 5.3s;
}

.subTlSli1 span:nth-child(35) {
    animation-delay: 5.4s;
}

.subTlSli1 span:nth-child(36) {
    animation-delay: 5.5s;
}

.subTlSli1 span:nth-child(37) {
    animation-delay: 5.6s;
}

.subTlSli1 span:nth-child(38) {
    animation-delay: 5.7s;
}

.subTlSli1 span:nth-child(39) {
    animation-delay: 5.8s;
}

.subTlSli1 span:nth-child(40) {
    animation-delay: 5.9s;
}

.subTlSli1 span:nth-child(41) {
    animation-delay: 6.0s;
}

.subTlSli1 span:nth-child(42) {
    animation-delay: 6.1s;
}

.subTlSli1 span:nth-child(43) {
    animation-delay: 6.2s;
}

.subTlSli1 span:nth-child(44) {
    animation-delay: 6.3s;
}

.subTlSli1 span:nth-child(45) {
    animation-delay: 6.4s;
}

.subTlSli1 span:nth-child(46) {
    animation-delay: 6.5s;
}

.subTlSli1 span:nth-child(47) {
    animation-delay: 6.6s;
}

.subTlSli1 span:nth-child(48) {
    animation-delay: 6.7s;
}

.subTlSli1 span:nth-child(49) {
    animation-delay: 6.8s;
}

.subTlSli1 span:nth-child(50) {
    animation-delay: 6.9s;
}

.subTlSli1 span:nth-child(51) {
    animation-delay: 7.0s;
}

.subTlSli1 span:nth-child(52) {
    animation-delay: 7.1s;
}

.subTlSli1 span:nth-child(53) {
    animation-delay: 7.2s;
}

.subTlSli1 span:nth-child(54) {
    animation-delay: 7.3s;
}

.subTlSli1 span:nth-child(55) {
    animation-delay: 7.4s;
}

.subTlSli1 span:nth-child(56) {
    animation-delay: 7.5s;
}

.subTlSli1 span:nth-child(57) {
    animation-delay: 7.6s;
}


@keyframes sparkle {
    0% {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    }

    50% {
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    }

    100% {
        text-shadow: 0 0 0px rgba(255, 255, 255, 0.8);
    }
}

@keyframes zoomArriba {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes opacidas {
    0% {
        /* opacity: 0; */
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.8));
    }

    50% {
        /* opacity: .5; */
        filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
    }

    100% {
        /* opacity: 1; */
        filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0.8));
    }
}

@media screen and (max-width:1440px) {
    .carousel-indicators {
        left: 38.5%;
        width: 23%;
        /* background: red; */
    }
}

@media screen and (max-width: 1366px) {
    .imgLum {
        width: 40%;
    }
        .carousel-indicators {
        left: 38%;
        width: 24%;
    }
}
@media screen and (max-width:1280px){
    .carousel-indicators {
        left: 37.5%;
        width: 25%;
    }
}
@media screen and (max-width:1138px) {
    .carousel-indicators {
        left: 35.5%;
        width: 30%;
    }

    .carousel-control-next {
        right: 31%;
    }

    .carousel-control-prev {
        left: 32%;
    }
}
@media screen and (max-width:1114px) {
    .imgLum {
        width: 50%;
    }

    .carousel-indicators {
        left: 36%;
        width: 28%;
    }

    .carousel-control-prev {
        left: 33%;
    }

    .carousel-control-next {
        right: 33%;
    }
}

@media screen and (max-width:1024px) {
    .carousel-indicators {
        left: 34%;
        width: 33%;
    }

    .carousel-control-prev {
        left: 30%;
    }

    .carousel-control-next {
        right: 29%;
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 90%;
    }
}

@media screen and (max-width:998px) {
    .subTlSli1 {
        text-align: center;
    }
    .carousel-indicators {
        left: 27%;
        width: 45%;
    }

    .carousel-control-prev {
        left: 25%;
    }

    .carousel-control-next {
        right: 26%;
    }
    .imgLum {
        width: 80%;
    }
}

@media screen and (max-width:912px) {
    .imgLum {
        width: 80%;
    }
}
@media screen and (max-width:834px){
    /*.carousel-indicators {*/
    /*    left: 34.5%;*/
    /*    width: 32%;*/
    /*}*/

    /*.carousel-control-prev {*/
    /*    left: 30%;*/
    /*}*/

    /*.carousel-control-next {*/
    /*    right: 30%;*/
    /*}*/
}
@media screen and (max-width:768px) {
    .carousel-indicators {
        left: 42.5%;
    }

    .carousel-indicators {
        left: 25%;
        width: 50%;
    }

    .carousel-control-prev {
        left: 21%;
    }

    .carousel-control-next {
        right: 21%;
    }
}

@media screen and (max-width:712px) {
    .imgLum {
        width: 80%;
    }


}

@media screen and (max-width:540px) {
    .titlSli1 {
        text-align: center;
        font-size: 20px;
        letter-spacing: 0.5px;
    }
    .subTlSli1 {
        font-size: 15px;
    }

    .carousel-indicators {
        width: 65%;
        top: 88%;
        left: 18%;
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 89%;
    }

    .carousel-control-prev {
        left: 12%;
    }

    .carousel-control-next {
        right: 11%;
    }

    i.iconRed {
        font-size: 30px;
    }

    .carousel-captionRedes {
        top: 37%;
    }

    .imgLum {
        width: 85%;
    }

    .carousel-footer {
        top: 95%;
    }

    .textFoot,
    .textFoot a {
        font-size: 10px;
    }
}

@media screen and (max-width:468px) {
    .carousel-indicators {
        margin: 0;
        padding: 0px 0 0px;
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        width: 50%;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
        top: 89%;
        left: 0;
        /* background: red; */
        gap: 0px;
    }


    .carousel-indicators [data-bs-target] {
        margin: 0px 10px 0px 10px;
        width: 10px;
        height: 10px;
    }

    .carousel-control-prev {
        left: 9%;
        display: none;
    }

    .carousel-control-next {
        right: 10%;
        display: none;
    }

    .whats {
        font-size: 17px;
    }

    .carousel-captionRedes {
        top: 50%;
    }
}

@media screen and (max-width:375px) {
    .carousel-footer {
        top: 94%;
        padding: 0px 10px 0px 10px;
    }

    .whats {
        font-size: 15px;
    }

    .titlSli1 {
        font-size: 20px;
    }

    .subTlSli1 {
        font-size: 20px;
    }
    .carousel-indicators {
        padding: 2px 0 0px;
    }
    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width:360px) {
    .carousel-indicators {
        padding: 5px 0 0px;
    }
}
@media screen and (max-width:320px) {
    .carousel-footer {
        top: 91%;
        padding: 0px 10px 0px 10px;
    }

    .textFoot,
    .textFoot a {
        font-size: 9px;
    }

    .subTlSli1 {
        font-size: 18px;
    }


    .carousel-indicators {
        top: 82%;
        /*width: 75%;
        left: 13%;*/
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 87%;
    }

    .carousel-control-prev {
        left: 40%;
    }

    .carousel-control-next {
        right: 44%;
    }

}

@media screen and (max-width:280px) {
    .carousel-control-next,
    .carousel-control-prev {
        top: 86%;
    }

    .carousel-control-next {
        right: 40%;
    }

    .carousel-control-prev {
        left: 36%;
    }

    /*.carousel-indicators {*/
    /*    left: 5%;*/
    /*    width: 90%;*/
    /*}*/
}

/************Filosofia***************/
#filosofia {
    height: 100vh;
}

.titlSli2 {
    position: relative;
    text-align: center;
    font-family: 'AcuminN';
    font-size: 55px;
    letter-spacing: 4.5px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 8rem;
    opacity: 0;
    animation: arriba 1s ease-in-out forwards;
}

@keyframes arriba {
    0% {
        transform: translatey(-26rem);
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
        transform: translatey(0rem);
    }
}

.titlSli2 .bol {
    text-align: center;
    font-family: 'AcuminB';
    font-weight: 900;
    font-size: 49px;
    letter-spacing: 4.9px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.subTlSli2 {
    text-align: center;
    font-family: 'AcuminN';
    font-size: 20px;
    color: #FFFFFF;
    padding: 0px 3rem 0px 3rem;
    margin: 0px;
    opacity: 0;
    animation: abajo 1s ease-in-out forwards;
    animation-delay: .3s;
}

@keyframes abajo {
    0% {
        transform: translatey(26rem);
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
        transform: translatey(0rem);
    }
}

.contSlider2 {
    /* background: red; */
    padding: 0rem 25rem;
}

.titlMov {
    display: none;
}

@media screen and (max-width:1440px) {
    .contSlider2 {
        padding: 0rem 11rem;
    }
}

@media screen and (max-width:1366px) {
    .contSlider2 {
        padding: 0rem 10rem;
    }

    .titlSli2 {
        font-size: 50px;
    }
}

@media screen and (max-width:1024px) {
    .contSlider2 {
        padding: 0rem 6rem;
    }

    .titlSli2 {
        font-size: 40px;
    }

    .titlSli2 .bol {
        font-size: 40px;
    }

    .subTlSli2 {
        padding: 0px 2rem 0px 2rem;
    }
}

@media screen and (max-width:998px) {
    .contSlider2 {
        padding: 0rem 4rem;
    }

    .subTlSli2 {
        padding: 0px 3rem 0px 3rem;
    }
}

@media screen and (max-width:768px) {
    .contSlider2 {
        padding: 0rem 4rem;
    }

    .titlSli2 {
        font-size: 30px;
    }

    .subTlSli2 {
        padding: 0px 0rem 0px 0rem;
        font-size: 19px;
    }

    .titlSli2 .bol {
        font-size: 35px;
    }
}

@media screen and (max-width:712px) {
    .subTlSli2 {
        margin-bottom: 15px;
    }

    .titlMov {
        display: block;
    }

    .titlEs {
        display: none;
    }
}

@media screen and (max-width:540px) {
    .contSlider2 {
        padding: 0rem 0.5rem;
    }

    .titlSli2 {
        font-size: 23px;
        margin-bottom: 3rem;
    }

    .titlSli2 .bol {
        font-size: 25px;
    }

    .subTlSli2 {
        padding: 0px 3rem 0px 3rem;
        font-size: 16px;
    }

}

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

    .titlSli2 {
        font-size: 19px;
        margin-bottom: 3rem;
    }

    .subTlSli2 {
        padding: 0px 3rem 0px 3rem;
        font-size: 14px;
    }

    .titlSli2 .bol {
        font-size: 20px;
    }
}

@media screen and (max-width:320px) {
    .titlSli2 {
        font-size: 18px;
        margin-bottom: 2rem;
    }

    .subTlSli2 {
        padding: 0px 2rem 0px 2rem;
        font-size: 13px;
    }
}

/******************contacto*****************/

#contacto {
    height: 100vh;
}

.fondo-contacto {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: scale(1.1);
    filter: blur(0.1px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../../images/luminares_contacto.webp');
}

.row.rowCon {
    height: 100%;
}

.flechas {
    position: relative;
}

.dFleF {
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 0;
}

.buscanos,
.llamanos,
.escribenos {
    height: 5rem;
    width: 20rem;
    position: absolute;
}

.contConta {
    height: 100%;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imgFlech {
    width: 80%;
}

.buscanos {
    top: 8.5%;
}

.llamanos {
    top: 22%;
}

.escribenos {
    top: 36%;
}

.direccion.brillo,
.telefono.brillo,
.correo.brillo,
.direccion.brillo2,
.telefono.brillo2,
.correo.brillo2 {
    transition: all .5s ease-in-out;
}


.direccion.brillo {
    /* animation: sparkle 4s ease-in-out infinite; */
    transform: scale(1.1) translateX(10%);
}

.telefono.brillo {
    transform: scale(1.1) translateX(10%);
}

.correo.brillo {
    transform: scale(1.1) translateX(10%);
}

.direccion.brillo2 {
    transform: scale(1) translateX(0%);
}

.telefono.brillo2 {
    transform: scale(1) translateX(0%);
}

.correo.brillo2 {
    transform: scale(1) translateX(0%);
}

.direccion,
.telefono,
.correo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.iconCont {
    font-size: 80px;
    padding: 0;
    margin: 0;
}

.conDir,
.conTel,
.contCor {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-flow: column;
    text-align: left;
    padding: 0px 0px 0px 10px;
}

.dFle2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.itemConta {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
    gap: 2rem;
}

.conDir p,
.conTel p,
.contCor p {
    text-align: left;
    font-size: 20px;
    font-family: 'segoNor';
    color: #FFFFFF;
    margin-bottom: 0px;
}

.titlForm {
    text-align: center;
    font-family: 'segoNor';
    font-size: 27px;
    color: #EEEEEF;
}

.formCotna {
    margin: 6rem 0rem 6rem 10rem;
    background: #ffffff47 0% 0% no-repeat padding-box;
    padding: 3rem;
}

.form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.form-control {
    padding: .5rem 0.5rem .5rem 0.5rem;
    border-radius: 0px;
    height: 2rem;
    border: none;
}

textarea.form-control {
    min-height: 3.5rem;
    resize: none;
}

.control-label {
    position: absolute;
    left: 3%;
    top: 9px;
    transition: all 0.3s ease;
    pointer-events: none;
    font-family: 'AcuminN';
    font-size: 18px;
    color: #B7B7B7;
    margin-bottom: 0px;
    line-height: 1;
    text-align: left;
}

input:focus+label,
input:valid+label,
textarea:focus+label,
textarea:valid+label {
    position: absolute;
    transform: translateY(-25px);
    box-shadow: none !important;
    background-color: transparent;
    color: rgb(255, 255, 255);
    left: 0;
    font-size: 15px;
}

.form-control:focus {
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}

.btn-formulario {

    background: transparent linear-gradient(180deg, #e4515d7e 0%, #f32c367e 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    width: 100%;
    text-align: center;
    border: 1px solid white;
    padding: 6px 6px 6px 6px;
    font-size: 20px;
    font-family: 'AcuminN';
    color: #FFFFFF;
    position: relative;
}

.btn-formulario:hover {
    color: white;
    box-shadow: 0 0 30px 0 #D98A00;
    background: transparent linear-gradient(180deg, #E4515E 0%, #F32C36 100%) 0% 0% no-repeat padding-box;
    transition: all 5s ease-out;
}


.btn-formulario:hover::before {
    animation: shine 1s 0s linear;
}


.btn-formulario:active {
    box-shadow: 0 0 0 0 transparent;
    transition: box-shadow 1s ease-in;
}

.btn-formulario:before {
    content: '';
    display: block;
    width: 35px;
    height: 90%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: rgb(255 255 255 / 50%);
    transform: skewX(328deg);
}

@keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 70%;
    }
}

.textCon {
    text-align: left;
    font-family: 'segoIta';
    font-size: 15px;
    color: #FFFFFF;
    margin: 15px 0px 0px 0px;
}

@media screen and (max-width:1440px) {
    .formCotna {
        margin: 6rem 0rem 6rem 0rem;
    }

    .paMov {
        margin: 0rem 0rem 0rem 2rem;
    }
}

@media screen and (max-width:1366px) {
    .formCotna {
        padding: 2rem;
    }

    .eleMov {
        display: none;
    }
}

@media screen and (max-width:1280px) {
    .titlForm {
        font-size: 20px;
    }

    .formCotna {
        margin: 0rem 0rem 0rem 0rem;
        padding: .5rem 2rem .5rem 2rem;
    }

    .textCon {
        font-size: 13px;
    }

}

@media screen and (max-width:1114px) {
    .flechas {
        display: none;
    }

    .formCotna {
        margin: 0rem 0rem 0rem 0rem;
        padding: 1rem 2rem 1rem 2rem;
    }

    .titlForm {
        font-size: 19px;
        margin-top: -.5rem;
    }

    .paMov {
        margin: 0rem 0rem 0rem 0rem;
        align-items: center;
    }

    .textCon {
        font-size: 13px;
    }

    .btn-formulario {
        padding: 5px 10px 5px 10px;
    }

}

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


    .paMov {
        margin: 0;
        align-items: center;
    }
}

@media screen and (max-width:998px) {
    .paMov {
        align-items: center;
    }

    .row.rowCon {
        padding: 0rem 0rem 0rem 2rem;
    }
}

@media screen and (max-width:834px) {
    .paMov {
        margin: 0rem 0rem 0rem 2rem;
        align-items: center;
    }
}

@media screen and (max-width:768px) {
    .titlForm {
        font-size: 22px;
    }

    .iconCont {
        font-size: 55px;
    }

    .conDir p,
    .conTel p,
    .contCor p {
        font-size: 16px;
    }

    .paMov {
        margin: 0rem 0rem 0rem 1rem;
        align-items: center;
    }

}

@media screen and (max-width:540px) {
    #contacto {
        height: 143vh;
    }

    .d-noneMovil {
        display: none
    }

    .row.rowCon {
        flex-flow: column-reverse;
        height: auto;
    }

    .dFle2 {
        display: flex;
        justify-content: initial;
        align-items: initial;
    }

    .row.rowCon {
        padding: 0rem 4rem 0rem 5rem;
    }

    .formCotna {
        margin: 4rem 0rem 1rem;
        padding: 1rem 2rem;
    }

    .titlForm {
        font-size: 18px;
    }

    .control-label {
        font-size: 13px;
    }

    input:focus+label,
    input:valid+label,
    textarea:focus+label,
    textarea:valid+label {
        font-size: 12px;
    }

    .btn-formulario {
        padding: 5px 5px 5px 5px;
        font-size: 15px;
        margin-top: -10px;
    }

    .textCon {
        margin: 10px 0px 0px 0px;
    }

    .paMov {
        padding: 0rem;
        margin: 0rem;
    }

    .conDir p,
    .conTel p,
    .contCor p {
        font-size: 13px;
    }

    .itemConta {
        flex-flow: column;
        gap: 2rem;
        padding: 2rem 4rem 0rem 4rem;
    }

    .iconCont {
        font-size: 40px;
    }
}

@media screen and (max-width:468px) {
    #contacto {
        height: 130vh;
    }

    .row.rowCon {
        padding: 0rem 1rem;
    }

    .formCotna {
        margin: 4rem 0rem 0rem;
        padding: 1rem 1rem;
    }

    .movDes {
        display: none;
    }

    .movDesC {
        justify-content: center;
        gap: 25px;
    }

    .form-control {
        height: 2.5rem;
        font-size: 15px;
    }

    .itemConta {
        padding: 1rem 4rem 0rem;
        gap: 1rem;
    }


    .paMov {
        margin: 0rem 0rem 1rem 0rem;
        padding: 0rem 3rem 0rem 3rem;
    }


    .textCon {
        font-size: 12px;
    }
}


/*414*/
@media screen and (max-width:414px) and (min-height:736px) {
    #contacto {
        height: 135vh;
    }
}

@media screen and (max-width:414px) and (min-height:896px) {
    #contacto {
        height: 115vh;
    }
}
/*390*/
@media screen and (max-width:390px) {
    #contacto {
        height: 130vh;
    }

    .paMov {
        padding: 0rem 2.5rem 0rem 3rem;
    }

    .form-control {
        height: 2rem;
    }
}

/*375*/
@media screen and (max-width:375px) and (min-height:667px) {
    #contacto {
        height: 150vh;
    }
}

@media screen and (max-width:375px) and (min-height:812px) {
    #contacto {
        height: 125vh;
    }
}


/*360*/
@media screen and (max-width:360px) and (min-height:640px) {
    #contacto {
        height: 165vh;
    }

    .itemConta {
        padding: 1rem 4rem 0rem 4rem;
    }
}

@media screen and (max-width:360px) and (min-height:740px) {
    #contacto {
        height: 140vh;
    }

    .itemConta {
        padding: 1rem 4rem 0rem 4rem;
    }
}

@media screen and (max-width:360px) and (min-height:800px) {
    #contacto {
        height: 135vh;
    }
}

@media screen and (max-width:344px) and (min-height:882px) {
    #contacto {
        height: 124vh;
    }
}

/*344*/
@media screen and (max-width:344px) and (min-height:882px) {
    #contacto {
        height: 124vh;
    }
}

/*320*/
@media screen and (max-width:320px) and (min-height:480px) {
    #contacto {
        height: 240vh;
    }
}

@media screen and (max-width:320px) and (min-height:568px) {
    #contacto {
        height: 200vh;
    }

    .itemConta {
        padding: 1rem 3rem 0rem;
        gap: 1rem;
    }
}

@media screen and (max-width:320px) and (min-height:658px) {
    #contacto {
        height: 175vh;
    }
}

@media screen and (max-width:280px) {
    #contacto {
        height: 180vh;
    }

    .itemConta {
        padding: 1rem 1rem 0rem 1rem;
    }

    .paMov {
        padding: 0rem 1.5rem 0rem 2rem;
    }
}
    
/*****************Servicios********************/
#servicios {
    height: 100vh;
}
.mtServ {
    margin-top: 3rem;
}

.contServ {
    text-align: left;
    font-size: 25px;
    font-family: 'AcuminN';
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.titlServ {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 90px;
    font-weight: bold;
    color: transparent;
    -webkit-text-stroke: 1px white;
    text-stroke: 2px white;
    letter-spacing: 0px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    padding: 0px;
    margin: 0px;
    font-family: 'AcuminN';
    font-family: 'AcuminB';
}

.dFlEn {
    display: flex
;
    justify-content: flex-end;
    margin: 0rem 3rem 0rem 0rem;
    align-items: flex-start;
}

@media screen and (max-width:1440px) {
    .dFlEn {
        margin: -7rem 4rem 0rem 1rem;
    }

    .titlServ {
        font-size: 100px;
    }
}

@media screen and (max-width:1366px) {
    .contServ {
        font-size: 22px;
    }

    .dFlEn {
        margin: 2rem 1rem 0rem 2rem;
    }

    .titlServ {
        font-size: 95px;
    }
}

@media screen and (max-width:1280px) {
    .dFlEn {
        margin: -3rem 0rem 0rem 2rem;
    }

    .titlServ {
        font-size: 80px;
    }
}

@media screen and (max-width:1024px) {
    .titlServ {
        writing-mode: initial;
        transform: rotate(0deg);
    }

    .dFlEn {
        margin: 3rem 0rem 0rem 0rem;
        justify-content: center;
    }

    .dfCen {
        justify-content: center;
    }
}

@media screen and (max-width:998px) {
    .contServ {
        font-size: 20px;
    }

    .dFlEn {
        margin: -2rem 0rem -1rem 0rem;
        justify-content: center;
    }

    .titlServ {
        font-size: 90px;
    }
}

@media screen and (max-width:820px) {
    .dFlEn {
        margin: 0rem 0rem 0rem 0rem;
        justify-content: center;
    }
}

@media screen and (max-width:768px) {
    .dFlEn {
        margin: 0rem 0rem 0rem 0rem;
        justify-content: center;
    }
}

@media screen and (max-width:540px) {
    #servicios {
        height: 120vh;
    }

    .contServ {
        font-size: 17px;
        margin-bottom: 0px;
        margin-top: 2rem;
    }

    .titlServ {
        font-size: 70px;
    }

    .dFlEn {
        margin: 0rem 0rem 0rem 0rem;
        justify-content: center;
    }
}

@media screen and (max-width:468px) {
    #servicios {
        height: 120vh;
    }

    .contServ {
        font-size: 16px;
        padding: 0rem 0rem 0rem 0rem;
        margin-bottom: 0;
    }

    .dFlEn {
        justify-content: center;
        margin: 0.5rem 0rem -0.5rem 0rem;
    }

    .titlServ {
        writing-mode: initial;
        transform: rotate(0deg);
        font-size: 55px;
    }
    .mtServ {
        margin-top: 0rem;
    }
}

@media screen and (max-width:430px) {
    .dFlEn {
        margin: -0.5rem 0rem -0.5rem 0rem;
    }

    #servicios {
        height: 105vh;
    }
}
/*414*/
@media screen and (max-width:414px) and (min-height:736px) {
    #servicios {
        height: 125vh;
    }
}
@media screen and (max-width:414px) and (min-height:896px) {
    #servicios {
        height: 105vh;
    }
}
/*390*/
@media screen and (max-width:393px) {
    #servicios {
        height: 118vh;
    }

}
@media screen and (max-width:390px) {
    #servicios {
        height: 115vh;
    }

}

/*375*/
@media screen and (max-width:375px) and (min-height:667px) {
    #servicios {
        height: 135vh;
    }
}

@media screen and (max-width:375px) and (min-height:812px) {
    #servicios {
        height: 115vh;
    }
}

/*360*/
@media screen and (max-width:360px) and (min-height:640px) {

    /***/
    #servicios {
        height: 140vh;
    }
}

@media screen and (max-width:360px) and (min-height:740px) {

    /***/
    #servicios {
        height: 120vh;
    }

}

@media screen and (max-width:360px) and (min-height:800px) {
    #servicios {
        height: 112vh;
    }
}

/*345*/
@media screen and (max-width:345px) {
    #servicios {
        height: 110vh;
    }
}

/*320*/
@media screen and (max-width:320px) and (min-height:480px) {
    #servicios {
        height: 210vh;
    }
}

@media screen and (max-width:320px) and (min-height:568px) {
    #servicios {
        height: 180vh;
    }

}

@media screen and (max-width:320px) and (min-height:658px) {
    #servicios {
        height: 150vh;
    }
}

/*280*/
@media screen and (max-width:280px) {
    #servicios {
        height: 150vh;
    }
}
/*****************Negocios********************/
#negocios {
    height: 100vh;
}

.titlSli5 {
    text-align: center;
    font-family: 'AcuminN';
    font-size: 55px;
    letter-spacing: 5.5px;
    text-transform: uppercase;
}

.titlSli5 span {
    font-family: 'AcuminB';
    font-weight: 900;
}

.subSli5 {
    text-align: center;
    font-family: 'AcuminN';
    font-size: 30px;
    color: #FFFFFF;
}

.titlSli5CoT {
    text-align: center;
    font-family: 'AcuminB';
    font-weight: 900;
    font-size: 40px;
    color: #FFFFFF;
}

.contSli5Co {
    text-align: center;
    font-family: 'AcuminN';
    font-size: 30px;
    color: #FFFFFF;
}

.paNeg {
    padding: 5rem 3rem 0rem 3rem;
}

.mtNeg {
    margin-top: 3rem;
}

/* 1440px */
@media screen and (max-width:1440px) {
    .titlSli5 {
        font-size: 50px;
        letter-spacing: 2px;
    }

    .paNeg {
        padding: 3rem 0rem 0rem 0rem;
    }

    .contSli5Co {
        font-size: 25px;
    }

    .titlSli5CoT {
        font-size: 35px;
    }
}

/* 1366px */
@media screen and (max-width:1366px) {
    .paNeg {
        padding: 7rem 0rem 0rem 0rem;
    }
}

@media screen and (max-width:1280px) {
    .paNeg {
        padding: 2rem 0rem 0rem 0rem;
    }

    .titlSli5 {
        font-size: 45px;
    }

    .titlSli5CoT {
        font-size: 30px;
    }

    .contSli5Co {
        font-size: 23px;
    }
}

/* 1024px - general para pantallas más altas como 1366px */
@media screen and (max-width:1024px) {
    .titlSli5 {
        font-size: 42px;
        letter-spacing: 2px;
    }

    .subSli5 {
        font-size: 25px;
        margin-bottom: 0px;
    }

    .imgFocNe {
        top: 70%;
        left: 50%;
    }
}

/* 1024x600 - pantalla más baja */
@media screen and (max-width: 1024px) and (max-height: 600px) {
    .titlSli5 {
        font-size: 36px;
    }

    .subSli5 {
        font-size: 20px;
    }

    .imgFocNe {
        top: 60%;
    }

    .titlSli5CoT {
        font-size: 25px;
    }

    .contSli5Co {
        font-size: 20px;
    }
}

/* 998px */
@media screen and (max-width:998px) {
    .paNeg {
        padding: 3rem 0rem 0rem 0rem;
    }

    .titlSli5CoT {
        font-size: 30px;
    }

    .contSli5Co {
        font-size: 20px;
    }
}

/* 768px */
@media screen and (max-width:768px) {
    .titlSli5 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .subSli5 {
        font-size: 20px;
    }

    .titlSli5CoT {
        font-size: 27px;
    }

    .paNeg {
        padding: 4rem 0rem 0rem 0rem;
    }
}

/* 712px */
@media screen and (max-width:712px) {
    .paNeg {
        padding: 6rem 0rem 0rem 0rem;
    }
}

/* 540px */
@media screen and (max-width:540px) {
    .titlSli5 {
        font-size: 22px;
    }

    .subSli5 {
        font-size: 15px;
    }

    .paNeg {
        padding: 2rem 1.5rem 0rem 1.5rem;
    }

    .titlSli5CoT {
        font-size: 24px;
    }

    .contSli5Co {
        font-size: 16px;
    }
}

/* 468px */
@media screen and (max-width:896px) and (max-height:468px) {
    .mtNeg {
        margin-top: 0rem;
    }

    .titlSli5 {
        font-size: 27px;
        margin-bottom: 0;
    }

    .paNeg {
        padding: 1.5rem 0rem 0rem 0rem;
    }

    .carousel-footer {
        top: 96%;
    }

    .titlSli5CoT {
        font-size: 25px;
    }

    .contSli5Co {
        font-size: 17px;
    }

}

/* @media screen and (max-width:468px) { */
@media screen and (max-width:468px) and (min-height:896px) {

    .titlSli5 {
        font-size: 20px;
        letter-spacing: 0px;
    }

    .paNeg {
        padding: 4rem 1.5rem 0rem 1.5rem;
    }

}

/* 430*932 */
@media screen and (max-width:932px) and (max-height:430px) {
    .mtNeg {
        margin-top: 0rem;
    }

    .titlSli5 {
        font-size: 27px;
        margin-bottom: 0;
    }

    .paNeg {
        padding: 1.5rem 0rem 0rem 0rem;
    }

    .carousel-footer {
        top: 95%;
    }

    .titlSli5CoT {
        font-size: 25px;
    }

    .contSli5Co {
        font-size: 17px;
    }
}

/* 390px */
@media screen and (max-width:390px) {
    .titlSli5 {
        font-size: 18px;
    }

    .mtNeg {
        margin-top: 2rem;
    }
}


/* 375px */
/* Ocultar en pantallas horizontales como 700x540 */
@media screen and (max-width:667px) and (max-height:375px) {
    .mtNeg {
        margin-top: 0rem;
    }

    .titlSli5 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .subSli5 {
        font-size: 17px;
    }

    .paNeg {
        padding: 1.5rem 0rem 0rem 0rem;
    }

    .titlSli5CoT {
        font-size: 25px;
        margin-bottom: 0.5rem;
    }

    .contSli5Co {
        font-size: 16px;
    }

    .textFoot,
    .textFoot a {
        font-size: 9px;
    }
}


@media screen and (max-width:375px) and (min-height:667px) {
    .mtNeg {
        margin-top: 1rem;
    }

    .titlSli5 {
        font-size: 17px;
    }

    .subSli5 {
        font-size: 14px;
    }

    .titlSli5CoT {
        font-size: 20px;
    }

    .contSli5Co {
        font-size: 14px;
    }

    .paNeg {
        padding: 2rem 1.5rem 0rem 1.5rem;
    }
}

/* 344px */
@media screen and (max-width:344px) {
    .mtNeg {
        margin-top: 3rem;
    }

    .paNeg {
        padding: 6rem 1.5rem 0rem 1.5rem;
    }
}

/* 320px */
@media screen and (max-width:658px) and (max-height:320px) {
    .paNeg {
        padding: 1rem 0rem 0rem 0rem;
    }

    .titlSli5CoT {
        font-size: 22px;
    }

    .carousel-footer {
        top: 95%;
    }
}

@media screen and (max-width:320px) and (min-height:658px) {
    .titlSli5 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .subSli5 {
        font-size: 13px;
    }

    .paNeg {
        padding: 3rem 1.5rem 0rem 1.5rem;
    }

    .titlSli5CoT {
        font-size: 18px;
    }

    .contSli5Co {
        font-size: 13px;
    }
}

/* 280 *653 */
@media screen and (max-width:653px) and (max-height:280px) {
    .paNeg {
        padding: 0rem 1rem 0rem 1rem;
    }
}

@media screen and (max-width:280px) and (min-height:653px) {
    .mtNeg {
        margin-top: 0rem;
    }

    .titlSli5 {
        font-size: 15px;
    }

    .subSli5 {
        font-size: 12px;
    }

    .paNeg {
        padding: 1rem 1.8rem 0rem 1.8rem;
    }

    .titlSli5CoT {
        font-size: 18px;
        margin-bottom: .5rem;
    }

    .contSli5Co {
        font-size: 13px;
    }
}


/**********mensaje final***************/
#mensaje {
    height: 100vh;
}

.fondo-mensaje {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: scale(1.1);
    filter: blur(0.1px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../../images/luminares-mensaje-final.webp');
}

.titlSliF {
    text-align: center;
    font-family: 'AcuminB';
    font-size: 61px;
    color: #E4515E;
}

.titlSliF2 {
    font-size: 45px;
    text-align: center;
    font-family: 'AcuminB';
    color: #E4515E;
}

.subTlSliF {
    text-align: center;
    font-family: 'AcuminN';
    font-size: 20px;
    color: #FFFFFF;
    opacity: 1;
}

.subTlSliF span {
    font-family: 'AcuminB';
    font-weight: bold;
}

.dlMen {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    gap: 20px;
    width: 100%;
}

.conAdBuM {
    margin: 1rem 0rem 2rem 0rem;
}

.textNormMen {
    margin: 3rem 0rem 3rem;
}

@media screen and (max-width:1280px) {
    .titlSliF {
        font-size: 50px;
    }

    .textNormMen {
        margin: 2rem 0rem 2rem;
    }
}

@media screen and (max-width:1114px) {
    .titlSliF {
        font-size: 40px;
    }

    .subTlSliF {
        font-size: 18px;
    }

    .titlSliF2 {
        font-size: 35px;
    }

    .dlMen {
        gap: 10px;
    }

    .textNormMen {
        margin: 1.5rem 0rem 1.5rem;
    }
}

@media screen and (max-width:768px) {
    .dlMen {
        gap: 10px;
        padding: 0rem 3rem 0rem 3rem;
    }
}

@media screen and (max-width:540px) {
    .titlSliF {
        font-size: 21px;
    }
}

@media screen and (max-width:468px) {
    .titlSliF2 {
        font-size: 20px;
    }

    .dlMen {
        gap: 30px;
        padding: 0rem 3rem 0rem 3rem;
    }
}

@media screen and (max-width:375px) {
    .dlMen {
        gap: 0px;
    }
}

@media screen and (max-width:360px) {
    .textNormMen {
        margin: 0rem 0rem 0rem;
    }

    .dlMen {
        gap: 7px;
        padding: 0rem 3rem 0rem 3rem;
    }

    .subTlSliF {
        font-size: 15px;
    }
}

@media screen and (max-width:280px) {
    .titlSliF {
        font-size: 16px;
    }

    .subTlSliF {
        font-size: 13px;
    }

    .dlMen {
        padding: 6rem 3rem 0rem 3rem;
        justify-content: start;
    }
}


/***************clientes**************/
#clientes {
    height: 100vh;
}

.fondo-clientes {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: scale(1.1);
    filter: blur(0.1px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../../images/luminares-clientes.webp');
}

.contImgMi {
    width: 100%;
    /* background: red; */
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    position: absolute;
}

.imgMicro {
    width: 20%;
}

.titlSliCli {
    text-align: center;
    font-size: 48px;
    font-family: 'AcuminN';
    color: #B41257;
    /* margin: 0; */
    margin-top: 1rem;
    margin-bottom: -1rem;
}

.subtSliCli {
    text-align: center;
    font-family: 'AcuminB';
    font-weight: 900;
    font-size: 34px;
    color: #E4515E;
    margin: 0;
}

.mtClien {
    margin-top: 1rem;
}

.textComent {
    font-family: 'AcuminN';
    text-align: center;
    font-size: 18px;
    color: #5E5E5E;
}

.textComent span {
    font-weight: 900;
}

.textComent a {
    color: #5E5E5E;
    /* text-decoration: no; */
}

.itemImgC {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-in-out;
}

.itemImgC:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.testimonios {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column;
    height: 100%;
    margin-top: 1rem;
}

.dMovil {
    display: none;
}

.imgComentario {
    width: 13%;
}

.pClie {
    padding: 0 5rem 0 0rem;
}

@media screen and (max-width:1440px) {
    .textComent {
        font-size: 16px;
    }

    .pClie {
        padding: 0 2rem 0 0rem;
    }
}

@media screen and (max-width:1366px) {
    .pClie {
        padding: 0 0rem 0 0rem;
    }

    #idtestimonios {
        margin-top: 2rem;
        justify-content: space-evenly;
    }
}

@media screen and (max-width:1280px) {
    .mtClien {
        margin-top: 1rem;
    }

    .textComent {
        font-size: 14px;
    }

    .itemImgC img {
        width: 75%;
    }


    .imgMicro {
        width: 18%;
    }

    .pClie {
        padding: 0 1rem 0 0rem;
    }
}

@media screen and (max-width:1114px) {
    .imgMicro {
        width: 15%;
    }

    .titlSliCli {
        font-size: 40px;
    }

    .subtSliCli {
        font-size: 30px;
    }

    #idtestimonios {
        margin-top: 0rem;
    }
}

@media screen and (max-width:1024px) {
    .titlSliCli {
        margin-top: 4rem;
    }

    .itemImgC {
        display: inline-block;
        margin: auto;
        align-items: normal;
    }

    .imgMicro {
        display: none;
    }

    .contImgMi {
        display: none;
    }

    #idtestimonios {
        margin-top: 0rem;
        justify-content: center;
    }

    .dEscri {
        display: none;
    }

    .dMovil {
        display: block;
    }

    .gMbMt {
        gap: 20px;
        margin-bottom: 4%;
        margin-top: 8%;
    }

    .pMovilPL {
        padding: 0rem 11rem 0rem 11rem;
    }
}



@media screen and (max-width:998px) {
    .pMovilPL {
        padding: 0rem 9rem 0rem 9rem;
    }

    .mtClien {
        margin-top: 1rem;
    }

    #idtestimonios {
        margin-top: 0rem;
        justify-content: flex-start;
    }

    .itemImgC img {
        width: 6em;
    }

    .gMbMt {
        margin-bottom: 3%;
        margin-top: 3%;
    }


    .contTexCom {
        margin: 1em 0;
    }
}

@media screen and (max-width:768px) {
    .pMovilPL {
        padding: 0rem 6rem 0rem 6rem;
    }

    #idtestimonios {
        margin-top: 3rem;
    }
}

@media screen and (max-width:712px) {
    .titlSliCli {
        font-size: 35px;
    }

    .subtSliCli {
        font-size: 28px;
    }

    #idtestimonios {
        margin-top: 4rem;
    }
}

@media screen and (max-width:540px) {
    #clientes {
        height: 130vh;
    }

    .titlSliCli {
        font-size: 27px;
    }

    .pMovilPL {
        padding: 0rem 3rem 0rem 3rem;
    }

    .gMbMt {
        margin-bottom: 3%;
        margin-top: 2%;
    }

    .subtSliCli {
        font-size: 23px;
    }

    .itemImgC img {
        width: 4.5em;
    }

    .imgComentario {
        width: 20%;
    }

    #idtestimonios {
        margin-top: 2rem;
    }
}

@media screen and (max-width:468px) {
    #clientes {
        height: 120vh;
    }

    .gMbMt {
        gap: 20px;
        margin-bottom: 7%;
        margin-top: 10%;
    }

    .titlSliCli {
        font-size: 20px;
        margin-bottom: -.4rem;
    }

    .subtSliCli {
        font-size: 17px;
    }

    .testimonios {
        justify-content: center;
    }

    .textComent {
        font-size: 13px;
    }

    .imgComentario {
        margin-bottom: 1rem;
    }

    .contTexCom {
        padding: 0rem .5rem 0rem .5rem;
    }

    .imgComentario {
        width: 26%;
    }

    #idtestimonios {
        margin-top: 0rem;
        justify-content: center;
    }

    .itemImgC img {
        width: 100%;
    }

    .pMovilPL {
        padding: 0rem 2rem 0rem 2rem;
    }
}

@media screen and (max-width:390px) {
    #clientes {
        height: 130vh;
    }

    #idtestimonios {
        margin-top: .5rem;
    }
}

@media screen and (max-width:375px) {
    #clientes {
        height: 110vh;
    }
}

@media screen and (max-width:360px) {
    #clientes {
        height: 145vh;
    }
}

@media screen and (max-width:344px) {
    #clientes {
        height: 120vh;
    }

    .titlSliCli {
        font-size: 18px;
    }

    .subtSliCli {
        font-size: 15px;
    }
}

@media screen and (max-width:320px) {
    #clientes {
        height: 163vh;
    }
}

@media screen and (max-width:280px) {
    .titlSliCli {
        font-size: 17px;
    }

    .subtSliCli {
        font-size: 14px;
    }

    #clientes {
        height: 175vh;
    }
}


/***********nosotros***************/
#nosotros {
    height: 100vh;
    background: transparent linear-gradient(179deg, #FBC870 0%, #FFA101 100%) 0% 0% no-repeat padding-box;
    /* border: 1px solid #707070; */
}

.imgNos.uno.movil {
    display: none
}

.flash-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    pointer-events: none;
    animation: flashOverlay 0.4s ease-in-out 2;
    z-index: 1;
}

@keyframes flashOverlay {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0.8;
    }

    60% {
        opacity: 0.4;
    }

    100% {
        opacity: 0;
    }
}

.imgEfS {
    animation: imgOpa 0.6s ease-out forwards;
    opacity: 0;
}

@keyframes imgOpa {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Optimización para renderizado */
#imgN1,
#imgN2 {
    will-change: opacity, transform;
    backface-visibility: hidden;
}

.dFlCN {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
}

.titlSliNos {
    text-align: center;
    font-family: 'AcuminB';
    font-weight: 900;
    font-size: 127px;
    color: #FBC870;
    -webkit-text-stroke: 1px #FFFFFF;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    /* font-size: 100px; */
    text-stroke: 2px white;
    text-align: center;
    /* background: red; */
    margin: 0px;
    padding: 0px;
}

.dFlCe {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6rem;
}

.cubtiNoso {
    text-align: left;
    font-family: 'AcuminN';
    font-size: 20px;
    color: #363636;
    margin-bottom: 0px;
}

.cubtiNoso span {
    font-family: 'AcuminB';
    font-weight: 900;
}

.cubtiNoso .sub2 {
    font-family: 'AcuminB';
    font-weight: 900;
    font-size: 30px;
}

.imgNos {
    width: 12.5%;
    position: absolute;
}

img.imgNos.uno {
    top: -21%;
    left: 60%;
    transform: rotate(-30deg);
}

img.imgNos.dos {
    top: 10%;
    left: 87%;
    transform: rotate(-30deg);
}

.imgScroll {
    display: none;
}

.dFlRo {
    height: 100%;
}

@media screen and (max-width:1440px) {
    img.imgNos.uno {
        top: -15%;
    }
}

@media screen and (max-width:1366px) {
    img.imgNos.dos {
        top: 5%;
        left: 85%;
    }

    img.imgNos.dos {
        top: 6%;
        left: 89%;
    }

    .imgNos {
        width: 14.5%;
    }
}

@media screen and (max-width:1280px) {
    .titlSliNos {
        font-size: 100px;
    }

    .cubtiNoso {
        font-size: 16px;
    }

    .cubtiNoso .sub2 {
        font-size: 25px;
    }

    .imgNos {
        width: 13.5%;
    }

    img.imgNos.uno {
        top: -16%;
        left: 63%;
    }

    img.imgNos.dos {
        left: 87%;
    }
}

@media screen and (max-width:1194px) {
    .titlSliNos {
        font-size: 100px;
        writing-mode: initial;
        transform: rotate(0deg);
    }

    .dFlCe {
        margin-left: 0rem;
    }

    .dFlRo {
        align-items: flex-start;
        flex-flow: column;
        justify-content: center;
    }

    .dFlCN {
        padding-left: 6rem;
        padding-right: 4rem;
    }
}

@media screen and (max-width:1024px) {
    .titlSliNos {
        font-size: 110px;
        transform: rotate(0deg);
        writing-mode: initial;
    }

    .dFlCe {
        margin-left: 0rem;
        margin-bottom: 4rem;
    }

    .dFlRo {
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .dFlCN {
        padding-left: 0rem;
    }

    .imgNos {
        width: 20%;
    }

    #imgN1,
    #imgN2 {
        display: flex;
        opacity: 1;
        z-index: -1;
    }

    img.imgNos.uno {
        top: -15%;
        left: 10%;
        transform: rotate(40deg);
    }

    img.imgNos.dos {
        top: 60%;
        left: 69%;
        transform: rotate(40deg);
    }

    .cubtiNoso {
        font-size: 22px;
    }

    .cubtiNoso .sub2 {
        font-size: 30px;
    }
}

@media screen and (max-width:998px) {
    .titlSliNos {
        font-size: 90px;
        transform: rotate(0deg);
        writing-mode: initial;
    }

    .dFlRo {
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .dFlCe {
        margin-left: 0rem;
    }

    .imgNos {
        width: 15%;
    }

    img.imgNos.uno {
        top: -16%;
        left: 6%;
    }

    img.imgNos.dos {
        top: 63%;
        left: 78%;
    }
}

@media screen and (max-width:912px) {
    img.imgNos.uno {
        top: -15%;
        left: 11%;
    }

    img.imgNos.dos {
        top: 60%;
        left: 63%;
    }

    .imgNos {
        width: 23%;
    }
}

@media screen and (max-width:884px) {
    .imgNos {
        width: 20%;
    }

    img.imgNos.uno {
        top: -19%;
        left: 9%;
    }

    img.imgNos.dos {
        top: 55%;
        left: 70%;
    }
}

@media screen and (max-width:820px) {
    .imgNos {
        width: 23%;
    }

    img.imgNos.dos {
        top: 60%;
        left: 65%;
    }

    img.imgNos.uno {
        top: -20%;
        left: 10%;
    }
}

@media screen and (max-width:768px) and (min-height:1024px) {
    .titlSliNos {
        font-size: 70px;
    }

    .cubtiNoso .sub2 {
        font-size: 20px;
    }

    .dFlCe {
        justify-content: center;
        padding: 0;
    }

    img.imgNos.uno {
        top: -20%;
        left: 10%;
    }

    img.imgNos.dos {
        top: 57%;
        left: 65%;
    }
}

@media screen and (max-width:1024px) and (max-height:768px) {
    .titlSliNos {
        font-size: 70px;
    }

    .cubtiNoso .sub2 {
        font-size: 20px;
    }

    .dFlCe {
        justify-content: center;
        padding: 0;
    }

    .imgNos {
        width: 13%;
    }

    img.imgNos.uno {
        top: -20%;
        left: 5%;
    }

    img.imgNos.dos {
        top: 57%;
        left: 80%;
    }
}



@media screen and (max-width:720px) and (max-height:1114px) {
    .imgNos {
        width: 20%;
    }

    img.imgNos.uno {
        top: -12%;
        left: 9%;
    }

    img.imgNos.dos {
        top: 67%;
        left: 70%;
    }

    .dFlCN {
        padding-right: 0rem;
    }
}

@media screen and (max-width:712px) and (max-height:1138px) {
    img.imgNos.dos {
        top: 63%;
    }

    img.imgNos.uno {
        top: -17%;
    }
}


@media screen and (max-width:720px) and (max-height:540px) {
    .titlSliNos {
        font-size: 70px;
        transform: rotate(0deg);
        writing-mode: initial;
    }

    #imgN1,
    #imgN2 {
        display: none;
    }

    .dFlCN {
        padding: 0rem 0rem;
        position: relative;
    }

    .cubtiNoso {
        font-size: 16px;
    }

    .cubtiNoso .sub2 {
        font-size: 17px;
    }

    .dFlCe {
        margin-top: 4rem;
        margin-bottom: .5rem;
    }

    .dFlRo {
        height: 100%;
        justify-content: flex-start;
    }
}

@media screen and (max-width:600px) {
    .dFlCe {
        margin-bottom: 0rem;
    }

    .titlSliNos {
        font-size: 70px;
    }

    .cubtiNoso {
        font-size: 20px;
    }

    .cubtiNoso .sub2 {
        font-size: 22px;
    }

    img.imgNos.uno {
        top: -12%;
    }

    img.imgNos.dos {
        top: 70%;
    }
}

@media screen and (max-width:540px) and (min-height:720px) {

    .titlSliNos {
        font-size: 70px;
        transform: rotate(0deg);
        writing-mode: initial;
    }

    .imgNos.uno.movil {
        display: flex;
        padding: 0px;
    }

    #imgN1,
    #imgN2 {
        display: none;
    }

    .dFlCN {
        padding: 0rem 3rem;
        position: relative;
    }

    .cubtiNoso {
        font-size: 16px;
    }

    .cubtiNoso .sub2 {
        font-size: 17px;
    }

    .dFlCe {
        margin-top: 4rem;
        margin-bottom: .5rem;
    }

    .dFlRo {
        height: 100%;
        justify-content: flex-start;
    }

    .imgNos {
        width: 100%;
    }

    img.imgNos.uno {
        transform: rotate(0deg);
        top: 60%;
        left: 0%;
    }
}

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

    #imgN1,
    #imgN2 {
        display: none;
    }

    .imgNos.uno.movil {
        display: flex;
        padding: 0px;
    }

    .titlSliNos {
        -webkit-text-stroke: 1px #ffffff;
        font-size: 55px;
    }

    .cubtiNoso {
        font-size: 15px;
    }

    .cubtiNoso .sub2 {
        font-size: 16px;
    }

    .dFlCN {
        padding: 0rem 3rem 0rem 3rem;
    }

    .dFlCe {
        justify-content: center;
        margin-top: 3rem;
        margin-bottom: 2rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    .dFlRo {
        justify-content: flex-start;
        align-items: center;
        flex-flow: column;
    }
    .imgNos {
        width: 100%;
    }

    img.imgNos.uno {
        top: 63%;
        transform: rotate(0deg);
        left: 0%;
    }
}
@media screen and (max-width:430px) {
    .dFlCe {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:414px) {
    .dFlCe {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}
@media screen and (max-width:390px){

    #imgN1,
    #imgN2 {
        display: none;
    }

    .imgNos.uno.movil {
        display: flex;
        padding: 0px;
    }

    .titlSliNos {
        -webkit-text-stroke: 1px #ffffff;
        font-size: 55px;
    }

    .cubtiNoso {
        font-size: 14px;
    }

    .cubtiNoso .sub2 {
        font-size: 15px;
    }

    .dFlCN {
        padding: 0rem 3rem 0rem 3rem;
    }

    .imgNos {
        width: 100%;
    }

    img.imgNos.uno {
        top: 67%;
        transform: rotate(0deg);
        left: 0%;
    }

    .dFlCe {
        margin-top: 3rem;
        margin-bottom: 1rem;
        padding: 0rem 0rem 0rem 0rem;
    }

    .dFlRo {
        justify-content: flex-start;
        align-items: center;
        flex-flow: column;
    }

}
@media screen and (max-width:375px) {
    .dFlRo {
        justify-content: flex-start;
    }

    .dFlCe {
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    .titlSliNos {
        font-size: 45px;
    }

    .cubtiNoso {
        font-size: 13px;
    }

    .cubtiNoso .sub2 {
        font-size: 14px;
    }
}
@media screen and (max-width:360px) {
    .dFlCe {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
}
@media screen and (max-width:320px) {
    .cubtiNoso {
        font-size: 11px;
    }

    .cubtiNoso .sub2 {
        font-size: 13px;
    }
}
@media screen and (max-width:280px) {
    .dFlCe {
        margin-top: 3rem;
        margin-bottom: 0rem;
    }
}
/*********Book*******/
#book {
    height: 100vh;
    background: transparent linear-gradient(180deg, #E4515E 0%, #FFABB2 100%) 0% 0% no-repeat padding-box;
}

.parent {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    overflow: hidden;
}

.div1 {
    cursor: pointer;
    position: relative;
    grid-area: 1 / 1 / 3 / 3;
}

.div2 {
    cursor: pointer;
    position: relative;
    grid-area: 3 / 1 / 4 / 2;
}

.div3 {
    cursor: pointer;
    grid-area: 4 / 1 / 5 / 2;
}

.div4 {
    cursor: pointer;
    position: relative;
    grid-area: 4 / 2 / 5 / 3;
}

.div5 {
    cursor: pointer;
    grid-area: 3 / 2 / 4 / 3;
}

.div6 {
    cursor: pointer;
    position: relative;
    grid-area: 1 / 3 / 2 / 4;
}

.div7 {
    cursor: pointer;
    position: relative;
    grid-area: 1 / 4 / 2 / 5;
}

.div8 {
    cursor: pointer;
    grid-area: 2 / 4 / 3 / 5;
}

.div9 {
    cursor: pointer;
    position: relative;
    grid-area: 2 / 3 / 3 / 4;
}

.div10 {
    cursor: pointer;
    position: relative;
    grid-area: 3 / 3 / 5 / 5;
}

.div11 {
    cursor: pointer;
    position: relative;
    grid-area: 1 / 5 / 2 / 6;
}

.div12 {
    cursor: pointer;
    position: relative;
    grid-area: 2 / 5 / 3 / 6;
}

.div13 {
    cursor: pointer;
    position: relative;
    grid-area: 3 / 5 / 4 / 6;
}

.div14 {
    cursor: pointer;
    grid-area: 4 / 5 / 5 / 6;
}

.div15 {
    cursor: pointer;
    position: relative;
    grid-area: 3 / 6 / 4 / 7;
}

.div16 {
    cursor: pointer;
    position: relative;
    grid-area: 3 / 7 / 4 / 8;
}

.div17 {
    cursor: pointer;
    position: relative;
    grid-area: 4 / 7 / 5 / 8;
}

.div18 {
    cursor: pointer;
    position: relative;
    grid-area: 4 / 6 / 5 / 7;
}

.div19 {
    cursor: pointer;
    position: relative;
    grid-area: 1 / 6 / 3 / 8;
}

.iconRepro {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    color: #ffffffb5;
}

.titlSliBo {
    text-align: center;
    font-size: 30px;
    font-family: 'AcuminB';
    font-weight: 900;
    color: #F1EEEA;
    margin-bottom: 0;
}

.subSliBo {
    text-align: center;
    font-weight: 900;
    font-family: 'AcuminB';
    font-size: 90px;
    color: transparent;
    -webkit-text-stroke: 1px #FBC870;
    text-stroke: 1px #FBC870;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.dfRBo {
    justify-content: center;
    align-items: center;
}

.dfCeBo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem 2rem 0rem -2rem;
}

.dfGriBo {
    margin-top: -5rem;
}

.swal2-html-container {
    padding: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    background-color: transparent !important;
    background: transparent !important;
}


.splide__track--nav>.splide__list>.splide__slide {
    border: none !important;
    cursor: pointer;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: none !important;
}

.anBok {
    will-change: opacity, transform;
    animation-name: animateIn2;
    animation-duration: 700ms;
    /* Más largo = más suave */
    animation-delay: calc(var(--animation-order) * 100ms);
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}

@keyframes animateIn2 {
    0% {
        opacity: 0;
        transform: scale(0.6) translateY(-8px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}



@media screen and (max-width:1440px) {
    .subSliBo {
        font-size: 60px;
    }
}

@media screen and (max-width:1280px) {
    .dfCeBo {
        padding: 0rem 0rem 0rem 0rem;
        margin: 0rem 1rem 0rem -1rem;
    }
}

@media screen and (max-width:1114px) {
    .titlSliBo {
        font-size: 25px;
    }

    .subSliBo {
        font-size: 45px;
    }
}

@media screen and (max-width:1024px) {
    .dfRBo {
        flex-flow: column;
    }

    .dfGriBo {
        margin-top: 2rem;
    }

    .dfCeBo {
        padding: 0rem 0rem 0rem 0rem;
        margin: 0rem 0rem 0rem 0rem;
        width: 100%;
    }

    .dfGriBo {
        margin-top: 0rem;
    }
}

@media screen and (max-width:998px) {
    .dfGriBo {
        margin-top: 0rem;
    }

    .dfGriBo {
        margin-top: 0rem;
        padding: 0rem 5rem;
    }

    .iconRepro {
        font-size: 2.5rem;
    }
}


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

    .dfCeBo {
        padding: 0rem 0rem 0rem 0rem;
        margin: 4rem 0rem 0rem 0rem;
        width: 100%;
    }

    .dfRBo {
        justify-content: flex-start;
    }

    /* Mantenemos todos los divs visibles */
    .parent>div {
        display: block !important;
        grid-area: auto !important;
    }

    /* Grid responsivo */
    .parent {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* grid-auto-rows: minmax(150px, auto); */
        /* grid-template-columns: repeat(2, 1fr); */
        grid-template-rows: repeat(4, 1fr);
        /* Filas flexibles */
        grid-gap: 8px;
        width: 100%;
    }

    /* Contenedor de scroll bien configurado */
    .scrO {
        width: 100%;
        height: 65vh;
        /* Altura basada en viewport */
        overflow-y: auto;
        /* Scroll vertical cuando sea necesario */
        -webkit-overflow-scrolling: touch;
        /* Scroll suave en iOS */
        display: block;
        /* Quitamos flex para mejor comportamiento */
        padding: 0 1rem;
        /* Pequeño padding lateral */
        box-sizing: border-box;
    }

    /* Ocultar scrollbar visual pero mantener funcionalidad */
    .scrO::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }

    /* Asegurar que las imágenes no desborden */
    .splide__slide img,
    [class*="video"] img {
        width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
    }
    .div1 {
        order: 9;
    }

    .div2 {
        order: 10;
    }

    .div3 {
        order: 1;
    }

    .div4 {
        order: 2;
    }

    .div5 {
        order: 11;
    }

    .div6 {
        order: 3;
    }
    .div7 {
        order: 12;
    }
    .div8 {
        order: 13;
    }

    .div9 {
        order: 4;
    }

    .div10 {
        order: 5;
    }

    .div11 {
        order: 6;
    }
    .div12 {
        order: 14;
    }
    .div13 {
        order: 15;
    }
    .div14 {
        order: 16;
    }

    .div15 {
        order: 7;
    }

    .div16 {
        order: 8;
    }
    .div17 {
        order: 17;
    }
    .div18 {
        order: 18;
    }
    .div19 {
        order: 19;
    }
    .dfGriBo {
        margin-top: 0rem;
        padding: 0rem 5rem;
    }

    .titlSliBo {
        font-size: 30px;
    }

    .subSliBo {
        font-size: 75px;
    }

}

@media screen and (max-width:540px) {
    .dfRBo {
        justify-content: flex-start;
    }

    .dfCeBo {
        margin: 3rem 0rem 0rem 0rem;
    }

    .dfGriBo {
        margin-top: 0rem;
        padding: 0rem 3.5rem;
    }



    .titlSliBo {
        font-size: 25px;
    }

    .subSliBo {
        font-size: 55px;
    }

    .scrO {
        height: 60vh;
    }

}

@media screen and (max-width:468px) {
    .dfCeBo {
        padding: 0rem 0rem 0rem 0rem;
        margin: 5rem 0rem 0rem 0rem;
        width: 95%;
    }

    .swal2-close {
        display: flex;
        top: -3rem;
        position: relative;
        left: 1rem;
    }


}

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

    .scrO {
        height: 55vh;
    }
}

@media screen and (max-width:390px) {
    .scrO {
        height: 50vh;
    }
}

@media screen and (max-width:360px) {
    .dfCeBo {
        padding: 0rem 0rem 0rem 0rem;
        margin: 3rem 0rem 0rem 0rem;
    }


}

@media screen and (max-width:375px) {
    .dfCeBo {
        margin: 3rem 0rem 0rem 0rem;
    }

    .scrO {
        height: 55vh;
    }
}

@media screen and (max-width:344px) {
    .dfCeBo {
        margin: 3rem 0rem 0rem 0rem;
    }

    .scrO {
        height: 62vh;
    }
}


@media screen and (max-width:320px) {
    .dfGriBo {
        margin-top: 0rem;
        padding: 0 3rem;
    }

    .dfCeBo {
        margin: 2rem 0 0 0;
        width: 100%;
    }

    .titlSliBo {
        font-size: 20px;
    }

    .subSliBo {
        font-size: 40px;
    }

    .scrO {
        height: 45vh;
    }
}

@media screen and (max-width:280px) {
    .dfCeBo {
        margin: 2rem 0rem 0rem 0rem;
    }

    .scrO {
        height: 59vh;
    }
}