/* 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;
    display: block;
    padding: 0.3em;
    max-width: 2560px;
    min-width: 375px;
}

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

    .hero__article:nth-of-type(1){
        background-image: linear-gradient(to left, rgba(137, 147, 158, 0.4), rgba(137, 147, 158, 1)), url(/Images/Hero/Furgoneta.jpeg) ;
        background-size: cover;
        background-repeat: no-repeat;
        height: 16rem;
        align-content: center;
        margin-bottom: 1rem;
        border-radius: 0.15rem;
        padding: 0.5em;
        
    }

        .hero__article--h1{
            font-size: large;
            font-weight: 600;
            width: 78%;
            color: var(--Neutral-1);
            margin-bottom: 1em;
            transform: translateY(50px);
            filter: blur(20px);
            opacity: 0;
            animation: showContent .5s .3s linear 1 forwards;
        }

            .hero__article--h1__mark{
                background:none;
                animation: resaltar .10s 1s linear 1 forwards;
            }

                @keyframes showContent{
                    to{
                        opacity: 1;
                        filter: blur(0);
                        transform: translateY(0);
                    }
                }
                @keyframes resaltar{
                    to{
                        background-color: var(--Warning);
                    }
                }

        .hero__article--section{
            position: relative;
            z-index: 1;
            padding-left: 0.5em;
            display: flex;
            align-items: center;
            gap: 0.8em;
            margin-top: 0.5em;
            transform: translateY(50px);
            filter: blur(20px);
            opacity: 0;
            animation: showContent .4s .20s linear 1 forwards;
        }


        /* Play block */

        .hero__article--section__div:nth-child(1) {
            width: 32px;
            height: 32px;
            background: linear-gradient(145deg, #ffffff, #d1d1d1);
            border-radius: 50%;
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), -4px -4px 8px rgba(255, 255, 255, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

            .hero__article--section__div:nth-child(1):hover {
                transform: scale(1.1);
                box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9);
            }

                .hero__article--section__div--div {
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 10px 0 10px 15px;
                    border-color: transparent transparent transparent #555;
                }

                    .hero__article--section__div--div:active {
                        transform: scale(0.95);
                        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2), -2px -2px 6px rgba(255, 255, 255, 0.6);
                    }

            .hero__article--section__div:nth-child(2) {
                max-width: 90%;
                display: none;
                opacity: 0;
                transition: opacity 0.5s ease-in-out;
            }

            .hero__article--section__div--video {
                width: 100%;
                border-radius: 12px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
                position: fixed;
                z-index: 9999;
                top: 0;
                left: 0;
            }

                .hero__article--section__div--button {
                    position: absolute;
                    z-index: 9999;
                    top: 4;
                    right: 45%;
                    background-color: var(--Error);
                    color: var(--Fonts);
                    border: none;
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 16px;
                    cursor: pointer;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
                }

            
            /* Desktop-view-property */
                .hero__article--aside, .hero__div{
                    display: none;
                }

    /* 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.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;
        display: block;
        padding: 0.3em;
        max-width: 2560px;
        min-width: 375px;
    }

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

    .hero__article:nth-of-type(1){
        background-image: linear-gradient(to left, rgba(137, 147, 158, 0.4), rgba(137, 147, 158, 1)), url(/Images/Hero/Furgoneta.jpeg) ;
        background-size: cover;
        background-repeat: no-repeat;
        height: 25em;
        align-content: center;
        margin-bottom: 1rem;
        border-radius: 0.15rem;
        padding: 0.5em;
        
    }

        .hero__article--h1{
            width: 75%;
            font-size: 1.5em;
            margin-bottom: 1em;
            line-height: 1.2;
            font-weight: 600;
            width: 60%;
            color: var(--Neutral-1);
            margin-bottom: 1em;
            transform: translateY(50px);
            filter: blur(20px);
            opacity: 0;
            animation: showContent .5s .3s linear 1 forwards;
        }

            .hero__article--h1__mark{
                background:none;
                animation: resaltar .10s 1s linear 1 forwards;
            }

                @keyframes showContent{
                    to{
                        opacity: 1;
                        filter: blur(0);
                        transform: translateY(0);
                    }
                }
                @keyframes resaltar{
                    to{
                        background-color: var(--Warning);
                    }
                }

        .hero__article--section{
            position: relative;
            z-index: 1;
            padding-left: 0.5em;
            display: flex;
            align-items: center;
            gap: 0.8em;
            margin-top: 0.5em;
            transform: translateY(50px);
            filter: blur(20px);
            opacity: 0;
            animation: showContent .4s .20s linear 1 forwards;
        }

        /* Play block */
        .hero__article--section__div:nth-child(1) {
            width: 32px;
            height: 32px;
            background: linear-gradient(145deg, #ffffff, #d1d1d1);
            border-radius: 50%;
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), -4px -4px 8px rgba(255, 255, 255, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

            .hero__article--section__div:nth-child(1):hover {
                transform: scale(1.1);
                box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9);
            }

                .hero__article--section__div--div {
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 10px 0 10px 15px;
                    border-color: transparent transparent transparent #555;
                }

                    .hero__article--section__div--div:active {
                        transform: scale(0.95);
                        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2), -2px -2px 6px rgba(255, 255, 255, 0.6);
                    }

            .hero__article--section__div:nth-child(2) {
                max-width: 90%;
                display: none;
                opacity: 0;
                transition: opacity 0.5s ease-in-out;
            }

            .hero__article--section__div--video {
                width: 100%;
                border-radius: 12px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
                position: fixed;
                z-index: 9999;
                top: 0;
                left: 0;
            }

                .hero__article--section__div--button {
                    position: absolute;
                    z-index: 9999;
                    top: 4;
                    right: 45%;
                    background-color: var(--Error);
                    color: var(--Fonts);
                    border: none;
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 16px;
                    cursor: pointer;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
                }


/* 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.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;
        display: block;
        padding: 0.3em;
        max-width: 2560px;
        min-width: 375px;
    }

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

    .hero__article:nth-of-type(1){
        background-image: linear-gradient(to left, rgba(137, 147, 158, 0.4), rgba(137, 147, 158, 1)), url(/Images/Hero/Furgoneta.jpeg) ;
        background-size: cover;
        background-repeat: no-repeat;
        height: 25em;
        align-content: center;
        margin-bottom: 1rem;
        border-radius: 0.15rem;
        padding: 0.5em;
        
    }

        .hero__article--h1{
            width: 75%;
            font-size: 1.5em;
            margin-bottom: 1em;
            line-height: 1.2;
            font-weight: 600;
            width: 60%;
            color: var(--Neutral-1);
            margin-bottom: 1em;
            transform: translateY(50px);
            filter: blur(20px);
            opacity: 0;
            animation: showContent .5s .3s linear 1 forwards;
        }

            .hero__article--h1__mark{
                background:none;
                animation: resaltar .10s 1s linear 1 forwards;
            }

                @keyframes showContent{
                    to{
                        opacity: 1;
                        filter: blur(0);
                        transform: translateY(0);
                    }
                }
                @keyframes resaltar{
                    to{
                        background-color: var(--Warning);
                    }
                }

        .hero__article--section{
            position: relative;
            z-index: 1;
            padding-left: 0.5em;
            display: flex;
            align-items: center;
            gap: 0.8em;
            margin-top: 0.5em;
            transform: translateY(50px);
            filter: blur(20px);
            opacity: 0;
            animation: showContent .4s .20s linear 1 forwards;
        }

        /* Play block */
        .hero__article--section__div:nth-child(1) {
            width: 32px;
            height: 32px;
            background: linear-gradient(145deg, #ffffff, #d1d1d1);
            border-radius: 50%;
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), -4px -4px 8px rgba(255, 255, 255, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

            .hero__article--section__div:nth-child(1):hover {
                transform: scale(1.1);
                box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.15), -6px -6px 12px rgba(255, 255, 255, 0.9);
            }

                .hero__article--section__div--div {
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 10px 0 10px 15px;
                    border-color: transparent transparent transparent #555;
                }

                    .hero__article--section__div--div:active {
                        transform: scale(0.95);
                        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2), -2px -2px 6px rgba(255, 255, 255, 0.6);
                    }

            .hero__article--section__div:nth-child(2) {
                max-width: 90%;
                display: none;
                opacity: 0;
                transition: opacity 0.5s ease-in-out;
            }

            .hero__article--section__div--video {
                width: 100%;
                border-radius: 12px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
                position: fixed;
                z-index: 9999;
                top: 0;
                left: 0;
            }

                .hero__article--section__div--button {
                    position: absolute;
                    z-index: 9999;
                    top: 4;
                    right: 45%;
                    background-color: var(--Error);
                    color: var(--Fonts);
                    border: none;
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 16px;
                    cursor: pointer;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
                }


/* 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%;
            max-width: 2560px;
            min-width: 375px;
        }
            .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;
        display: block;
        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;
                transform: translateY(50px);
                filter: blur(20px);
                opacity: 0;
                animation: showContent .5s .3s linear 1 forwards;
            }

            .hero__article--h1__mark{
                background:none;
                animation: resaltar .10s 1s linear 1 forwards;
            }

                @keyframes showContent{
                    to{
                        opacity: 1;
                        filter: blur(0);
                        transform: translateY(0);
                    }
                }
                @keyframes resaltar{
                    to{
                        background-color: var(--Warning);
                    }
                }
            
        .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 de servicios */
     
    .Servicios-container__label{
            font-size: 1.2em;
            width: 12em;
        }

        .Servicios-container__div{
            background-color: var(--Neutral-6);
            box-shadow: 1px 1px 2px var(--Neutral-3);
            border-radius: 0.25em;
            margin-bottom: 3em ;
            columns: 300px;
            padding: 0.4em;
            column-gap: 0;
        }
      
        .Servicios-container__button{
            bottom: 25rem;
        }


    /* 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;
}