* {
    box-sizing: border-box;
    margin: 0%;
    padding: 0%;
}

.container {
    display: flex;
    flex-direction: row;
    position: relative;
    
}





/* --------------- FONDOS DE LOS MODULOS --------------- */


/*GRUPO EURO*/
.grupo-euro {
  background-color: rgba(22, 29, 37);
  height: 100vh;
  width: 40%;
  
}

.img-grupo-euro{
    background-image: url(./img/grupo-euro.png);
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}


/*euro tecnicentro*/
.euro-tecni{
    background-color: rgba(255, 0, 13);
    height: 100vh;
    width: 21%;
}

.img-euro-tecni{
    background-image: url(./img/euro-tecni.png);
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

/*EURO GAS*/
.euro-gas{
    background-color: rgba(5, 70, 40);
    height: 100vh;
    width: 20%;
}

.img-euro-gas{
    background-image: url(./img/euro-gas.png);
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

.euro-cda{
    background-color: rgb(255, 217, 2);
    height: 100vh;
    width: 20%;
}

.img-euro-cda{
    background-image: url(./img/euro-cda.png);
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}


/* --------------- FILAS CON LOGOTIPOS --------------- */

.fila-grupo-euro{
    background-color: rgb(22, 29, 37);
    position: absolute;
    height: 27%;
    width:  45%;
    margin-top: 30.7%;
    border-start-end-radius: 110px 110px;
    border-start-start-radius: 110px;
    writing-mode: vertical-rl;
    /* writing-mode: horizontal-tb; */
    z-index: 3;
}

.fila-euro-tecni{
    background-color: rgb(255, 0, 13);
    position: absolute;
    height: 26%;
    width: 66%;
    margin-top: 31%;
    border-start-end-radius: 110px 110px;   
    border-start-start-radius: 110px;
    writing-mode: vertical-rl;
    z-index: 2;
    display: flex;
    flex-direction: row;
}

.fila-euro-gas{
    background-color: rgba(10, 92, 55);
    position: absolute;
    height: 26%;
    width: 83%;
    margin-top: 31%;
    border-start-end-radius: 110px 110px;   
    border-start-start-radius: 110px;
    writing-mode: vertical-rl;
    z-index: 1;
}

.fila-euro-cda{
    background-color: rgb(255, 200, 2);
    position: absolute;
    height: 26%;
    width: 100%;
    margin-top: 31%;
    border-start-end-radius: 110px 110px;   
    border-start-start-radius: 110px;
    writing-mode: vertical-rl;
    z-index: 0;
}

.traza-grupo-euro{
    height: 100%;
    width: 85%;
    writing-mode: horizontal-tb;
    display: flex;
    flex-direction: row;
    text-align: center;
    /* background-color: aqua; */
    margin: auto;
}

.traza-euro-tecni{
    height: 100%;
    width: 30%;
    /* writing-mode: horizontal-tb; */
    display: flex;
    flex-direction: row;
    text-align: center;
    /* margin-left: 10px; */
    /* background-color: aqua; */
    /* margin: auto; */
}

.traza-euro-tecni a{
    /* margin-left: 65%; */
    /* background-color: aqua; */
    margin: auto;
    width: 90%;
}

.traza-euro-tecni a:hover{
    /* margin-left: 65%; */
    /* background-color: aqua; */
    margin: auto;
    width: 95%;
}



.traza-euro-tecni a img{
    /* margin: auto; */
    width: 100%;
    /* margin-left: 60%; */
    
}

.traza-grupo-euro img{
    width: 9%;
}

.traza-euro-gas{
    height: 100%;
    width: 30%;
    /* writing-mode: horizontal-tb; */
    display: flex;
    flex-direction: row;
    text-align: center;
    /* margin-left: 10px; */
    /* background-color: aqua; */
    /* margin: auto; */
}

.traza-euro-gas a{
    /* margin-left: 65%; */
    /* background-color: aqua; */
    margin: auto;
    width: 45%;
    margin-left: 85%;
}

.traza-euro-gas a:hover{
    /* margin-left: 65%; */
    /* background-color: aqua; */
    margin: auto;
    width: 48%;
    margin-left: 85%;
}


.traza-euro-gas a img{
    /* margin: auto; */
    width: 100%;
    /* margin-left: 60%; */
    
}

.traza-euro-cda{
    height: 100%;
    width: 30%;
    /* writing-mode: horizontal-tb; */
    display: flex;
    flex-direction: row;
    text-align: center;
    /* margin-left: 10px; */
    /* background-color: aqua; */
    /* margin: auto; */
}

.traza-euro-cda a{
    /* margin-left: 65%; */
    /* background-color: aqua; */
    margin: auto;
    width: 40%;
    margin-left: 115%;
}

.traza-euro-cda a:hover{
    /* margin-left: 65%; */
    /* background-color: aqua; */
    margin: auto;
    width: 42%;
    margin-left: 115%;
}


.traza-euro-cda a img{
    /* margin: auto; */
    width: 100%;
    /* margin-left: 60%; */
    
}





.traza-grupo-euro .r{
    width: 6.9%;

}

.traza-grupo-euro .g{
    width: 10%;
    padding-bottom: 2%;
}

.traza-grupo-euro .p{
    padding-top: 1%;
}
    



@media (max-width:745px)  {

    

    .img-grupo-euro,.img-euro-tecni,.img-euro-gas,.img-euro-cda{
        height: 100%;
        width: 100%;
        background-position:top;
    }


    .fila-grupo-euro{
        /* position: relative; */
        width: 50%;
        height: 15%;
        margin-top: 10em;
    }

    .fila-euro-tecni{
        width: 68%;
        height: 15%;
        margin-top: 20em;
    }

    .fila-euro-gas{
        width: 78%;
        height: 15%;
        margin-top: 30em;
    }
    .fila-euro-cda{
        width: 88%;
        height: 15%;
        margin-top: 40em;
    }

    .traza-euro-tecni a{
        /* margin-top: 20%; */
        width: 200%;
        margin-left: -10%;
        
    }
    .traza-euro-tecni{
        margin-right: 10px;
    }

    .traza-euro-gas a{
        /* margin-top: 20%; */
        width: 90%;
        margin-left: 1%;
        
    }
    .traza-euro-gas{
        margin-right: 10px;
    }

    .traza-euro-cda a{
        /* margin-top: 20%; */
        width: 80%;
        margin-left: 1%;
        
    }
    .traza-euro-cda{
        margin-right: 10px;
    }
}