*{
    margin: 0;
    padding: 0;
    color: #000;
    cursor: url(multimedia/iconos/Cursor.png), pointer;
}

.logo{
    position: absolute;
    /*border: 4px solid red;*/
    margin: 1% 0% 0% 2%;
    background: url(multimedia/iconos/logo3m.png);
    background-position: center center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 4.8%;
    height: 10%;
}

nav{visibility: hidden;}

.sec0{

    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 10%;

    /*border: 4px solid orange;*/
}

.video0{
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 35;
}

.video0 video{
    width: 100%;
    /*border: 4px solid red;*/
    background-position: center center center;
    background-size: cover;
}

.titulo1{
    grid-column-start: 1;
    grid-row-start: 1;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100px;
    
    /*border: 4px solid skyblue;*/
}

.imgtitulo{
    /*background-color: #000;*/
    /*border: 4px solid wheat;*/
    z-index: 1;
    grid-column-start: 1;
    grid-column-end: 5;

    grid-row-start: 1;
    grid-row-end: 3;
}

.imgtitulo img{
    width: 100%;
}

#ing0-movil{visibility: hidden;}
#esp0-movil{visibility: hidden;}

.contenido1{
    font-family: 'Montserrat', sans-serif;
    grid-column-start: 1;
    grid-column-end: 11;

    grid-row-start: 1;
    grid-row-end: 11;
    /*border: 4px solid rgb(0, 255, 55);*/
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 30px;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700;800&display=swap');
.subtitulo{
    /*border: 4px solid rgb(0, 255, 255);*/

    font-size: 32px;
    

    grid-column-start: 1;
    grid-column-end: 11;

    grid-row-start: 9;
    grid-row-end: 18;
    text-align: center;
    line-height: 150%;
}

.sec2{
   /* background-image: url(multimedia/imagenes/Fondo\ Home\ 3M.png);
    margin: 0;
    padding: 0;
    width: 100%;
    height: 973vh;
    margin-top: -.1%;
    margin-left: -.1%;
    background-repeat: none;
    background-size: cover;
    z-index: -1;*/
    
}

.contenido{
    position: absolute;
    width: 100%;
    margin-top: 12%;
    /*border: 4px solid rgb(0, 255, 17);*/
    display: grid;

    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px;
    z-index: 100;
}
.titulo-texto label {font-family: 'Montserrat-ExtraBold', sans-serif; font-weight: 600}
.titulo-texto{
    text-align: center;
    font-size: 55px;
    /*border: 4px solid skyblue;*/
    grid-column-start: 1;
    grid-column-end: 3;

    grid-row-start: 1;
    grid-row-end: 2;
}
.texto label{font-family: 'Montserrat', sans-serif;}
.texto{
    margin-top: 2%;
    color: #fff;
    text-align: center;
    font-size: 32px;
    /*border: 4px solid blue;*/
    grid-column-start: 1;
    grid-column-end: 3;

    grid-row-start: 2;
    grid-row-end: 5;
}

label{color: #fff;}

.img-grecas{
    /*border: 4px solid rgb(250, 135, 135);*/
    grid-column-start: 1;
    grid-column-end: 3;

    grid-row-start: 4;
    grid-row-end: 5;

}

.img-grecas .imagen{
    /*border: 4px solid rgb(98, 226, 43);*/
    width: 100%;
    scale: .5;
    box-sizing: border-box;
}

.contenedor-carouceles{
    /*border: 4px solid red;*/
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 100px;
    width: 100%;
    /*margin-top: 57%;*/

    background-image: url(multimedia/imagenes/Fondo\ Home\ 3M.png);
    background-position: center center center;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0%;
    padding: 0;
    width: 100%;
    /*height: 973vh;*/
    margin-top: -1%;
    margin-left: -.1%;
    z-index: -1;
}
/*=================================================================================================================================================*/
.carousel1{
    color: #fff;
    border-radius: 25px;
    background: rgba(56, 151, 66, 0.2);
    /*border: 4px solid pink;*/
    grid-column-start: 2;
    grid-column-end: 6;

    grid-row-start: 12;
    grid-row-end: 21;

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 100px;
}
.imagenesmovil1{visibility: hidden;}
/*=================================================================================================================================================*/
.carousel2{
    color: #fff;
    border-radius: 25px;
    background: rgba(23, 42, 217, 0.2);
    /*border: 4px solid pink;*/
    grid-column-start: 2;
    grid-column-end: 6;

    grid-row-start: 23;
    grid-row-end: 32;

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 100px;
}
.imagenesmovil2{visibility: hidden;}
/*=================================================================================================================================================*/
.carousel3{
    color: #fff;
    border-radius: 25px;
    background: rgba(23, 42, 217, 0.2);
    /*border: 4px solid pink;*/
    grid-column-start: 2;
    grid-column-end: 6;

    grid-row-start: 34;
    grid-row-end: 43;

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 100px;
}
.imagenesmovil3{visibility: hidden;}
/*=================================================================================================================================================*/
.carousel4{
    color: #fff;
    border-radius: 25px;
    background: rgba(75, 23, 217, 0.2);
    /*border: 4px solid pink;*/
    grid-column-start: 2;
    grid-column-end: 6;

    grid-row-start: 45;
    grid-row-end: 54;

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 100px;
}
.imagenesmovil4{visibility: hidden;}
/*=================================================================================================================================================*/
.carousel5{
    color: #fff;
    border-radius: 25px;
    background: rgba(39, 172, 30, 0.156);
    /*border: 4px solid pink;*/
    grid-column-start: 2;
    grid-column-end: 6;

    grid-row-start: 56;
    grid-row-end: 65;

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 100px;
}
.imagenesmovil5{visibility: hidden;}
/*=================================================================================================================================================*/
.carousel6{
    color: #fff;
    border-radius: 25px;
    background: rgba(172, 111, 30, 0.156);
    /*border: 4px solid pink;*/
    grid-column-start: 2;
    grid-column-end: 6;

    grid-row-start: 67;
    grid-row-end: 76;

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 100px;
}
.imagenesmovil6{visibility: hidden;}
/*=================================================================================================================================================*/
.carousel7{
    color: #fff;
    background: rgba(21, 128, 131, 0.2);
    border-radius: 25px;
    /*border: 4px solid pink;*/
    grid-column-start: 2;
    grid-column-end: 6;

    grid-row-start: 78;
    grid-row-end: 87;

    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 100px;
}
.imagenesmovil7{visibility: hidden;}
/*=================================================================================================================================================*/

.logo1, .logo2, .logo3, .logo4, .logo5, .logo6, .logo7{  
    /*border: 4px solid rebeccapurple;*/
    grid-column-start: 1;
    grid-column-end: 4;

    grid-row-start: 1;
    grid-row-end: 5;
}

.info1, .info2, .info3, .info4, .info5, .info6, .info7{
    /*border: 4px solid rebeccapurple;*/
    grid-column-start: 3;
    grid-column-end: 8;

    grid-row-start: 1;
    grid-row-end: 5;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 100px;
    box-sizing: border-box;
    padding-left: 15%;
    padding-right: 5%;
    z-index: 300;

}

.imagenes1, .imagenes2, .imagenes3, .imagenes4, .imagenes5, .imagenes6, .imagenes7{
    /*border: 4px solid royalblue;*/
    grid-column-start: 1;
    grid-column-end: 8;

    grid-row-start: 5;
    grid-row-end: 10;
    box-sizing: border-box;
    margin-top: 2%;
}

.logo1{
    border-radius: 5px;
    background: url(multimedia/iconos/Logo-Pariclin.png);
    background-position: center;
    background-size: 56%;
    background-repeat: no-repeat;
}

.logo2{
    border-radius: 5px;
    background: url(multimedia/iconos/Logo-Master-Clean.png);
    background-position: center;
    background-size: 56%;
    background-repeat: no-repeat;
}

.logo3{
    border-radius: 5px;
    background: url(multimedia/iconos/Logo-MasterMind.png);
    background-position: center;
    background-size: 56%;
    background-repeat: no-repeat;
}

.logo4{
    border-radius: 5px;
    background: url(multimedia/iconos/Logo-PariCoach.png);
    background-position: center;
    background-size: 56%;
    background-repeat: no-repeat;
}

.logo5{
    border-radius: 5px;
    background: url(multimedia/iconos/Logo-GreenField.png);
    background-position: center;
    background-size: 56%;
    background-repeat: no-repeat;
}

.logo6{
    border-radius: 5px;
    background: url(multimedia/iconos/Logo-MarkerMan.png);
    background-position: center;
    background-size: 56%;
    background-repeat: no-repeat;
}

.logo7{
    border-radius: 15px;
    background: url(multimedia/iconos/Logo-Arcadia.png);

    background-position: center;
    background-size: 67%;
    background-repeat: no-repeat;
}

.titulo-info{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 72px;
    /*border: 4px solid greenyellow;*/
    grid-column-start: 1;
    grid-column-end: 4;

    grid-row-start: 1;
    grid-row-end: 2;
    box-sizing: border-box;
    padding-top: 3%;
}

.texto-info{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: justify;
    box-sizing: border-box;
    padding-top: 2%;
    /*border: 5px solid green;*/
    grid-column-start: 1;
    grid-column-end: 4;

    grid-row-start: 2;
    grid-row-end: 5;
}

.carousel3 .titulo-info{
    grid-row-end: 3;
}

.carousel3 .texto-info{
    grid-row-start: 3;
}
.footer1 label, .footer2 label, .footer3 label{font-family: 'Montserrat', sans-serif; font-weight: 100;}
.texto1 label, .texto2 label{font-family: 'Montserrat', sans-serif; font-weight: 100;}
footer{
    /*border: 4px solid yellow;*/
    /*position: absolute;*/
    /*background-color: red;*/
    /*margin-top: 459%;*/
    grid-column-start: 1;
    grid-column-end: 11;

    grid-row-start: 89;
    grid-row-end: 91;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 100px;
    z-index: 1;
    font-size: 22px;
}

.footer1{
    /*border: 4px solid white;*/

    color: #fff;
    
    margin-left: 30%;
    /*margin-top: 16%;*/
    text-align: left;
    
    grid-column-start: 1;
    grid-column-end: 2;

    grid-row-start: 1;
    grid-row-end: 3;
}

.footer2{
    /*border: 4px solid whitesmoke;*/

    color: #fff;

    text-align: center;
    /*margin-top: 16%;*/

    grid-column-start: 2;
    grid-column-end: 3;

    grid-row-start: 1;
    grid-row-end: 3;
}

.footer3{
    /*border: 4px solid white;*/

    color: #fff;

    margin-right: 30%;
    /*margin-top: 15%;*/
    text-align: right;


    grid-column-start: 3;
    grid-column-end: 4;

    grid-row-start: 1;
    grid-row-end: 3;
}

.linea{
    /*border: 4px solid greenyellow;*/
    grid-column-start: 1;
    grid-column-end: 4;

    grid-row-start: 2;
    grid-row-end: 3;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 50px;
}

.imagen-linea{
    margin-top: 0%;
    /*border: 4px solid #000;*/

    align-content: center;

    grid-column-start: 1;
    grid-column-end: 4;

    grid-row-start: 1;
    grid-row-end: 2;
}

.lineafooter{
    width: 100%;
    scale: .8;
}

.texto1{
    /*border: 4px solid red;*/
    margin-left: 20%;
    grid-column-start: 1;
    grid-column-end: 2;

    grid-row-start: 2;
    grid-row-end: 3;
}

.texto2{
    /*border: 4px solid red;*/
    text-align: right;
    text-decoration: none;
    margin-right: 20%;
    grid-column-start: 2;
    grid-column-end: 4;

    grid-row-start: 2;
    grid-row-end: 3;
}

label{color: #fff;}
/*////////////////////////////////////////////////////////////////////////RESPONSIVE/////////////////////////////////////////////////////////////*/
@media screen and (max-width:600px) {
    nav{visibility: visible;}
    .menu{visibility: hidden;}
    .video0{visibility: hidden;}
    .logo{width: 10%;}
    .slider-check{width: 200%; margin-left: -100%;}
    .sec0{
        background: url(multimedia/imagenes/fondo\ espacio\ ladeado\ izquierdo.jpg);
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background-position: center;
        background-repeat: none;
        background-size: cover;
    }
    #ing0{visibility: hidden;}
    #esp0 {visibility: hidden; display: none;}

    #ing0-movil{visibility: visible;}
    #esp0-movil{visibility: visible;}
    .titulo1{/*width: 100%; height: 10%;*/ grid-row-start: 2;}
    .subtitulo{line-height: 50%; grid-row-start: 10; grid-row-end: 15; padding: 0% 3.19% 0% 3.19%;}
    * label{font-size: 12px;}
    .contenido{height: 40%; margin-top: 4%;}
    .titulo-texto label{font-size: 17px;}
    .texto{height: 73.5%;}
    .texto label{font-size: 15px;}
    .img-grecas{height: 30%;}
    .contenedor-carouceles{}
    .carousel1, .carousel2, .carousel3, .carousel4, .carousel5, .carousel6, .carousel7{
        grid-column-start: 1;
        grid-column-end: 7;
        padding: 0% 10% 0% 10%;
        font-size: 5px;
    }

    .carousel1{
        grid-row-start: 7;
        grid-row-end: 16; 
    }

    .carousel2{
        grid-row-start: 18;
        grid-row-end: 27;
    }

    .carousel3{
        grid-row-start: 29;
        grid-row-end: 38;
    }

    .carousel4{
        grid-row-start: 40;
        grid-row-end: 49;
    }

    .carousel5{
        grid-row-start: 51;
        grid-row-end: 60;
    }

    .carousel6{
        grid-row-start: 62;
        grid-row-end: 71;
    }

    .carousel7{
        grid-row-start: 73;
        grid-row-end: 82;
    }
    /*=================================================carouseles-movil======================================================*/
    .imagenes1{visibility: hidden;}
    .imagenesmovil1{visibility: visible;}

    .imagenes2{visibility: hidden;}
    .imagenesmovil2{visibility: visible;}

    .imagenes3{visibility: hidden;}
    .imagenesmovil3{visibility: visible;}

    .imagenes4{visibility: hidden;}
    .imagenesmovil4{visibility: visible;}
    
    .imagenes5{visibility: hidden;}
    .imagenesmovil5{visibility: visible;}

    .imagenes6{visibility: hidden;}
    .imagenesmovil6{visibility: visible;}

    .imagenes7{visibility: hidden;}
    .imagenesmovil7{visibility: visible;}
    /*==============================================================================================================*/

    .imagenes3 > .wrap::before, .imagenes3 > .wrap::after{
        font-size: 5px;
    }
    .wrap {
        height: 70%;
        margin-top: 5%;
    }

    .imagenes1 .wrap{
        margin-top: 30%;
    }
    .imagenes3 .wrap{
        margin-top: 30%;
    }

    .titulo-info label{font-size: 25px; line-height: 100%;}
    .logo1, .logo2, .logo3, .logo4, .logo5, .logo6, .logo7{visibility: hidden}
    .info1, .info2, .info3, .info4, .info5, .info6, .info7{
        grid-column-start: 1;
        grid-column-end: 8;
    
        grid-row-start: 1;
        grid-row-end: 5;
        padding-left: 5%;
        padding-right: 5%;
    }
    .texto-info{font-size: 16.5px;}
    
    footer{
        grid-row-start: 84;
        grid-row-end: 86;
    }
}

@media only screen and (min-width: 800px) {
    .titulo-info label {font-size: 50px;}
    .texto-info label{
        font-size: 16px;
    }
    footer{
        grid-row-start: 91;
    grid-row-end: 93;
    }
}

