* {
    margin: 0;
    padding: 0;
}

/*BTN WHATSAPP*/

#btn-whatsapp div i{
    z-index: 10;
    width: 55px;
    height: 55px;
    color: #ffffff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #24cc63;
    font-size: 2em;
    position: fixed;
    bottom: 15px;
    right: 15px;
    border-radius: 50%;
}

#btn-whatsapp-contacto {text-decoration: none;}

#btn-whatsapp-contacto div {
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    width: 100%;
    background-color: #24cc63;
    padding: 1em 0;
}

#btn-whatsapp-contacto div i {
    font-size: 1.5em;
}

h2 {
    text-align: center;
}

section {
    margin: 5em 0;
}


/*HEADER*/

header {
    margin: 0;
    padding: 0 !important;
}

header section {
    background-image: url('../media/portada.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    margin: 0 !important;
}

header section h1 {
    font-weight: bold;
}

header section .container .row {
    padding-top: 13em;
    padding-bottom: 7em;
}

header section .container .row .col-12 p {
    font-size: 1.2em;
}

header section .container .row .col-12 p a {text-decoration: underline;}

/*BTN HEADDER*/
header  section a {text-decoration: none;}
header section .cta-header {
    padding: .5em 1em;
    font-size: 1.2em;
    border-radius: 10px;
    background-color: #140A6C;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    font-weight: bold;
    display: inline-block;
}

header section .cta-header:hover {
    background-color: #090055;
}

/*ACERCA DE NOSOTROS*/

/*NUESTROS COMBUSTIBLES*/
#nuestros-combustibles h3 {
    text-align: center;
    font-size: 1.2em;
    color: #140A6C;
}

/*NUESTROS PERMISOS*/

section .row .permisos .permiso p span {
    font-weight: bold;
    color: #140A6C  ;
}

/*NUESTRAS INSTALACIONES*/

.carousel-control-prev, .carousel-control-next {
    border: none;
    background-color: transparent;
    color: #ffffff;
}

.carousel-indicators {
    display: flex;
}

.carousel-indicators button {
    width: .5em;
    height: .5em;
    margin: 10px 5px;
    border-radius: 15px;
    border: none;
}

/*SERVICIOS ADICIONALES SIN COSTO*/

#servicios .row .col-12 div {
    width: 18em;
    margin: 0 auto;    
}

#servicios .row .col-12 h3 {
    text-align: center;
    font-size: 1.3em;
    color: #140A6C;
}

#servicios .row .col-12 p {
    text-align: center;
}

#servicios .row .col-12 div .thumbnail {
    width: 50%;
    margin: 0 auto;
}

/*CONTACTO*/

.btn-formulario {
    background-color: rgb(0, 0, 111);
    color: #fff;
    font-weight: 600;
}

.btn-formulario:hover {
    background-color: rgb(0, 0, 48);
    color: #fff;
}

/*FOOTER*/
footer {
    background-color: #001920;
    color: #ffffff;
}

footer section {
    margin: 0;
    padding-top: 2em;
}

footer section ul li a {
    text-decoration: none;
    color: #ffffff;
}

footer section ul li a:hover {
    text-decoration: underline;
    color: #cecece !important;
}

/*VALIDACIÓN*/

/*Inputs*/
.correcto {border: 1px solid rgb(106, 255, 0) !important;}
.incorrecto {border: 1px solid red !important;}


/*Formulario*/
#alertSuccess {display: none;}
#alertDanger {display: none;}