*{
    font-family: 'Lato', sans-serif;

}

/* Header y Nav */
.nav {
    height: 2em;
}
.headerinfo{
    color: #fff;
    position: relative;
    top: 10em;
    min-height: 10em;
    border-radius: 10px;
    font-weight: 700;
}
.headerinfo h1{
    text-shadow: 2px 2px 4px #000;
    font-size: 4em;
    font-family: 'Lato', sans-serif;
}
.headerinfo h3{
    text-shadow: 2px 2px 4px #000;
    font-size: 2em;
    font-family: 'Lato', sans-serif;
}

.customnavpill button .active{
    width: auto;
    font-size: 1em;
    border: none!important;
}
.nav-tabstabcustom .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none!important;
}
.tab-pane > div.row{
    min-height: 700px;
}
.navbar-light .navbar-nav .nav-link {
    width: auto;
    font-size: 1.2em;
    color: #00775A;
     text-transform: uppercase;
     border: none;
}
.navbar-light .navbar-nav .nav-link:hover{
    width: auto;
    font-size: 1.2em;
    color: #005944;
     text-transform: uppercase;
     border: none;
}
.navbar-light .navbar-nav .nav-link:active{
    width: auto;
    font-size: 1.2em;
    color: #005944;
     text-transform: uppercase;
     font-weight: 800;
     /*border-bottom: 2px solid #005d42;*/
}
/*Contador*/
.contador{
    background-color:#ebbe37;
    border-radius: 10px;
    margin-top: 2em;
}

.count-h1 {
 text-shadow: none!important;
  color: black;
  font-weight: 400;
  font-size: 2em!important;
  padding: 8px;
}

/* Portada */
.cabecera {
    background-color: black;
    background: url(img2023/fondos01.jpg) no-repeat; 
    background-position: 50% 48%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 700px;
}
.cabecera .container {
    text-align: center;
    padding: 100px 0px 50px 0px;
}


.btn-custom{
    background-color:#23056c;
    border: #1b0457;
    font-size: 2em;
    text-transform: uppercase;
    margin-top:2em;
    height: 3em;
}
.btn-custom:hover{
    background-color: #005d42;
    border: #007d56;
    font-size: 2em;
    text-transform: uppercase;
}
.btn-customi{
    background-color:#23056c;
    border: #1b0457;
    border-radius: 10px 10px 0px 0px;
    font-size: 2em;
    text-transform: uppercase;
    margin-top:2em;
}
.btn-customi:hover{
    background-color: #005d42;
    border: #007d56;
    font-size: 2em;
    text-transform: uppercase;
    transition:  300ms ease-in-out;
}
.btn-consulta{
    background-color: #ebbe37;
    border-radius: 0px 0px 10px 10px;
    border:#ebbe37;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-top: 0em;
    height: 2em!important;
}
.btn-consulta:hover{
    background-color: #005d42;
    border: #007d56;
    font-size: 1.5em;
    text-transform: uppercase;
    transition:  300ms ease-in-out;
}
.text-primary{
    color: #005944!important;
    font-weight: 600;
}
/*Footer*/
footer{
    background-color: #00775A;
    background: url(img2023/fondos02.jpg) no-repeat; 
    background-position: 50% 87%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    bottom: 0;
    position: bottom;
    color: white;
    margin-top: 2em;
}
.amail{
    text-decoration: none;
    color:#FFD24A;
}
.amail:hover{
    text-decoration: none;
    color:#ebbe37;
}

/*contenido*/
.numeracion{
    font-size: 2emm;
    color:#00775A;
    font-weight: 800;
}
.pasoscard{
    height: 270px!important;
    margin-bottom: 2em!important;
}
.padroncard{
    padding: 1em;
    border-left: 7px solid #00775A;
}
.padroncard h5{
    line-height: 1.3em;
}
.separador{
    width:50%; 
    margin-left:25% !important;
    margin-right:25%;
    height: 2px;
    border: 2px solid #00775A;
}

.como-votar .texto {
    background-color: #FFF;
}
.como-votar .bg-img3 {
    background: url(img/bg-padron.jpeg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
}

.nav-tabcustom .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #01376e;
    background-color: #ffffff;
    font-weight: 800;
}


.img-decor{
    padding: 0.25rem;
    background-color: #fff;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;

}
/*Acordion*/
.accordion-button:not(.collapsed) {
    color: white;
    background-color: #00775A;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:focus {
    z-index: 3;
    border-color: #005944;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #1987544d;
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0%) invert(100%);
}
/*boton subir*/
#btnUp {
    font-size: 2em;
    background-color: #1B1464;
    color: #FFD24A;
    position: fixed;
    bottom: 2em;
    right: 20px;
    z-index: 99999999;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  
  #btnUp.show {
    opacity: 1;
  }

  .abutton {
    color: white;
    text-decoration: auto;
  }

  .abutton:hover {
    color: white;
    text-decoration: auto;
  }

/*tablet*/
  @media (min-width: 768px) and (max-width: 991px) {

    .bg-img3{
        margin-top:1em;
    }

    .nav-brand{
        padding-left: 5rem!important;
    }

 .headerinfo img{
        height: 8em!important;
    }

    .btn-custom {
        background-color: #23056c;
        border: #1b0457;
        font-size: 2em;
        text-transform: uppercase;
        margin-top: 2em;
        height: 4em!important;
    }
   #comunas, #pasos, #padron, #preguntas-frecuentes{ 
       padding: 0!important; 
    }
    .pasoscard {
        height: 340px!important;
    }

    .card p{
        padding-top: 1em!important;
    }
     .bg-img3{
        display: none!important;
    }
}  
/*celular*/
@media (min-width: 320px) and (max-width: 767px) {

    .bg-img3{
        margin-top:1em;
    }

    .nav-brand{
        padding-left: 5rem!important;
    }

 .headerinfo img{
        height: 7em!important;
    }

    .contador{
        margin-top:3em;
    }
    .btn-custom {
        background-color: #23056c;
        border: #1b0457;
        font-size: 2em;
        text-transform: uppercase;
        margin-top: 2em;
        height: 4em!important;
    }
   #comunas, #pasos, #padron, #preguntas-frecuentes{ 
       padding: 0!important; 
    }
    .pasoscard {
        height: 340px!important;
    }

    .card p{
        padding-top: 1em!important;
    }
     .bg-img3{
        display: none!important;
    }
}