*{
    
    box-sizing: border-box;
  
}
::-webkit-scrollbar {
    display: none;
}
@import url('http://fonts.cdnfonts.com/css/myriad-pro');
    body {
        background-image:url('../../img/fachada 2023.jpg');
        background-size: cover;
    }

    .contenedor-mayorista{
        /*background-color: #FFFFFF80;*/
        border-radius: 40px 40px 40px 40px;
        border-top: #fff 3px solid;
        border-bottom: #fff 3px solid;
        border-left: #fff 3px solid;
        border-right: #fff 3px solid;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
        .subtitulo-logo{
            display: none !important; 
        }
        #logo_sn{
            display: none !important; 
        }
        .contenedor-minorista2>#logo_sn{
            width: 250px;
            height: 100px;
            margin:auto;
            display:block;
        }
        .contenedor-minorista2> #icon1{
            width: 180px;
            height: 100px;
            margin:auto;
            display:block;
        }

        #icon2{
            display: none;
        }

        .contenedor-mayorista form {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        .contenedor-mayorista form label {
            display: block;
        }

        .contenedor-mayorista form p {
            margin: 0;
            /*padding: .7em;*/
            padding-bottom: .7em;
            padding-top: .1em;
            grid-column: 1 / 3;
            width: 100%;
        }

        #Usuario{
            margin-top: 10px ;
        }

        #Password{
            margin-bottom: 10px;
        }

        .contenedor-minorista2 .contenedor-buton {
            grid-column: 1 / 3;
        }

        .contenedor-minorista2 form input{
            width: 100%;
            padding: .5em;
            margin: .5em 3em 0 1em ;
            border: none;
            background: none;
            outline: 0;
            color: #fff;
            border: 3px solid #fff;
            font-family: 'Myriad Pro', sans-serif;
            align-items: center;
        }

        input::placeholder {
             color: white;
             font-family: 'Myriad Pro', sans-serif;
        }
        
        .contenedor-minorista2 form button {
            background: white;
            border: 0;
            border-radius: 6px;
            text-transform: uppercase;
            padding: .8em;
            color: #808080;
            float: right;            
            margin-top: -42px;
            margin-right: -30px;
            font-family: 'Myriad Pro', sans-serif;
        } 
        
        .formulario input[type="checkbox"]{
            display: none;  
        }

        .formulario .contenedor-check label{
            color: #fff;
            padding: 5px 55px 5px 30px;
            display: inline-block;
            position: relative;
            border-radius: 3px;
            cursor: pointer;
            font-size: .9em;
            font-family: 'Myriad Pro', sans-serif;
            -webkit-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

        .formulario .contenedor-check label:before{
            content: "";
            width: 13px;
            height: 13px;
            display: inline-block;
            position: relative;
            font-size: .3em;
            background: none;
            border: 3px solid white;
            position: absolute;
            left: 1em;
            top: 2px;
            font-family: 'Myriad Pro', sans-serif;
        }

        .formulario input[type="checkbox"]:checked + label{         
            padding: 5px 83px 5px 5px;
        }
        .formulario input[type="checkbox"]:checked + label::before{
            display: none;
        }


    .contenedor-minorista{
        background: #5F4E63;
        
        border-radius: 0px 40px 40px 0px;
        /*
        border-top: #fff 3px solid;
        border-bottom: #fff 3px solid;
        border-right: #fff 3px solid;
        */
        display: grid;
        
    }   
        .contenedor-minorista>img{
            padding-top: 20px;
            width: 250px;
            height: 150px;
            margin:auto;
            display:block;
        }
        .subtitulo-minorista, 
        .sub-minorista p{
            margin: 0 0 0 1rem 0;
            color: white;
            text-align:center !important;
            font-family: 'Myriad Pro', sans-serif;
        }

        .contenedor-footer, 
        .subtitulo p{
            color: white;
            position:absolute; 
            bottom:1px; 
            width:98%;  
            text-align:left;
            font-size: .8em;
            font-family: 'Myriad Pro', sans-serif;
        }
        .contenedor-footer-img, 
        .subtitulo p{
            color: white;
            position:absolute; 
            bottom:0; 
            width:98%;  
            text-align:right;
        }
        .contenedor-footer-img> p >#icon3{
            width: 9em;
            height: 2.8em;
        } 

@media(min-width: 1001px) {
    .contenedor-sub {
        width: 99.4vw;
        height: 98.8vh;
        display: grid;
        grid-template-columns:  repeat(4, 1fr);
        position: absolute;
        grid-template-areas:
            ". a a ."
            ". a a ."
            ". a a ."
            ". a a .";
        place-items: center;
        
    }

    .contenedor-minorista2 > * {
        padding-left: 2.5em;
        padding-right: 2.5em;
        padding-top: 1.2em;
    }

    .contenedor-mayorista {
        grid-area: a;
    }

    .contenedor-minorista2 form input{
      
        margin-left: .1em;
        }
  
    
}
@media(max-width: 1000px) {
    .contenedor-sub {
        width: 97.5vw;
        height: 99vh;
        display: grid;
        grid-template-columns: repeat(1, 1fr);              
        grid-template-areas:
            ". a a .";
        place-items: center;
        position: absolute;
        
    }
    

    .contenedor-minorista2{
        border-radius: 40px 40px 40px 40px;
        background-color: #5F4E63;
        align-self: center;
        justify-self: center;
        grid-area: a;
        padding: 0 2.2em 0 2.2em ;
    }

    .contenedor-minorista{
        display: none;
    }
   

    #logo_sn{
        display: block !important; 
    }
    
    .subtitulo-logo{
        display: block !important; 
        color: #fff;
        margin:auto;
        text-align:center ; 
        font-family: 'Myriad Pro', sans-serif;
    }

    .contenedor-footer, 
    .subtitulo p{
        color: white;
        position:absolute; 
        bottom:1px; 
        width:98%;  
        text-align:left;
        font-size: .8em;
        font-family: 'Myriad Pro', sans-serif;
    }

    .contenedor-minorista2> #icon1{
        width: 150px;
        height: 100px;
        margin:auto;
        display:block;
    }
    .contenedor-minorista2 form input{
    margin-right: 10em !important;
    margin-left: -.1em;
    }
    .contenedor-minorista2 form button {  
        margin-top: -42px;
        margin-right: 0px;
        
    } 
}