/*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:#235165;} 
	a:hover {color: #000000;}
	#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 #000000;} 
	.nav-link#tel-nav:hover {border-top: 3px solid #F8F9FA}
	.nav-link#tel-nav:hover i {color:#000000;}
	/*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 (min-width: 576px) {
		footer {text-align: center;}
	}*/
@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:#001A4F;} /*antes #001A4F */
	#ingeniero {padding: 0;}
	@media (min-width: 1600px) {
		.l-porque-ondata {margin-bottom: 1.5rem;}
/*		#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: #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}