/***ESTILOS GENERALES***/
html {scroll-padding-top:65px}
html, body {height: 100%;}
body {padding-top: 60px}
/*Colores*/
.azul {color:#11a8d3;}
.azul-oscuro {color:#004b93}
.verde {color:#00cf58;}
.gris {color:#707070}
/*Links*/
a {color:#11a8d3;font-weight: bold}
a:hover {color: #0a647e;}
#f-redes a {color: #4c555f;}
#f-redes a:hover {color:#000000}
/*Links nav*/
.nav-link {border-top: 3px solid #F8F9FA}
.nav-link:hover {border-top: 3px solid #01df62;}
.nav-link#tel-nav:hover {border-top: 3px solid #F8F9FA}
.nav-link#tel-nav:hover i {color:#01df62;}
.nav-link#whatsapp-nav i {color:#01df62; }
/*Botones*/
.btn-primary {background-color: #004b93;border-color: #004b93;}
.btn-secondary {background-color: #01df62;border-color: #01df62;color:#333333;font-weight: bold;}
.btn-secondary:hover {background-color: #15fe7b; border-color: #15fe7b;color:#333333;}
/*Listas*/
.list-arrow li {list-style:none;padding-bottom:1.7%;}
.list-arrow li:before {content: "\f054";font-family: 'FontAwesome';float: left;margin-left: -1.3em;}
/*Animaciones*/
/*Animaciones AnimatiSS | Licensed under FreeBSD License | URL: https://xsgames.co/animatiss*/
.shake-left-right :hover i{animation:shake-left-right 0.8s linear both} @keyframes shake-left-right{0%,100%{transform:rotate(0deg);transform-origin:50% 50%}10%{transform:rotate(8deg)}20%,40%,60%{transform:rotate(-10deg)}30%,50%,70%{transform:rotate(10deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}}
/*FIN Animaciones AnimatiSS*/
#txt-cabecera {animation-duration: 1.5s;animation-name: slidein;}
@-webkit-keyframes slidein { from {margin-left: -15%;} to {margin-left: 0%;}}
@keyframes slidein {from {margin-left: -15%;} to {margin-left: 0%;}}
/*FIN Animaciones*/
/***SECCIONES***/
/*Contenedor*/
.wrapper {min-height: 100%;display: flex;flex-direction: column;}
/*Cabecera*/
.navbar-brand {padding: 0;}
@media (max-width: 576px) {.navbar-brand img {max-width:210px;}}
/*Cuerpo*/
main {flex: 1;}
/*Footer*/
footer {text-align: center;}
footer a i {transition: transform .3s ease-out;}
footer a i:hover {transform: translateY(10px);}
@media (max-width: 576px) {#f-redes  {margin-top: 5%;}}
/*Cookie banner*/
#cb-cookie-banner {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;border-radius: 0;display: none;}
/***ESTILOS PÁGINAS***/
/*INDEX*/
/*Cabecera*/
#cabecera.bg-image {background-image: linear-gradient(#004b93, #689bba, #a0b2bd, #ffffff);}
#mask-cabecera {background-color: rgba(0, 75, 147, 0.8);max-width: 750px;text-align: center;} /*600px*/
@media (min-width: 576px) {#mask-cabecera {text-align: right;}}
@media (min-width: 992px) {
	#cabecera.bg-image {background-image: url('../_img/slider.png');}
	#form-info, #form-recogida, #formInfo, #formRecogida {max-width: 400px;}
}
/*Tipos de dispositivos*/
#lista-dispositivos img {margin-bottom: 5px}
/*Recogida gratuita y su repetición*/
#recogida-gratuita, #recogida-gratuita-reprise {background-color:#004b93;}
.txt-recogida-gratuita a {color:#ffffff}
#recogida-gratuita-reprise .container {max-width:  1000px;margin:0 auto}
@media (min-width: 992px) {#form-recogida {max-width: 350px;}}
/*#btnRecogida {margin-top: }*/
/*Conócenos*/
#por-que-ondata.bg-image {background-image: url('_img/por-que-ondata.png'); background-repeat: no-repeat;
background-size: 100% 100%; }
#por-que-ondata {background-color:#00124D;} /*antes #001A4F */
#ingeniero {padding: 0;}
@media (min-width: 1600px) {
	.l-porque-ondata {margin-bottom: 30px;}
	#por-que-ondata p.h1{margin-bottom: 40px;}
}
/*Delegaciones*/
#delegaciones .accordion-button:before {font-family: "Font Awesome 6 Free"; content: "\f279";padding-right: 8px;font-size: 1.2em;}
#delegaciones .accordion-button:not(.collapsed) {color:#000000;}
#delegaciones .accordion-button:focus {border-color: #000000}
#delegaciones .accordion-button:hover {background-color: #E7F1FF}
#delegaciones a {font-weight: normal;color:#000000;text-decoration: none;}
/*Clientes*/
#clientes {background-color: #001450}  /*antes #002150*/
/*FAQ*/
/*	#faq .accordion-button:before {font-family: "Font Awesome 6 Free"; content: "\f059";padding-right: 8px;font-size: 1.5em;}*/
#faq .accordion-button, #faq .accordion-button:not(.collapsed) {color: #004b93;font-weight: bold} /*font-weight: bold;*/
#faq .accordion-button:not(.collapsed), #faq .accordion-button:hover {background-color: #e7e9f3 ; } /* #ededed background-color: #eef7fa; */
#faq {max-width:  850px;margin:0 auto}
/*    #accordionFAQ, #accordionFAQ-servicio {max-width:  850px;margin:0 auto}*/
/*OTRAS PÁGINAS*/
.contenido-texto h1 {margin-bottom:3%}	
.contenido-texto h2 {margin:6% 0 3% 0}
.contenido-texto h3 {margin:4% 0 2% 0}