/*CAMBIO DE COLOR DE SELECCIÓN A 15/07/2025*/
::selection {
background: #990924;
color: white;
}

::-moz-selection {
background: #990924;
color: white;
}
/*---fin cambio color selección----*/

/* === ACCESIBILIDAD: Resaltado menú activo actualmente por el usuario WCAG AAA === */

/* Enlaces activos en menú y submenú */
.navbar-nav li a.active {
    background-color: #D9EDF7;   /* azul claro */
    color: #000 !important;      /* contraste AAA */
    text-decoration: none;
}

/* Menú principal activo */
.navbar-nav > li > a.active {
    background-color: #D9EDF7;
    color: #000 !important;
    font-weight: bold;           /* refuerzo visual jerárquico */
}

/* Estados hover y focus accesibles */
.navbar-nav li a:hover,
.navbar-nav li a:focus {
    background-color: /*#c4e3f3;*/#990924;   /* rojo del portal para el hover del puntero */
    color: /*#000*/#ffffff !important;
    text-decoration: underline;  /* refuerzo perceptible */
}

h1{
	font-family: calibri;
	color: #990924;
	display: inline-block;    
	padding: 0 5px 0 5px;
	background-color: #fff;
}
h2, h3{
	font-family: calibri;
	color: #2c6a9d;
	background-color: #fff;
	border-left: 3px solid;
	display: inline-block;
	padding: 5px;
}
.navbar-nav li a{
	/*text-transform: uppercase;*/
	color: #fff;
}
.nav .open > a, .navbar-nav li a:hover{
	color: #000;
}
.navbar-nav li ul li a{
	color: #000;
}

#carouselTransparencia{
	margin-top:136px; /*actualizado 6px para barra scroll 09/07/2025*/
}
@media (max-width:800px) {
	#carouselTransparencia {
		display:none !important;
	}
	#cabecera, #menu{
		position: relative !important;
		top:inherit !important;
	}
	#contenedor{
		margin-top:0 !important;
	}
}

.carousel-caption {                
	padding-bottom: 30px;
	right: 0;
	top: -5%;
	height: 80px;
}
.carousel-caption h3{
	display:inline-block;
	background-color: #2c6a9d;
	color: #fff;
	box-shadow: 0 0 10px black;
	padding:8px;
}
.carousel-caption p{
	display:inline-block;
	background-color: #b2b2b2;
	padding:3px;
}

.btn-circle.btn-lg {
	border-radius: 25px;
	font-size: 18px;
	height: 50px;
	line-height: 1.33;
	padding: 10px 16px;
	width: 50px;
}
.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0; // remove the gap so it doesn't close
}

/*ESTILO BARRA SCROLL - 09/07/2025 Y BOTON SCROLL ARRIBA 11/07/2025*/
.scroll>.scroll-header .progress-container {
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw
}

.scroll>.scroll-header .progress-container>.progress-bar {
	background: -webkit-gradient(linear,left top,right top,from(#990924),color-stop(16.666%,#940f28),color-stop(16.667%,#8f152c),
			color-stop(33.332%,#8a1b30),color-stop(33.333%,#862233),color-stop(49.998%,#812837),
			color-stop(49.999%,#7c2e3b),color-stop(66.664%,#77343f),color-stop(66.665%,#723a43),
			color-stop(83.33%,#6d4047),color-stop(83.331%,#69474a),to(#5a5956));
	background: linear-gradient(90deg,#990924, #940f28 16.666%,#8f152c 16.667%,#8a1b30 33.332%,
			#862233 33.333%,#812837 49.998%,#7c2e3b 49.999%,
			#77343f 66.664%,#723a43 66.665%,#6d4047 83.33%,#69474a 83.331%,#5a5956 110%);
	content: "";
	height: .4rem; /*se cambia a 0.3 tras introducir css de nueva organizacion contenidos a 27/10/25*/
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	width: 0;
	z-index: 9999;
}

#Btn_scroll {
	display: none;
	position: fixed;
	bottom: 18px;
	right: 18px; /*90px*/;
	z-index: 99;
	font-size: 15px;
	border: solid 1px;
	outline: none;
	color: /*white*/ #990924;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
}

#Btn_scroll:hover {
	background-color: #555;
	color: white;
}

#Btn_scroll:hover .fa-arrow-up{
   color: white !important;
}

/* FIN BARRA Y BOTON SCROLL*/

#cabecera{
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 10000;
	top: 0px;
	min-height: 80px;
	padding-top: 6px; /*actualizado 6px para barra scroll 09/07/2025*/
}
#menu{
	background-color: #2c6a9d;
	position: fixed;
	width: 100%;
	z-index: 10000;
	top: 86px; /*actualizado 6px para barra scroll 09/07/2025*/                
}
.menuMigas{
	color: #00286A;
}
.menuMigas:hover{
	color: #990924;
}
#pie{
	background-color: #5a5956;
	color: #fff;
	padding: 40px 20px 70px 20px;
	margin-top:60px;
}

.icono{
	border:2px solid #fff;
	border-radius: 3px;
	width:18px;
	height:23px;
	display:inline-block;
	font-family: arial;
	font-size:9px;
	margin-left:5px;
	vertical-align: middle;
}

.icono:before{
	border-style: solid;
	text-decoration: none;
	color: #fff;	
	border:0;
	padding:1px;	
	margin-left: -10px;
	position:relative;
	top:4px;
}
.icono.csv{
	border-color: #43b766 !important;
}
.icono.csv:before{
	content: "CSV";
	background-color: #43b766;
}
.icono.pdf{
	border-color: #de4c35 !important;
}
.icono.pdf:before{
	content: "PDF";
	background-color: #de4c35;
}
.icono.html{
	border-color: #12a27f !important;
}
.icono.html:before{
	content: "HTML";
	background-color: #12a27f;
}
.icono.xls{
	border-color: #70ba47 !important;
}
.icono.xls:before{
	content: "XLS";
	background-color: #70ba47;
}
.icono.txt{
	border-color: #788693 !important;
}
.icono.txt:before{
	content: "TXT";
	background-color: #788693;
}

/*----BOTONES RRSS------*/
.socialicons {
	padding-left: 15px;
	/*text-align: right;*/
}
.socialicons i {
	margin: 2px;
	background-color: #666666;
	width: 37px;
	height: 37px;
	text-align: center;
	font-size: 1.2em;
	padding: 10px;
	border-radius: 50%;
	color: #dddddd;
}
.socialicons a:hover .fa-facebook-f {
	color: White;
	background-color: #3b5998;
}
.socialicons a:hover .ti-brand-x {
	color: White;
	background-color: #00aced;
}
.socialicons a:hover .fa-instagram {
	color: White;
	background-color: #644AC3;
}
.socialicons a:hover .fa-youtube {
	color: White;
	background-color: #ff0000;
}

.hrpie{
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(153, 9, 36, 0.75), rgba(0, 0, 0, 0));
}

@media (max-width:767.98px) {
        #iframe-powerBI{
            height: 290px;
			display: block;
			margin: 0 auto;
        }
    }

    @media (min-width:768px) and (max-width:991.98px){
        #iframe-powerBI{
            height: 375px;
			display: block;
			margin: 0 auto;
        }
    }

    @media (min-width:992px) and (max-width:1199.98px){
        #iframe-powerBI{
            height: 480px;
			display: block;
			margin: 0 auto;
        }
    }

    @media (min-width:1200px) {
        #iframe-powerBI{
            height: 575px;
			display: block;
			margin: 0 auto;
        }
    }