/* Extra small devices (portrait phones, less than 576px)
*  No media query for `xs` since this is the default in Bootstrap
*  General clases
*/

@import 'fonts.css';

:root{
    --blanco: white;
    --Negro: black;
    --amarillo: #FC9E4F;
    --rojo: #F4442E;
    --azul-f: #07184A;
    --azul: #4DC0CB;
    --magenta: #330C2F;
    --verde: #4D8B31;
    --aqua: #0A2E36;
    --texto: #3b3b3b;
}

body, input, textarea{
    font-family: 'Helvetica Neue';
    font-weight: lighter !important;
    font-size: 10px;
}
h1{
    font-size: 18px;
    text-shadow: 2px 2px 6px #00000073;
}

h2{
    font-size: 16px;
}

h3{
    font-weight: normal;
    font-size: 12px;
}

footer{
    padding-top:8em;
    padding-bottom:8em;
    font-size: 9px;
}

footer h2{
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 4em; 
}

footer h3{
    font-size: 12px;
    font-weight: 100;
}

footer textarea{
    height: 9em;
}

footer a{
    color: var(--azul-f);
}

footer input, footer textarea{
    font-size: 9px;
    border: none;
    background-color: #BFEEF2 ;
    padding: .8em 1.5em .8em 1.5em;
}

footer form ::-webkit-input-placeholder { 
    color: var(--azul-f); 
} 

footer form :-moz-placeholder{
    color: var(--azul-f); 
}

footer form ::-moz-placeholder{
    color: var(--azul-f); 
}

footer form :-ms-input-placeholder{
    color: var(--azul-f); 
}

footer ul{
    list-style: none;
    padding: 0;
}

#mapaContainer{
    padding-top: 100%;
}

#mapa{
    width: 100%;
    height: 100%;
}

.pt-8{
    padding-top: 8em;
}

.btn{
    border-radius: 0;
    font-size: 1em;
    padding: .6em 3em;
} 

.btn-outline-primary {
    border: 3px solid;
    color:var(--azul-f);
    border-color:var(--azul-f);
}
.btn-outline-ini {
    border: 4px solid;
    border-color: white;
    color: white;
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: white;
    background-color: var(--azul-f);
}

.nav-pc{
    display: none;
}

.btn-nav {
    display: inline-block;
    font-weight: 400;
    color: #0c82f8;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25em;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-top: 15px;
}
.azul-nav{
    background-color: var(--azul-f);
}
.amari{
    color: var(--amarillo);
    width: 100%;
}
.imgn{
    padding-bottom: 7px;
    width: 40%;
}
.img-logo{
    content: url("../img/icon/logo_adep.png"); 
    width: 30%;
    max-height: 3em;
    max-width: 9em;
}

.masthead-section{
    background-attachment: scroll;
    position: relative;
    min-height: 50em;
    background: no-repeat center center;
    background-color: var(--gris);
    background-position:center;
    background-size: cover;

}
.section-p{
    padding-top: 6em;
    padding-bottom: 4em;
  }
.texto-centrado{
    text-align: center;
}
.color-blanco{
    color: var(--blanco) !important;
}
.cuerpo-gris-trans{
    background-color:#4b4a4a;
    opacity: 8%;
}
.card-principal{
    display: flex;
    align-content: flex-end;
}
.ht-fit-content{
    height: fit-content;
}

.expand2container{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.aspect-ratio-portrait{
    padding-top: 150%;
}

.bottom-5{
    bottom: 3em;
}

.text-azul-f{
    color: var(--azul-f);
}

.text-azul{
    color: var(--azul);
}

.text-naranja{
    color: var(--rojo);
}

.text-shadowed{
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
}

.bg-degradado{
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(77,193,203,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(77,193,203,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(77,193,203,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(77,193,203,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(77,193,203,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(77,193,203,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4dc1cb', GradientType=0 );
}

.bg-degradado-naranja{
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,157,79,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(252,157,79,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,157,79,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,157,79,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,157,79,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(252,157,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fc9d4f', GradientType=0 );
}

.bg-degradado-ini{
    background: linear-gradient(180deg, transparent 20%, rgba(77,192,203,1) 100%);
   max-width: 100%;
} 
.bg-degradado-cert{
    background: linear-gradient(180deg, transparent 20%, #FC9E4F 100%);
   max-width: 100%;
} 
.bg-azul-f{
    background: var(--azul-f);
}

.bg-magenta{
    background: var(--magenta);
}

.bg-verde{
    background: var(--verde);
}

.bg-aqua{
    background: var(--aqua);
}

.bg-negro75{
    background: rgba(0,0,0,.75);
}

.bg-centertop{
    background-position: center top;
}

.bg-norepeat{
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-none{
    background: none;
}

.bg-diagonal{
    background: rgba(78,139,49,1);
    background: -moz-linear-gradient(-45deg, rgba(78,139,49,1) 0%, rgba(78,139,49,1) 50%, rgba(51,12,47,1) 50%, rgba(51,12,47,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(78,139,49,1)), color-stop(50%, rgba(78,139,49,1)), color-stop(50%, rgba(51,12,47,1)), color-stop(100%, rgba(51,12,47,1)));
    background: -webkit-linear-gradient(-45deg, rgba(78,139,49,1) 0%, rgba(78,139,49,1) 50%, rgba(51,12,47,1) 50%, rgba(51,12,47,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(78,139,49,1) 0%, rgba(78,139,49,1) 50%, rgba(51,12,47,1) 50%, rgba(51,12,47,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(78,139,49,1) 0%, rgba(78,139,49,1) 50%, rgba(51,12,47,1) 50%, rgba(51,12,47,1) 100%);
    background: linear-gradient(135deg, rgba(78,139,49,1) 0%, rgba(78,139,49,1) 50%, rgba(51,12,47,1) 50%, rgba(51,12,47,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e8b31', endColorstr='#330c2f', GradientType=1 );
}

.card {
    border: none;
    border-radius: 0;
}

.card-header{
    background:none;
    border: none;
}

.filter-input{
    border: none;
    background:#E7E7E7;
}

.form-control{
    font-size: 1em;
}

.page-item.inactive .page-link{
    z-index: 1;
    color: #777777;
    background-color: #E7E7E7;
    border-color: #E7E7E7;
}

.page-item.active .page-link{
    background-color: var(--azul);
    color: white;
    border-color: var(--azul);
}

.page-item:last-child .page-link, .page-item:first-child .page-link{
    border-radius: 0;
}

.page-link{
    border: 2px solid var(--azul);
    color: var(--texto);
}

.table thead th{
    color: white;
    background-color: var(--azul);
}

.table-striped tbody tr:nth-of-type(odd){
    background:#4dc0cb44;
}

.lista-beneficios li{
    margin-top: .75em;
    margin-bottom: .75em;
    display: flex;
    justify-content: flex-end;
}

.legal-bar{
    font-size: 7px;
    text-align: center;
    position: absolute;
    padding: 1em 0 1em 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 100;
}

.whatsapp{
    width: 80px;
    position: fixed;
    bottom: 3em;
    right: 1em;
    z-index: 999;
}
.img-lista{
    padding-left: 42%;
}

.fb-page iframe, .fb-page span{
    width: 100% !important;
    max-width: 500px;
    min-height: 500px;
}

.thankyou-container{
    height: 100%;
    background-size: cover;
    z-index: -9999;
    background-position-y: 6em;
    background-position-x: 67%;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 500px) { 
    .fb-page iframe, .fb-page span{
        width: 500px !important;
        max-width: 500px;
    }
    
 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    body, input, textarea{
        font-size: 16px;
    }
    h1{
        font-size: 45px;
    }

    h1{
        font-size: 45px;
    }

    h2{
        font-size: 32px;
    }

    h3{
        font-weight: normal;
        font-size: 16px;
    }

    footer{
        font-size: 14px;
    }

    footer input, footer textarea{
        font-size: 14px;
    }

    footer h2{
        font-size: 20px;
    }

    footer h3{
        font-size: 18px;
    }

    #mapaContainer{
        padding-top: 50%;
    }

    .card{
        padding: 5em;
    }

    .legal-bar{
        font-size: 9px;
    }

    .aspect-ratio-landscape{
        padding-top: 60%;
    }

    .whatsapp{
        width: 90px;
        bottom: 4em;
        right: 4em;
        z-index: 999;
    }

 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .nav-cel{
        display: none;
    }
    .nav-pc{
        display: block;
    }
    
 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
   
}