/* BOTÓN WHATSAPP */
.float{
    transform: scale(0.6); 
	transition: all .4s ease-in-out; 
	position:fixed;
    bottom: -20px;
    right: -20px;
  z-index:100;
}
.float:hover {
	text-decoration: none;
    transform: scale(0.7);
    bottom: -10px;
}

/* OTROS ESTILOS */
.py-4 {    padding-top: 10px !important;    padding-bottom: 10px !important;}
p{ color: #232323 !important;}
.cabecera .text-light, h5{ color: #004a6a !important;}
.navbar.backdrop{background-color: rgba(222, 222, 222, 0.7) !important;}
.navbar-light .navbar-nav .nav-link { color: #004a6a !important; font-weight: bold !important;}
.btn.btn-primary{ background-color: #004a6a !important; border-color: #004a6a !important;}
.contacto input, .contacto textarea{ width: 100%;  border: solid 2px #004b6a;
    margin-bottom: 8px;
    border-radius: 6px;
    padding: 5px 10px;}
.contacto input.enviar{ width: 100px !important; background: #004b6a !important; color: #fff !important;}
.contacto input.enviar:hover{ background: #006f9d !important; font-weight: bold;}

.text-center { text-align: center; margin: 0px 0px 10px 0px;}
.g-recaptcha { display: inline-block;}

.align-items-start { margin-bottom: 20px !important;}

.ejemplos .card-body{ padding: 0px !important;}
.ejemplos .card-body img{ width: 100% !important;}
.ejemplos .py-4 { padding-top: 0px !important;}
.ejemplos .h-100 { height: auto !important;}
.navbar{ background-color: #004a6a !important;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link{ color: #fff !important;}

.navbar-light .navbar-toggler {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 1) !important;
}

.navbar.backdrop {    background-color: rgba(0, 75, 106, 0.7) !important;}
.ejemplos .mb-8 {margin-bottom: 0px !important;}

#team, #fortaleza{background-color: #f7f8ff !important;}

#fortaleza .mb-8 { margin-bottom: 0px !important;}

.container.footer{ padding-top: 100px !important;}
.bg-holder { background-position: center top !important;}
.ejemplos{ padding-top: 60px !important; padding-bottom: 60px !important;}
#contacto{ padding-top: 120px !important; padding-bottom: 40px !important;}
.confian{ padding-top: 20px !important;}


#fortaleza { padding-top: 60px !important; padding-bottom: 30px !important;}

@media (max-width: 500px) {

.navbar img{ width: 200px !important; height: auto !important;}
.col-md-4.col-lg-4.centro, .col-md-8.col-lg-8.centro{ text-align: center !important;}
.cabecera{ padding-top: 40px;;}
.centro .buho{ width: 70px !important;}
.centro .letras{ width: 200px !important;}
.col-auto.col-md-4{width: 50% !important;}
.navbar-light .navbar-toggler-icon{background-image: url("assets/img/icons/buho-manager-menu.png") !important;}

.pt-6.ejemplos{ padding-bottom: 10px !important;}
.pt-8.servicios{ padding-top: 20px !important;}

.servicios .mt-5 { margin-top: 0px !important;}

.servicios .mb-4 { margin-bottom: 0px !important;}

.confian{ margin-top: 20px !important;}
#team{ padding-top: 40px !important;
    padding-bottom: 40px !important;}
.confian .py-5 { padding-bottom: 0px !important;}

.cabecera h1{font-weight: 300 !important;
    font-size: 18px !important;}

.min-vh-50 { min-height: 10vh !important;}
.ejemplos{margin-top: -50px !important;}

}