:root {
    /* CSS HEX */
    --Azul1 : #0554F2; 
    --Azul2: #056CF2; 
    --Azul3 : #99C8F2; 
    --Naranja : #F2BC1B; 
    --Rojo : #F24B4B; 
    --blanco : #ffffff; 
    --oscuro : #212121;
    --gris: #777;
}
*, *:before, *:after{
    box-sizing: border-box;
}
html{
    font-size: 62.5%;
    box-sizing: border-box;
    scroll-snap-type: y mandatory ;   
     /*position: relative;*/ 
}

.bodyinicio {
    /*position:relative;*/
    margin: 0;
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif;
    /*min-height: 100vh;*/    
    background-image: url('../Img/fondoMB - copia.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height: 640px;
    width: 500px;
    /*background-size:contain;*/
    float: left;
    /*background-color:aqua;*/
    /*background-repeat: no-repeat;*/
}
.bodyTodos {
  
    background: linear-gradient(blue, pink);
}


.bodyinicio-Trans{
    position:absolute;
    background-color: rgba(0,0,0, .5);
    width:100%;     
    height:100%;
    left:0;
    top:0;  
}
.gtco-container {
    max-width: 1100px;
    position: relative;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.contendor-inicio{    
    position:relative; 
    display:flex;
    flex-direction:column;
    justify-content: flex-end;     
    align-items:center;
    margin:-7rem;
    /*width:400px;*/
       /*height:350px;*/
    /*height:200px;*/
    /*background-color: yellow;*/
    
     top:10rem;
}

@media (min-width:780px){
    .contendor-inicio{
    display:flex;
    flex-direction:row;
    justify-content: flex-end;  
    /*align-items:flex-end;*/ 
    margin:15rem;
    height:30rem;
    }
}
.contendor-inicio div {
    /*margin-left: -15px;
    margin-right: -15px;*/
    
    /*top:10rem;*/
    width:400px;
    /*background-color:#C71585;*/
    /*position: absolute;*/
}

.Aljimia{
    color:var(--blanco);
    text-align:center; 
    font-size:5rem;
    font-family: 'Lato', sans-serif;
    margin-bottom:0px;
}
@media (min-width:780 ){
    .Aljimia{
        text-align:start; 
        align-items:flex-start;
        top:10rem ;
    }
}
.leg{
    /*top:30rem;*/
    
}


.formulario2 {
    background-color: var(--blanco);
    border-top: 10px solid var(--Azul3);
    position: relative;
    /*width:min(24rem, 100%);/*utilizar el valor mas pequeño*/*/
    display:block;
    text-align:center;
    height:49rem;
    /*flex-direction:column;*/
    /*align-items:center;*/
    /*align-items:center;*/

    /*height:30rem;*/
    /*margin: 6 10;*/
    /*padding: 1rem;*/
    /*border-radius: .5rem;*/
}

.formulario2 fieldset{
    /*border: none;*/
    top:30rem;
}
.formulario2 legend {
    top: 200rem;
    /*text-align: center;*/
    font-size: 3rem;
    text-transform: uppercase;
    /*font-weight: 400;*/
    margin-bottom: 5rem;
    color: var(--oscuro);       
}


.campos{
    margin-top: 2rem;
}
.campos label{
    color:var(--gris);
    font-weight:bold;
    margin-bottom:.5rem;
    display:block;
}
.campos input{
    width:83%;
    border: 2px solid rgba(0, 0, 0, 0.1);
    /*border:none;*/
    padding:1.5rem;
    margin-bottom:3rem;
}
.boton{
    background-color: var(--Naranja);
    color: var(--blanco);
    /*padding;*/
    margin-bottom: 1rem;
    font-size: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: .5rem;
    width: 80%;
    text-align: center;
    border: none;
}

.boton:hover{
cursor: pointer;
}
.w-sm-100{
    /*width:auto;*/
}

@media (min-width:600px){
    .w-sm-100{
        /*width:auto;*/
    }
}
.flex{
    display:flex;
}


.alinear-derecha{     
     justify-content:flex-end;   
 }
.contenedore{
    max-width: 120rem;
    margin: 0 auto /* es lo mismo 0 auto 0 auto; */
}


.contenedor{overflow:auto}
.rangos{background:#e5e5e5;
        padding:20px 20px 20px 20px;
        border-radius:20px;
        border:none;
        border-bottom:2px solid #3e3e3e;
        color:#090909}
.linearcm{
    border:1px solid #e3e3e3
}
.bordes{
    border:1px solid #3e3e3e;
    background:#fff;
    border-radius:10px;
    padding-top:20px

}
.datocliente{
    padding-top:10px
}
.socios{
    width:15000px
}
.porsocio{
    margin-bottom:20px

}
.tabla{
    margin-right:15px}
.recuadro{
    background:#d3d3d3;
    border:none;}
.recuadro a:hover{
    color:#050505}
.cuadro{
    background:#9f9f9f;color:#fff}
.circle{
    background:#074d67;
    margin:5px 5px 5px 5px;
    width:60px;height:60px;
    display:block;float:left;
    text-align:center;
    z-index:5;}
.circle:hover{    
    background:#3e3e3e}
.circle .textnivel{
    text-align:center;color:#fff}
.patrocinador{
    background:#074d67;
    border-radius:10px;
    color:#fff;
    height:80px;
    margin:0 auto;
    padding:10px 10px 10px 10px;
    text-align:center;width:250px}
hr{
    background:#074d67;
    height:1px;margin-top:-2px}
.line{margin:0 auto;
      width:1px;
      height:20px;
      background:#074d67}
.line2{width:1px;
       height:20px;
       margin:0 auto;
       background:#074d67;
       margin-top:-27px}
.line3{background:#074d67;
       height:20px;
       margin-left:35px;
       margin-top:-20px;
       width:1px}
.activo{color:#43ac6a}
.regalo{color:#d08002}
.regaloinactivo{color:#f00}
.inactivo{background:#3e3e3e;
          color:#fff;
          padding:5px}
.uno{color:#3e3e3e;
     padding:0}
.dos{color:#43ac6a;
     list-style:none;
     padding-left:10px}
.tres{color:#d08002;
      list-style:none;
      padding-left:20px}
.cuatro{color:#999;
        list-style:none;
        padding-left:30px}
.nombres{opacity:0;}
.nombres:hover{opacity:1;
               color:#d08002;
               background:#3e3e3e;
               z-index:5000}
.chat{background:#000}

.Letracolor {
    /*color:orange;*/
    color:#bd7d07;

}