/* Paleta de colores */
:root{
    /* Pricipales */
    --Primario:#13226E;
    --Secundario:#CA3030;
    --info:#2194F3;
    --Fonts: #FFFFFF;

    /* Accion */
    --Warning:#FBC02D;
    --Warning2:#fbc12d49;
    --Error:#E53835;
    --Success:#2E7D31;

    /* Neutral */
    --Neutral-1:#263238;
    --Neutral-2:#4D4D4D;
    --Neutral-3:#717171;
    --Neutral-4:#89939E;
    --Neutral-5:#ABBED1;
    --Neutral-6:#F5F7FA;

    /* Sombras */
    --Shadow-1:#111F63;
    --Shadow-2:#0F1B58;
    --Shadow-3:#0D184D;
    --Shadow-4:#0B1442;
    --Shadow-5:#0A1137;
    --Shadow-7:rgba(14, 24, 124, 0.822);

    /* Tintas */
    --Shadow-1:#2B387D;
    --Shadow-2:#424E8B;
    --Shadow-3:#5A649A;
    --Shadow-4:#717AA8;
    --Shadow-5:#8991B7;
    --Shadow-6:rgba(206, 226, 243,0.2);
}
@media screen and (width = 540px){

    /* Header Section */

        .header{
            justify-content: right;
        }
            .header__nav--a:nth-child(2), .header__nav--a:nth-child(1){
                background-color: transparent;
                font-weight: 500;
                font-size: 0.7em;
            }

                .header__nav--a:nth-child(2):hover, .header__nav--a:nth-child(1):hover{
                    filter: invert(50%) sepia(100%) saturate(500%);
                    text-shadow: 1px 1px 8px var(--Fonts);
                }

            .header__div--a:nth-child(1), .header__div--a:nth-child(2){
                background-color: transparent;
                font-size: 1em;
                color: var(--Fonts);
            }

                .header__div--a:nth-child(1):hover{
                    filter: invert(50%) sepia(100%) saturate(500%);
                    text-shadow: 1px 1px 8px var(--Fonts);
                }
                

                .header__div--a:nth-child(2):hover{
                    filter: invert(50%) sepia(100%) saturate(500%);
                    text-shadow: 1px 1px 8px var(--Fonts);
                }
           
            .header__div:nth-child(1){
                display: none;
            }
                

    /* Hero Section */

    .hero{
        margin-top: -3.5rem;
        max-width: 2560px;
        min-width: 375px;
    }
        .hero__article--h1{
            width: 75%;
            font-size: 1.5em;
            margin-bottom: 1em;
            line-height: 1.2;
        }

        .hero__article:nth-of-type(2) {
            display: none;
        }

    /* Seccion Speech Mision & reviews */

        .speech-container__article,  .speech-container__aside{
            width: 18em;
            height: 20em;
            padding: 0.2em;
            font-size: 0.8em;
        }

            .speech-container__aside--div__p, .speech-container__article--p{
                font-size: medium;
            }
            .speech-container__aside--h2, .speech-container__article--h2{
                font-size: large;
                font-weight: 600;
            }

            .speech-container__aside--div__span{
                font-size: medium;
            }


    /* Seccion socios */
        .socios-container__div--ul__li{
            font-size: 0.7em;
            padding: 2px 8px;
        }

    /* Seccion de servicios */

    .Servicios-container__article{
        width: 10em;
        height: 23em;
    }

        .Servicios-container__article--div__p{
            font-size: small;
        }

        .Servicios-container__article--a{
            width: 11.6em;
            text-align: center;
            background-color: var(--info);
            border-radius: 5em;
            font-size: small;
        }

    /* Footer */
    /* Seccion footerUP */

        .footerUp__div:nth-child(1){
            width: 7em;
        }

        .footerUp__div:nth-child(2), .footerUp__div:nth-child(3){
            color: var(--Fonts);
            font-weight: 300;
            justify-items: center;
        }

        .footerUp__div:nth-child(2) h3{
            font-size: 0.9em;
        }

            .footerUp__div:nth-child(2) li{
                font-size: 0.8em;
            }

        .footerUp__div:nth-child(3){
            width: 10em;
        }

            .footerUp__div:nth-child(3) h3, .footerBottom__div:nth-child(1) h3{
                font-size: 1.2em;
            }

            .footerUp__div--a{
                font-size: 0.9em;
            }

    /* Seccion footerBottom */

        .footerBottom__div:nth-child(1){
            justify-items: center;
        } 

            .footerBottom__div:nth-child(1) span{
                font-size: medium;
            } 

        .footerBottom__div:nth-child(2){
            font-size: 0.78em;
        } 
            .footerBottom__div:nth-child(2) span{
                font-size: small;
            } 

        .footerBottom__section{
            font-size: small;
        }
}


@media screen and (768px <= width < 1024px) {
     /* Header Section */

     .header{
        justify-content: right;
    }

        .header__nav--a:nth-child(2), .header__nav--a:nth-child(1){
            background-color: transparent;
            font-weight: 500;
            font-size: 0.9em;
        }

            .header__nav--a:nth-child(2):hover, .header__nav--a:nth-child(1):hover{
                filter: invert(50%) sepia(100%) saturate(500%);
                text-shadow: 1px 1px 8px var(--Fonts);
            }

        .header__div--a:nth-child(1), .header__div--a:nth-child(2){
            background-color: transparent;
            font-size: 1.25em;
            color: var(--Fonts);
        }

            .header__div--a:nth-child(1):hover{
                filter: invert(50%) sepia(100%) saturate(500%);
                text-shadow: 1px 1px 8px var(--Fonts);
            }
            

            .header__div--a:nth-child(2):hover{
                filter: invert(50%) sepia(100%) saturate(500%);
                text-shadow: 1px 1px 8px var(--Fonts);
            }
       
        .header__div:nth-child(1){
            display: none;
        }
            

/* Hero Section */

.hero{
    margin-top: -3.5rem;
    max-width: 2560px;
    min-width: 375px;
}
    .hero__article:nth-of-type(1){
        height: 20em; 
    }

    .hero__article:nth-of-type(2) {
        display: none;
    }

        .hero__article--h1{
            width: 75%;
            font-weight: 600;
            font-size: 1.8em;
            margin-bottom: 1.5em;
            line-height: 1.2;
        }
        
/* Play block */
        .hero__article--section__div:nth-child(2) {
            width: 40px;
            height: 40px;
        }
            .hero__article--section__a{
                font-size: 0.9em;
                width: 9em;
                height: 2.5em;
            }

/* Seccion Speech Mision & reviews */

    .speech-container__article,  .speech-container__aside{
        width: 20em;
        height: 25em;
        padding: 0.2em;
        font-size: 0.8em;
    }

        .speech-container__aside--div__p, .speech-container__article--p{
            font-size: large;
            line-height: 1.5;
        }
        .speech-container__aside--h2, .speech-container__article--h2{
            font-size: large;
            margin-bottom: 0.5em;
            font-weight: 600;
        }

        .speech-container__aside--span{
            margin-bottom: 0.5em;
        }

        .speech-container__aside--div__span{
            font-size: medium;
            margin-top: 0.5em;
        }

/* Seccion Socios */

    .socios-container__img{
        filter: brightness(0) saturate(100%) invert(11%) 
            sepia(35%) saturate(6087%) hue-rotate(222deg) 
            brightness(91%) contrast(94%);
        width: 5em;
    }

    @keyframes runSlider{
        from{
            transform: translateX(0);
        }
        to{
            transform: translateX(calc(100px * 12));
        }
    }

    .socios-container__div--ul__li{
        font-size: 1em;
        padding: 2px 8px;
    }

/* Seccion de servicios */

.Servicios-container__article{
    width: 10em;
    height: 23em;
}

    .Servicios-container__h2{
        font-size: 1.5em;
    }

    .Servicios-container__article--div{
        height: 3em;
        width: 6.5em;
        margin-bottom: 0.5em;
    }

    .Servicios-container__article--div__p{
        font-size: small;
    }

    .Servicios-container__article--a{
        width: 11.6em;
        text-align: center;
        background-color: var(--info);
        border-radius: 5em;
        font-size: small;
    }

    /* Seccion Carousel */

    .carousel-container__div--h2{
        font-size: 1.2em;
    }

/* Footer */

/* Seccion footerUP*/

.footerUP__section {
    background-color: var(--Shadow-7);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0.5rem;
}

.footerUP__section--div{
    color: white;
}

.footerUP__section--div:nth-child(1){
    align-content: center;
    justify-self: center;
    color: var(--Fonts);
    font-weight: 300;
    width: 15em;
}

.footerUP__section--div:nth-child(1) h3 {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 0 1em 0;
}

.footerUP__section--div:nth-child(1) .footerUP__section--div__span:nth-child(2){
    font-size: 0.9em;
    font-weight: 500;
    background-color: var(--info);
    border-radius: 0.2em;
    display: block;
    text-align: center;
    width: 15em;
}

.footerUP__section--div:nth-child(1) img{
    width: 3em;
    margin-top: 1em;
    justify-self: center;
}

.footerUP__section--div:nth-child(1) .footerUP__section--div__span:nth-child(4){
    word-break: break-all;
    text-align: justify;
    font-size: 0.8em;
    padding: 0.2em;
}

.footerUP__section--div:nth-child(2) {
    word-break: break-all;
    width: 16.5em;
}

.footerUP__section--div:nth-child(2) h3 {
    font-size: 0.9em;
    font-weight: 600;
}

.footerUP__section--div:nth-child(2) ul {
    margin-top: 0;
    padding-left: 0.4em;
    padding-top: 0.2em;
}

.footerUP__section--div:nth-child(2) li {
    font-size: 0.80em;
}

.footerUP__section--div:nth-child(3) {
    width: 8.5em;
    justify-items: center;
    align-content: center;
}

.footerUP__section--div:nth-child(3) h3 {
    margin-top: 0.4rem;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.footerUP__section--div--a {
    border: none;
    width: 9em;
    padding: 0;
    font-size: 0.8em;
    background-color: var(--Secundario);
    border-radius: 5em;
    justify-content: center;
    color: var(--Fonts);
    font-weight: 400;
    display: flex;
}

.footerUP__section--div--a:hover {
    background-color: var(--info);
}


.footerUP__section--div--a__img {
    width: 1em;
    filter: brightness(0);
}

.footerUP__section--div:nth-child(4) {
    display: inline-block;
    width: 8em;
    align-content: center;
    justify-items: center;
}

.footerUP__section--div:nth-child(4) img{
    width: 5em;
}

.footerDiv {
    background-color: var(--Warning);
    height: 1.5rem;
}

.footerBottom__section {
    background-color: var(--Neutral-2);
    height: fit-content;
    text-align: center;
    color: var(--Fonts);
    font-size: 0.7em;
}
}


@media screen and (width = 1024px) {
     /* Header Section */

     .header{
        justify-content: right;
    }

        .header__nav--a:nth-child(2), .header__nav--a:nth-child(1){
            background-color: transparent;
            font-weight: 500;
            font-size: 0.9em;
        }

            .header__nav--a:nth-child(2):hover, .header__nav--a:nth-child(1):hover{
                filter: invert(50%) sepia(100%) saturate(500%);
                text-shadow: 1px 1px 8px var(--Fonts);
            }

        .header__div--a:nth-child(1), .header__div--a:nth-child(2){
            background-color: transparent;
            font-size: 1.25em;
            color: var(--Fonts);
        }

            .header__div--a:nth-child(1):hover{
                filter: invert(50%) sepia(100%) saturate(500%);
                text-shadow: 1px 1px 8px var(--Fonts);
            }
            

            .header__div--a:nth-child(2):hover{
                filter: invert(50%) sepia(100%) saturate(500%);
                text-shadow: 1px 1px 8px var(--Fonts);
            }
       
        .header__div:nth-child(1){
            display: none;
        }
            

/* Hero Section */

.hero{
    margin-top: -3.5rem;
    max-width: 2560px;
    min-width: 375px;
}
    .hero__article:nth-of-type(1){
        height: 20em; 
    }

    .hero__article:nth-of-type(2) {
        display: none;
    }

        .hero__article--h1{
            width: 75%;
            font-weight: 600;
            font-size: 1.8em;
            margin-bottom: 1.5em;
            line-height: 1.2;
        }
        
/* Play block */
        .hero__article--section__div:nth-child(2) {
            width: 40px;
            height: 40px;
        }
            .hero__article--section__a{
                font-size: 0.9em;
                width: 9em;
                height: 2.5em;
            }

/* Seccion Speech Mision & reviews */

    .speech-container__article,  .speech-container__aside{
        width: 20em;
        height: 25em;
        padding: 0.2em;
        font-size: 0.8em;
    }

        .speech-container__aside--div__p, .speech-container__article--p{
            font-size: large;
            line-height: 1.5;
        }
        .speech-container__aside--h2, .speech-container__article--h2{
            font-size: large;
            margin-bottom: 0.5em;
            font-weight: 600;
        }

        .speech-container__aside--span{
            margin-bottom: 0.5em;
        }

        .speech-container__aside--div__span{
            font-size: medium;
            margin-top: 0.5em;
        }

/* Seccion Socios */

    .socios-container__img{
        filter: brightness(0) saturate(100%) invert(11%) 
            sepia(35%) saturate(6087%) hue-rotate(222deg) 
            brightness(91%) contrast(94%);
        width: 5em;
    }

    @keyframes runSlider{
        from{
            transform: translateX(0);
        }
        to{
            transform: translateX(calc(100px * 12));
        }
    }

    .socios-container__div--ul__li{
        font-size: 1em;
        padding: 2px 8px;
    }

/* Seccion de servicios */

.Servicios-container__article{
    width: 10em;
    height: 23em;
}

    .Servicios-container__h2{
        font-size: 1.5em;
    }

    .Servicios-container__article--div{
        height: 3em;
        width: 6.5em;
        margin-bottom: 0.5em;
    }

    .Servicios-container__article--div__p{
        font-size: small;
    }

    .Servicios-container__article--a{
        width: 11.6em;
        text-align: center;
        background-color: var(--info);
        border-radius: 5em;
        font-size: small;
    }

    /* Seccion Carousel */

    .carousel-container__div--h2{
        font-size: 1.2em;
    }

/* Footer */

/* Seccion footerUP*/

.footerUP__section {
    background-color: var(--Shadow-7);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0.5rem;
}

.footerUP__section--div{
    color: white;
}

.footerUP__section--div:nth-child(1){
    align-content: center;
    justify-self: center;
    color: var(--Fonts);
    font-weight: 300;
    width: 19em;
}

.footerUP__section--div:nth-child(1) h3 {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 0 1em 0;
}

.footerUP__section--div:nth-child(1) .footerUP__section--div__span:nth-child(2){
    font-size: 1.1em;
    font-weight: 500;
    background-color: var(--info);
    border-radius: 0.2em;
    display: block;
    text-align: center;
    width: 15em;
    height: 1.5em;
}

.footerUP__section--div:nth-child(1) img{
    width: 3em;
    margin-top: 1em;
    justify-self: center;
}

.footerUP__section--div:nth-child(1) .footerUP__section--div__span:nth-child(4){
    word-break: break-all;
    text-align: justify;
    font-size: 1em;
    padding: 0.2em;
    width: 15em;
}

.footerUP__section--div:nth-child(2) {
    word-break: break-all;
    width: 18em;
}

.footerUP__section--div:nth-child(2) h3 {
    font-size: 1.2em;
    font-weight: 600;
}

.footerUP__section--div:nth-child(2) ul {
    margin-top: 0;
    padding-left: 0.4em;
    padding-top: 0.2em;
}

.footerUP__section--div:nth-child(2) li {
    font-size: 0.9em;
}

.footerUP__section--div:nth-child(3) {
    width: 14em;
    justify-items: center;
    align-content: center;
}

.footerUP__section--div:nth-child(3) h3 {
    margin-top: 0.4rem;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.footerUP__section--div--a {
    border: none;
    width: 10em;
    padding: 0;
    font-size: 1.1em;
    background-color: var(--Secundario);
    border-radius: 5em;
    justify-content: center;
    color: var(--Fonts);
    font-weight: 400;
    display: flex;
}

.footerUP__section--div--a:hover {
    background-color: var(--info);
}


.footerUP__section--div--a__img {
    width: 1.5em;
    filter: brightness(0);
}

.footerUP__section--div:nth-child(4) {
    display: inline-block;
    width: 10em;
    align-content: center;
    justify-items: center;
}

.footerUP__section--div:nth-child(4) img{
    width: 6em;
}

.footerDiv {
    background-color: var(--Warning);
    height: 1.5rem;
}

.footerBottom__section {
    background-color: var(--Neutral-2);
    height: fit-content;
    text-align: center;
    color: var(--Fonts);
    font-size: 1em;
}
}

/* Desktop viewport */

@media screen and (width > 1024px) {
    
    /* Header Section */

        .header{
            justify-content: right;
            align-content: last baseline;
            top: 10rem;
            width: 100%;
        }
            .header__nav{
                height: 2.5em;
                border-top-left-radius: 2.5em;
                border-bottom-left-radius: 2.5em;
            }
            .header__div{
                border-top-right-radius: 2.5em;
                border-bottom-right-radius: 2.5em;
            }
            .header__nav, .header__div {
                z-index: 99999;
                background-color: rgba(33, 38, 99, 0.515);
            }
    
            .header__nav--a:nth-child(2), .header__nav--a:nth-child(1){
                background-color: transparent;
                font-weight: 400;
                font-size: 1em;
                text-shadow: 0.5px 0.5px var(--Neutral-5);
                
            }
    
                .header__nav--a:nth-child(2):hover, .header__nav--a:nth-child(1):hover{
                    filter: invert(50%) sepia(100%) saturate(500%);
                    text-shadow: 1px 1px 8px var(--Fonts);
                }
    
            .header__div--a:nth-child(1), .header__div--a:nth-child(2){
                background-color: transparent;
                font-size: 1.4em;
                font-weight: 300;
                filter: invert(0);
                text-shadow: 1px 1px var(--Neutral-5);
            }

            .header__div--a:nth-child(1){
                color: var(--Fonts);
            }
    
                .header__div--a:nth-child(1):hover{
                    filter: invert(50%) sepia(100%) saturate(500%);
                    text-shadow: 1px 1px 8px var(--Fonts);
                }
                
                .header__div--a:nth-child(2):hover{
                    filter: invert(50%) sepia(100%) saturate(500%);
                    text-shadow: 1px 1px 8px var(--Fonts);
                }
           
            .header__div:nth-child(1){
                display: none;
            }
                
    /* Hero Section */
    
    .hero{
        margin-top: -4rem;
        padding: 0;
        max-width: 2560px;
        min-width: 375px;
    }
        .hero__article:nth-of-type(1){
            display: none;
        }

        .hero__article:nth-of-type(2) {
            display: block;
            height: 44em;
            align-content: center;
            margin-bottom: 2rem;
            border-radius: 0.15rem;
            padding: 0;
            overflow: hidden;
            position: relative;
            background-image: linear-gradient(to left, rgba(137, 147, 158, 0.044), rgba(137, 147, 158, 0.8));
        }
        
            .hero__article--h1{
                width: 55%;
                font-weight: 600;
                font-size: 3em;
                margin-top: 3rem;
                margin-bottom: 1.2em;
                line-height: 1.2;
                padding-left: 4rem;
            }

            .hero__article--section{
                padding-left: 4em;
            }

                .hero__article--section__a{
                    font-size: 1.2em;
                    width: 10em;
                    height: 2.8em;
                }
            
        .hero__article--aside{
            display: block;
            z-index: -1;
        }
            .hero__article--aside__div{
                position: absolute;
                top: 0;
                display: flex;
                width: max-content;
                height: 850px;
                transition: 1s;
                z-index: -1;
                
            }

                .hero__article--aside__div--img{
                    width: 100%;
                    max-width: 100vw;
                    object-fit:cover;
                    z-index: -1;
                }

                .hero__div{
                    display: flex;
                    justify-content: center;
                    gap: 2em;
                    height: 10em;
                }

                .hero__div--button{
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    background-color: rgba(219, 18, 18, 0.333);
                    color: var(--Fonts);
                    border: none;
                    font-family: monospace;
                    font-weight: bold;
                    align-self:flex-end;
                    z-index: 3;
                   
                } 
            
    /* Play block */
            .hero__article--section__div:nth-child(2) {
                display: none;
            }
            
/* Seccion Speech Mision & reviews */
    .speech-container{
        display: flex;
        flex-wrap: wrap;
        margin-top: 8em;
    }

    .speech-container__h2, .speech-container_span, .speech-container__div{
        display: block;
    }

    .speech-container__article:nth-child(2), .speech-container__article:nth-child(3){
        display:block;
   }

        .speech-container__article{
            margin-left: 1em;
            border-radius: 0.3em;
        }

            .speech-container__article--h2{
                font-size: 1.7em;
                font-weight: 600;
            }

            .speech-container__article--p{
                font-size: large;
            }

            .speech-container__article{
                box-shadow: 1px 1px 2px var(--Neutral-3);
                width: 25%;
            }

            .speech-container__article:nth-child(2){
                background-color: rgba(51, 48, 202, 0.4);
            }

            .speech-container__article:nth-child(3){
                background-color: rgba(192, 202, 48, 0.4);
            }

        .speech-container__h2{
            margin-top: 6em;
            width: 100%;
            text-align: center;
            font-size: 1.7em;
            font-weight: 500;
            color: var(--Primario);
            text-shadow: 1px 1px 2px var(--Neutral-3);
        }

        .speech-container_span{
            width: 57.8%;
            mask-image: url(/Icons/star_24dp_5F6368_FILL1_wght400_GRAD0_opsz24.svg);
            mask-position: center;
            mask-size: 2em;
            background-color: var(--Warning);
            height: 2.5rem;
            margin-bottom: 0.4em;
            margin-top: 2em;
        }

        .speech-container__aside{
            display: flex;
            flex-wrap: wrap;
            width: 50%;
            gap: 1em;
            border-bottom: solid var(--info);
            border-radius: 0.25em;
            justify-content: center;
            align-content: center;
        }

            .speech-container__aside--div, .speech-container__div{
                width: 45%;
            }

            .speech-container__aside--div__p,
            .speech-container__aside--div__span, 
            .speech-container__div--div__p, 
            .speech-container__div--div__span{
                font-size: large;
                line-height: 1.8em;
            }

                .speech-container__div--div__span, .speech-container__aside--div__div--span{
                    margin-top: 0.8em;
                }

    /* Mobile viewport */

    .speech-container__aside--h2{
        display: none;
    }
    .speech-container__aside--span{
        display: none;
    }

    /* Seccion Socios */
        
    .socios-container{
        margin-top: 8em;
        height: fit-content;
    }
       
        .socios-container__h2{
            margin-top: 0.2em;
            margin-bottom: 0.8em;;
            width: 100%;
            text-align: center;
            font-size: 1.7em;
            font-weight: 500;
            color: var(--Primario);
            text-shadow: 1px 1px 2px var(--Neutral-3);
        }
    
        .socios-container__img{
            filter: brightness(0) saturate(100%) invert(11%) 
                sepia(35%) saturate(6087%) hue-rotate(222deg) 
                brightness(91%) contrast(94%);
            width: 5em;
        }

        .socios-container__div--ul__li{
            font-size: 1em;
            padding: 2px 8px;
        }
    
    
    /* Seccion de servicios */
    
    .Servicios-container{
        margin-top: 5rem;
        margin-bottom: 10rem;
        gap: 1em;
        position: relative;
    }

        .Servicios-container__article{
            width: 20em;
            height: 22.5em;
            align-content: center;
            position: relative;
        }
    
            .Servicios-container__h2{
                margin-top: 3em;
                width: 100%;
                text-align: center;
                font-size: 1.7em;
                font-weight: 500;
                color: var(--Primario);
                text-shadow: 1px 1px 2px var(--Neutral-3);
            }

            .Servicios-container__h3{
                position: absolute;
                top: 0.8em;
                font-weight: 400;
                font-size: larger;
                color: var(--Fonts);
                background-color: var(--Error);
                display: block;
                width: 100%;
                margin: -1rem;
                border-top-left-radius: 0.2em;
                border-top-right-radius: 0.2em;
            }
    
        .Servicios-container__article--div{
           display: none;
        }
    
        .Servicios-container__article--div__p{
            font-size: 1em;
            text-align: left;
            height: fit-content;
            display: flex;
            font-weight: 300;
        }

        .Servicios-container__article--a{
            display: block;
            position: absolute; 
            right: 50; 
            top: 90%;
            margin-top: 0.2em;
        }
        .Servicios-container__article--a:hover{
            background-color: var(--Warning);
            color: var(--Primario);
        }

        .Servicios-container__article--img{
            display: inline;
            width: 40%;
            float: right; 
            margin-left: 10px;
            border-radius: 0.2em;
        }
    

/* Seccion Carousel */
    
    .carousel-container__div--h2{
            font-size: 1.2em;
            z-index: 9999999;
    }
    .carousel-container{
        position: relative;
        margin-bottom: 5rem;
        overflow: hidden;
        height: 35rem;
    }
        .carousel-container__List{
            position: absolute;
            width: 300px;
            height: 450px;
            top: 20%;
            left: calc(45% - 100px);
            transform-style: preserve-3d;
            transform: perspective(1500px);
            animation: autoRun 30s linear infinite;
            z-index: 2;
        }
            @keyframes autoRun {
                from{
                    transform: perspective(1500px) rotateX(-20deg) rotateY(0deg);
                }
                to{
                    transform: perspective(1500px) rotateX(20deg) rotateY(360deg); 
                }
        
            }
    
            .carousel-container__List--div{
                position: absolute;
                inset: 0 0 0 0;
                transform: 
                rotateY(calc( (var(--posicion) - 1) * (360 / var(--cantidad)) * 1deg) )
                translateZ(450px);
            }
    
                .carousel-container__List--div__img{
                        width: 60%;
                        height: 70%;
                        object-fit: cover;
                        border-radius: 0.5em;
                }
        
        .carousel-container__div{
            position: absolute;
            bottom: 60%;
            left: 50%;
            transform: translateX(-50%);
            width: 20em;
            text-align: center;
            padding: 10px;
            z-index: 3;
            display: flex;
        }
    
            .carousel-container__div--h2{
                font-weight: 400;
                color: var(--Primario);
                text-shadow: 1px 1px 2px var(--Neutral-2);
                font-size: large;
            }
                .carousel-container__div--h2__img{
                    filter: brightness(0) saturate(100%) invert(44%) sepia(67%) 
                    saturate(1510%) hue-rotate(185deg) brightness(97%) contrast(96%);
                    width: 2em;
                    display: inline;
                }
    
    /* Footer */

/* Seccion footerUP*/

.footerUP__section {
    background-color: var(--Shadow-7);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0.5rem;
    justify-items: center;
}

.footerUP__section--div{
    color: white;
}

.footerUP__section--div:nth-child(1){
    align-content: center;
    justify-self: center;
    color: var(--Fonts);
    font-weight: 300;
    width: 18.5em;
}

.footerUP__section--div:nth-child(1) h3 {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 0 1em 0;
}

.footerUP__section--div:nth-child(1) .footerUP__section--div__span:nth-child(2){
    font-size: 0.9em;
    font-weight: 500;
    background-color: var(--info);
    border-radius: 0.2em;
    display: block;
    text-align: center;
    width: 20em;
}

.footerUP__section--div:nth-child(1) img{
    width: 3em;
    margin-top: 1em;
    justify-self: center;
}

.footerUP__section--div:nth-child(1) .footerUP__section--div__span:nth-child(4){
    word-break: break-all;
    text-align: justify;
    font-size: 1em;
    padding: 0.2em;
}

.footerUP__section--div:nth-child(2) {
    width: 24em;
  
}

.footerUP__section--div:nth-child(2) h3 {
    font-size: 1em;
    font-weight: 600;
}

.footerUP__section--div:nth-child(2) ul {
    margin-top: 0;
    padding-left: 0.4em;
    padding-top: 0.2em;
}

.footerUP__section--div:nth-child(2) li {
    font-size: 1em;
}

.footerUP__section--div:nth-child(3) {
    width: 16em;
    justify-items: center;
    align-content: center;
}

.footerUP__section--div:nth-child(3) h3 {
    margin-top: 0.4rem;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.footerUP__section--div--a {
    border: none;
    width: 10em;
    padding: 0;
    font-size: 1em;
    background-color: var(--Secundario);
    border-radius: 5em;
    justify-content: center;
    color: var(--Fonts);
    font-weight: 400;
    display: flex;
}

.footerUP__section--div--a:hover {
    background-color: var(--info);
}


.footerUP__section--div--a__img {
    width: 1.5em;
    filter: brightness(0);
}

.footerUP__section--div:nth-child(4) {
    display: inline-block;
    width: 8em;
    align-content: center;
    justify-items: center;
}

.footerUP__section--div:nth-child(4) img{
    width: 8em;
}

.footerDiv {
    background-color: var(--Warning);
    height: 1.5rem;
}

.footerBottom__section {
    background-color: var(--Neutral-2);
    height: fit-content;
    text-align: center;
    color: var(--Fonts);
    font-size: 1em;
}