*{
    margin: 0;
    padding: 0;
    color: #fff;
    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%;
}

* label{ color: #fff;}
nav{visibility: hidden;}
#ing0-movil{visibility: hidden;}
#esp0-movil{visibility: hidden;}
.sec0{
    height: 115.23vh;
    /*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 center;
    background-size: cover;
}

.titulo1{
    grid-column-start: 1;
    grid-row-start: 1;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 10%;
    
    /*border: 4px solid skyblue;*/
}

.imgtitulo{
    margin-top: -90%;
    /*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%;
}

.contenido{

    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;
}
.subtitulo label{font-family: 'Montserrat', sans-serif;}
.subtitulo{
    /*border: 4px solid blue;*/

    font-size: 32px;

    grid-column-start: 3;
    grid-column-end: 9;

    grid-row-start: 7;
    grid-row-end: 21;
    text-align: center;
    line-height: 150%;
}

.sec1{
    /*background-image: url(multimedia/imagenes/Fondo\ Home\ 3M.png);*/
    background-color: #000;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 167vh;
    margin-top: -.1%;
    margin-left: -.1%;
    /*background-repeat: none;
    background-size: cover;*/
    z-index: -1;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 20px;

}

.contenido-sec1{
    background-image: url(multimedia/imagenes/Fondo\ Home\ 3M.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center center center;
    grid-column-start: 1;
    grid-column-end: 11;

    grid-row-start: 10;
    grid-row-end: 90;
    display: grid;

    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 20px;
    /*border: 4px solid rgb(43, 0, 255);*/
}

.formulario{
    /*border: 4px solid blue;*/
    grid-column-start: 1;
    grid-column-end: 6;

    grid-row-start: 15;
    grid-row-end: 50;

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

/*//////////////////////////////////////////////////////////FORMULARIO/////////////////////////////////////////////////*/
.login-box{
    overflow: hidden;
    /*border: 4px solid royalblue;*/
    grid-column-start: 2;
    grid-column-end: 10;

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

    padding: 4%;
    
    background: rgba(48, 48, 48, 0.484);
    box-sizing: border-box;
    border-radius: 25px;
}

    h2{
        font-family: 'Montserrat-SemiBold', sans-serif; font-weight: 800; font-size: 52px;
        text-align: center;
        padding: 2% 0% 3% 0%;

    }

    .login-box .user-box input:focus ~ label,
    .login-box .user-box input:valid ~ label,
    .login-box .user-box textarea:focus ~ label,
    .login-box .user-box textarea:active ~ label {
        box-sizing: none;
        color: #CEAB41;
        font-size: 20px;
    }

    .user-box{
        /*border: 4px solid red;*/
        box-sizing: border-box;
        padding-top: 2%;
    }

    .user-box label{
        font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px;
        position: absolute;
        pointer-events: none;
        left: 8%;
        padding: 0% 0% 5% 0%;
        transition: .9s;
    }

    .user-box input{
        margin-top: 2%;
        box-sizing: border-box;
        padding: 4% 0% 0% 1%;
        width: 78%;
        background: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        outline:none;
        font-size: 17px;
        font-family: url(Montserrat-font/Montserrat-Regular.ttf);
    }

    .user-box textarea{
        margin-top: 2%;
        box-sizing: border-box;
        padding: 4% 0% 0% 1%;
        width: 78%;
        height: 15vh;
        resize: none;
        overflow: scroll;
        color: #fff;
        font-family: url(Montserrat-font/Montserrat-Regular.ttf);
        background: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        outline:none;
        font-size: 17px;
        line-height: 120%;
    }

    .login-box form #msg0005 {
        border-radius: 5px;
        border: none;
        position: relative;
        display: inline-block;
        padding: 2% 5%;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        text-transform: uppercase;
        overflow: hidden;
        transition: .9s;
        margin-top: 5%;
        margin-left: 35%;
        letter-spacing: 4px;
      }

    .login-box #msg0005:hover {
        background: #CEAB41;
        color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 5px #03e9f4,
                    0 0 25px #03e9f4,
                    0 0 50px #03e9f4,
                    0 0 100px #03e9f4;
      }
      
      .login-box #msg0005 {
        position: absolute;
        display: block;
        background: linear-gradient(1800deg, transparent, #03e9f4);
      }
/*////////////////////////////////////////////////////////////////MAPA///////////////////////////////////////////////*/

.maps{
    /*border: 4px solid salmon;*/
    grid-column-start: 6;
    grid-column-end: 10;

    grid-row-start: 15;
    grid-row-end: 50;

    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 20px;
    border-radius: 25px;
}
.frame{
    /*border: 4px solid rebeccapurple;*/
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 36;
}
.maps iframe{border-radius: 25px;}
.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;
    grid-column-start: 1;
    grid-column-end: 11;

    grid-row-start: 62;
    grid-row-end: 78;
    margin-top: 0%;
    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: 3;
    grid-row-end: 4;

    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;
}
/*////////////////////////////////////////////////////////////////////////RESPONSIVE/////////////////////////////////////////////////////////////*/
@media screen and (max-width:600px) {
    nav{visibility: visible;}
    .menu{visibility: hidden;}
    .video0{visibility: hidden;}
    .slider-check{width: 200%; margin-left: -100%;}
    .logo{width: 10%;}
    #ing0{visibility: hidden;}
    #esp0 {visibility: hidden; display: none;}

    #ing0-movil{visibility: visible;}
    #esp0-movil{visibility: visible;}
    .sec0{
        background: url(multimedia/imagenes/fondo\ espacio\ zoom.jpg);
        margin: 0;
        padding: 0;
        width: 100%;

        background-position: center;
        background-repeat: none;
        background-size: cover;
        z-index: -1;
    }

    .contenido-sec1{grid-auto-rows: 10px;}
    /*.titulo1{position: absolute; width: 100%; height: 10%; margin-top: -240%;}*/
    /*.contenido{position: absolute; width: 100%; height: 10%; margin-top: -230%;}*/
    .contenido label{font-size: 16px;}
    .titulo1{grid-row-start: 3;}
    .subtitulo{
        grid-column-start: 1;
        grid-column-end: 11;
        grid-row-start: 6;
        grid-row-end: 12;
        box-sizing: border-box;
        padding-left: 0%;
        line-height: 50%;
    }
    .login-box{grid-row-end: 22;}
    .login-box h2{font-size: 32px;}
    .login-box .user-box input:focus ~ label,
    .login-box .user-box input:valid ~ label,
    .login-box .user-box textarea:focus ~ label,
    .login-box .user-box textarea:active ~ label{font-size: 14px;}
    .user-box label{margin-left: 9%; font-size: 12px;}
    .frame{
       grid-row-end: 20;
    }
   iframe{width: 100%; height: 100%;}
    .contenido-sec1{display: inline-block; grid-row-end: 65;}

    footer{
        font-size: 10px;
        box-sizing: border-box;
        padding-top: 10%;
    }
    
    .linea{
        grid-row-start: 2;
    }
    
    .texto1, .texto2{grid-row-start: 1; grid-row-end: 2; box-sizing: border-box; padding-top: 8%;}
}

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