*{
    margin: 0;
    padding: 0;
    color: #000;
    cursor: url(multimedia/iconos/Cursor.png), pointer;

}
.intro{
    visibility: hidden;
}

.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;}

.sec01{
    height: 115.23vh;
    /*border: 4px solid orange;*/
}

.video0{
    height: 115.23vh;
}

.video0 video{
    width: 100%;
    /*border: 4px solid red;*/
    background-position: center;
    background-size: cover;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.sec1{
    height: 115.23vh;

    /*border: 4px solid orange;*/
}

.video{
    height: 115.23vh;
}

.video video{
    width: 100%;
    /*border: 4px solid red;*/
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.contsec1{
    margin-top: -50%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100px;
    z-index: 1;
    /*border: 4px solid orange;*/
}

.imgtitulo{
    /*background-color: #000;*/
    /*border: 4px solid green;*/
    z-index: 1;
    grid-column-start: 1;
    grid-column-end: 5;

    grid-row-start: 1;
    grid-row-end: 3;
}

.imgtitulo #ing0-movil, #esp0-movil{visibility: hidden;}

.imgtitulo img{
    width: 100%;
}

.contenido{
    margin-left: 0%;
    /*border: 4px solid rgb(255, 221, 0);*/
    z-index: 1000;
    grid-column-start: 2;
    grid-column-end: 5;

    grid-row-start: 1;

    text-align: center;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300&display=swap');
.contenido label{
   /* color: #fff;*/
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;

}
    


.sec3{
   /* background-image: url(multimedia/imagenes/Fondo\ Home\ 3M.png);
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: -.1%;
    margin-left: -.1%;
    background-position: center center center;
    background-attachment: fixed;
    background-repeat: none;
    background-size: cover;
    background-repeat: no-repeat;*/
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 10%;

}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700;800&display=swap');
.contsec3{font-family: 'Montserrat-Regular', sans-serif;}

.texto #msg4{font-family: 'Montserrat-ExtraBold', sans-serif; font-weight: 800;}
.contsec3{
    background-image: url(multimedia/imagenes/Fondo\ Home\ 3M.png);
    background-position: center center center;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-repeat: no-repeat;
    /*border: 4px solid rgb(255, 127, 138);*/
    /*margin-top: 26%;*/
   grid-column-start: 1;
   grid-column-end: 11;

    grid-row-start: 1;
    grid-row-end: 11;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100px;
    z-index: 1;
}

.texto{
    /*border: 4px solid red;*/
    grid-column-start: 1;
    grid-column-end: 5;

    grid-row-start: 3;
    grid-row-end: 5;

    text-align: center;
    font-size: 38px;
}

.img-grecas{
   width: 100%;
   /*border: 4px solid blue;*/
    grid-column-start: 1;
    grid-column-end: 5;

    grid-row-start: 4;
    grid-row-end: 7;
}

.img-grecas .imagen{
    /*border: 4px solid blueviolet;*/
    width: 100%;
    scale: .5;
}

.gif-grecas{
    /*border: 4px solid rgb(129, 153, 51);*/
   /* position: absolute;
    margin-top: 50%;
    width: 100%;*/

    grid-column-start: 1;
    grid-column-end: 5;

    grid-row-start: 10;
    grid-row-end: 15;
    opacity: .8;
    
}

.brands{
    border: 4px solid #CEAB41;
    /*background-color: #000;*/
    width: 100%;

    border-radius: 20px;

    grid-column-start: 2;
    grid-column-end: 4;

    grid-row-start: 17;
    grid-row-end: 20;
}


.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;*/
    font-family: 'Montserrat', sans-serif;
    width: 100%;

    grid-column-start: 1;
    grid-column-end: 11;

    grid-row-start: 25;
    grid-row-end: 28;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 100px;
    z-index: 1;
    font-size: 22px;
}

.footer1{
    /*border: 4px solid blue;*/
    
    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 blue;*/

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

    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: 5;

    grid-row-start: 2;
    grid-row-end: 3;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 50px;
}

.imagen-linea{
  
    /*border: 4px solid #00f39e;*/

    align-content: center;

    grid-column-start: 1;
    grid-column-end: 5;

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

/*////////////////////////////////////////////////////////////////////RESPONCIVE////////////////////////////////////////////////////////////////*/

@media screen and (max-width:600px) {
    nav{visibility: visible;}
    .menu{visibility: hidden;}
    .video0{visibility: hidden;}
    .logo{width: 10%;}
    
    .sec01{
        background-image: url(multimedia/gif/3m-para-celular.gif);
        margin: 0;
        padding: 0;
        width: 100%;
        /*height: 100vh;*/
        background-position: center;
        background-repeat: none;
        background-size: cover;
    }

    .video{visibility: hidden;}
    .slider-check{width: 200%; margin-left: -100%;}

    .sec1{
        background-image: url(multimedia/imagenes/fondo\ espacio\ ladeado\ derecho.jpg);
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background-position: center;
        background-repeat: none;
        background-size: cover;
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-auto-rows: 10%;
    }

    .contsec1{
        /*margin-top: -190%;*/
        grid-column-start: 1;
        grid-column-end: 11;
        grid-row-start: 3;
        grid-row-end: 3;
    }

    .imgtitulo #ing0{visibility: hidden;}
    #esp0{visibility: hidden;}
    #esp0-movil{visibility: visible;}
    .imgtitulo #ing0-movil{visibility: visible;}
    .imgtitulo{max-height: 20%;}
    .imgtitulo img{max-height: 20%;}

    .contenido{
        grid-column-start: 1;
        grid-column-end: 11;

        grid-row-start: 2;
    }

    .contenido label{
        font-size: 16.5px;
    }

    .texto{font-size: 16.5px; grid-row-start: 2; grid-row-end: 3;}

    .img-grecas{grid-row-start: 3; grid-row-end: 4;}

    .img-grecas .imagen{scale: .8;}
    .intro{
        visibility: visible;
        /*border: solid 2px rebeccapurple;*/
        grid-column-start: 1;
        grid-column-end: 5;

        grid-row-start: 4;
        grid-row-end: 6;
    }

    .gif-grecas{
        grid-row-start: 6;
        grid-row-end: 8;
        
    }
    .gif-grecas img{margin-top: 10%;}

    .gif-grecas .gif-imagen{scale: 0;}

    .brands{
        padding-top: 0%;
        margin-top: -2%;
    grid-row-start: 8;
    grid-row-end: 10;
    }

    footer{
    grid-row-start: 11;
    grid-row-end: 12;
    font-size: 12px;
    }

    /*.footer1, .footer2, .footer3{height: 45%;}*/

    .linea{ grid-row-start: 2; grid-row-end: 3;}

    .footer1, .footer2, .footer3{grid-row-end: 2;}
    .contsec3{grid-row-end: 12;}
}

@media screen and (min-width:800px) {
    .sec01{
        height: 100vh;
    }

    .sec1{
        height: 100vh;
    }
}