/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
/*  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/
/*  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
  height: auto !important;
}
.cover-container {
    max-width: 60% !important;
    height: auto!important;
}

.bg-ine1{background:#94795D;
  height: auto;
}
.bg-ine{background: rgb(255,255,255,0);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 64%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 64%);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 64%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e73589",endColorstr="#ffffff",GradientType=1);
height:auto; 

}
.cover-container {
  max-width: 42em;
}
.text-rosaine{color: #94795D}
.text-bodytext {
    color: #94795D;
    font-weight: 600;
}
.justify {text-align: justify;}
li.justify {color: #94795D}

.inelogo{width: 100%;
  margin: 0 auto;
      scale: 40%;}
.botonera {
    width: 100%;
    margin: 0 auto;
}           
.btn-ine {
    width: 250px;
    height: 45px;
    padding: 10px;
    background: #94795D;
    border-radius: 12px;
    border: none;
    color: #ffffff;
    margin: 3% 1%; 
}
.btn-ine:disabled {
    background: #f8c3dc;
}
.btn-ine-nav {
    width: 50px;
    background: #94795D;
    border-radius: 50px;
    border: none;
    color: #ffffff;
    margin: 3% 1%;
}
.btn-ine-nav:disabled {
    background: #f8c3dc;
}
.btn-ine:active:hover:not([disabled]){
    width: 250px;
    height: 45px;
    padding: 10px;
    background:#F8EDD6;
    border-radius: 12px;
    border: none;
    color: #ffffff;
    margin:3% 1%;
} 
.btn-ineG {
    width: 60%;
    height: 45px;
    padding: 10px;
    background: #94795D;
    border-radius: 12px;
    border: none;
    color: #ffffff;
    margin:3% 1%;;   
} .btn-ineG:hover{
    width: 60%;
    height: 45px;
    padding: 10px;
    background:#F8EDD6;
    border-radius: 12px;
    border: none;
    color: #ffffff;
    margin: 3% 1%;
}
.btn-ineSalir {
    width: 250px;
    height: 45px;
    padding: 10px;
    background: #a09d97;
    border-radius: 12px;
    border: none;
    color: #ffffff;
    margin: 3% 1%;
} .btn-ineSalir:hover{
    width: 250px;
    height: 45px;
    padding: 10px;
    background:#86847f;
    border-radius: 12px;
    border: none;
    color: #ffffff;
    margin: 3% 1%;
}
.btn-ine2 {
    width: 100%;
    height: 60px;
    border: 3px solid #FFDBEC;
    -moz-border-radius: 50px;
    -webkit-border-radius: 64px;
    border-radius: 15px;
    background: #94795D;
    color: #ffffff;
    font-size: 1.3em;
    margin: 3% 1%;
} .btn-ine2:hover {
    background: #ffffff;
     color: #94795D;
}
#circuloG {
    height: 15em;
    width: 15em;
    -moz-border-radius: 50px;
    margin: 0px auto;
    align-items: center;
    display: flex;
} .menudots{width: fit-content;
    margin: 0 auto;} #circulo {
    height: 15px;
    width: 15px;
    background: #ec9fc3;
    -moz-border-radius: 0px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 4px;
} .circulo_activo {
    background-color: #94795D !important;
}
#rectangulo {
    background: #FFFFFF;
    width: 100%;
    min-height: 450px;
    background: #ffffff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 64px;
    border-radius: 38px;
    box-shadow: 0px 0px 24px #6f6f6f;
    margin: 0 auto;
    padding: 10px;
} .INE-legal{
  width: 100%;
  min-height:420px;

} .gif{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    scale: 100%;
} 
/*
 * Header
 */
.cabezal {height: 100px;
    align-items: baseline;
}
.ine-header {
    width: 320px;
    max-width: 550px;
    height: auto;
    ;
}
.ine-header2 {
    width: 100%;
    max-width:550px;
    height: auto;
}
.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
} .nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
} .nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
} .nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
} .iconhelp {
    background: url(../IMG/help.png) no-repeat 100% 90% / 5%;
    width: 100%;
    height: 101px;
} .consejoli{
    width: 50%; 
    margin: 0 auto; 
    height: auto;
}
.pleca {
    background: url(../IMG/pleca.svg) no-repeat 100% 50% / 100%;
    width: 100%;
    height: auto;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}
.mapa {
    width: 100%;
    height: auto;
    margin: 15px 0px;
    max-width: 450px;
}
.Magua {
    background: url(../IMG/Magua.svg) no-repeat 25px 10px / 60%;
    width: 100%;
    height: 150px;
    margin: -40px 0px;
    position: relative;
} .datos{
  text-align: left;
  margin: 2% 0px;
} hr.rosa{
  color: #94795D;
    opacity: 1;
    margin: 3em 0em; }
/* Small devices (tablets, 768px and up) */
@media (max-width: 576px) { 
    .consejoli{
            width: 100%;
        margin: 0 auto;
        height: auto;
        }

    .ine-header {
    width: 35%;
    }
}