/*
 * jQuery FlexSlider v2.7.1
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/

/* ====================================================================================================================
 * RESET GLOBAL DE ENLACES (FUNDACIÓN IRE IRE)
 * Elimina el subrayado por defecto de Bootstrap 5 en todos los <a>.
 * Se declara arriba para que aplique de forma general a todo el sitio.
 * ====================================================================================================================*/
a,
a:link,
a:visited {
    text-decoration: none !important;
}
a:hover,
a:focus,
a:active {
    text-decoration: none !important;
}

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  
  
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


@media only screen and (min-width: 250px) and (max-width: 480px) {

	

	div.left, div.rigth{

		display: none;

	}

	

	div.mbtm,

	div.mtop,

	.container.oneBlock.sliderHome.mbtm {

	    margin: 0;

	    padding: 0;

	}

	

	

	

	.thumbnail.General{
		background: transparent;
	}

	

	

	

	

	

	iframe.instagram-media {

	    max-width: 100%!important;

	    min-width: 100%!important;

	    width: 100%!important;

	    height: 500px;

	}

	

	

	

	div.imgEyeHome {

	    height: 300px!important;

	}

	

	

	

	

	

	

	

	

	

	

	

	

	

	a.fixIt.tienda {

	    display: none;

	}



	.fixedItems {

	    position: fixed;

	    width: 100%;

	    margin: 0;

	    text-align: center;

	    bottom: 0;

	    z-index: 1000;

	    background: #0B6192;

	    padding: 0px;

	    right: 0;

	    left: 0;

	    top: inherit;

	    border-radius: 0;

	}

	

	.fixedItems a {

	    text-align: center;

	    display: inline-block;

	    padding: 0;

	    width: auto;

	    font-size: 9px;

	    margin: 0 6px;

	    color: #fff!important;

	    letter-spacing: 1px;

	}

	

	a.fixIt.tienda img{

		width: 120px;

	}

		

	a.fixIt.colabora {

	    width: 100%;

	}

	

	a.fixIt.colabora br{

		display: none;

	}

	

	p#back-top {

	    left: 76%;

	}

	

	

	

	

	

	div.caption-two{

		width: 100%;

	}

	

	div.caption-two {

	    border-left: none;

	}

	

	

	

	

	

	

	

	p#back-top {

	    top: 80%;

	}

	

	

}





@media only screen and (min-width: 480px) and (max-width: 978px) {

	

	a.fixIt.tienda img{

		width: 126px;

	}

	

	

	

	

	

	

	

	

	

	

	a.fixIt.tienda {

	    display: none;

	}



	.fixedItems {

	    position: fixed;

	    bottom: 0;

	    width: 100%;

	    padding: 0;

	    margin: 0;

	    text-align: center;

	    background: #0B6192;

	    border-radius: 0;

	    top: inherit;

	}

	

	.fixedItems a {

	    text-align: center;

	    display: inline-block;

	    padding: 0;

	    width: auto;

	    font-size: 11px;

	    margin: 0 6px;

	}

	

	a.fixIt.tienda img{

		width: 120px;

	}

		

	a.fixIt.colabora {

	    width: 100%;

	}

	

	a.fixIt.colabora br{

		display: none;

	}

	

	p#back-top {

	    left: 62%;

	}

	

}	

	



@media only screen and (min-width: 978px) and (max-width: 1440px) {

	

	

	

	.fixedItems {

	    top: 5em;

	    margin: 0;

	    background: #ffffff6b;

	}

	

	.fixedItems a {

	    font-size: 13px;

	    padding-top: 11px;

	    margin: 0;

	}

	

	a.fixIt.colabora {

	    color: #0B6192!important;

	    margin: 0;

	    padding: 7px 0;

	}

		

	

	

	

	

	

	

	

	

	

	p#back-top {

	    left: 58%;

	}

	

	

}



/*
 Theme Name: FUNDACIÓN IRE IRE
 Theme URI: www.netstudio.com.mx
 Author: www.netstudio.com.mx
 Author URI: www.netstudio.com.mx
 Description: Diseño pensado para el cliente.
 Version: 1.0
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

.anima{
 -webkit-transition: all 500ms ease;
 -moz-transition: all 500ms ease;
 -ms-transition: all 500ms ease;
 -o-transition: all 500ms ease;
 transition: all 500ms ease;
}

body.gen{
	font-family: 'Open Sans', sans-serif;
	line-height: 1;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0;
}

.detPost h2, 
.detPost h3,
.detPost h4{
    font-size: 30px;
    color: #0B6192;
    padding: 1em 0;
}

.cont ol {
    list-style: decimal;
    padding: 5px;
    margin: 5px;
    margin-left: 15px;
}
 
 ul {
    list-style: inherit;
    padding: 0;
    margin: 0;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body.gen p {
}

body.gen a{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

a{
	color: inherit!important;	
}

body.gen a:hover{
	text-decoration: none;
}

.leaderboardHead {
    background: #ddd;
    padding: 2em;
    overflow: hidden;
    width: 100%;
    display: block;
}

.leaderboardHead img{
	display: block;
	margin: 0 auto;
}









p.sahreText {
    color: #0B6192;
    text-transform: uppercase;
    margin-right: 10px;
}























































ul.socialIcons li, 
ul.socialIcons li a {
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 5px 5px;
    font-size: 10px;
}

ul.socialIcons li a {
    width: 33px;
    height: 32px;
    border-radius: 20px;
    border: 1px solid #0B6192;
}





.contCaption {
    top: 25%;
    position: absolute;
    width: 100%;
}

.contCapt {
    margin: 0 auto;
    display: block;
    width: 89%;
    right: 9px;
    position: relative;
    top: 7.3em;
}

.slideTwo .contCapt p {
    font-size: 30px;
    line-height: normal;
}



div.eyeOne,
div.eyeThree,
div.eyeTwo,
div.slideOne,
div.slideTwo, 
div.slideThree{
    position: relative;
}

div.eyeThree:hover .flex-direction-nav .flex-prev,
div.eyeTwo:hover .flex-direction-nav .flex-prev,
div.eyeOne:hover .flex-direction-nav .flex-prev,
div.slideTwo:hover .flex-direction-nav .flex-prev{
	opacity: 1;
    left: 10px;
}

div.eyeThree:hover .flex-direction-nav .flex-next,
div.eyeTwo:hover .flex-direction-nav .flex-next,
div.eyeOne:hover .flex-direction-nav .flex-next,
div.slideTwo:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
}


div.eyeOne .flex-direction-nav a:before,
div.eyeTwo .flex-direction-nav a:before,
div.eyeThree .flex-direction-nav a:before,
div.slideTwo .flex-direction-nav a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    display: inline-block;
    content: '\f053';
    color: #0B6192;
    text-shadow: none;
}

div.eyeOne .flex-direction-nav a.flex-next:before,
div.eyeTwo .flex-direction-nav a.flex-next:before,
div.eyeThree .flex-direction-nav a.flex-next:before,
div.slideTwo .flex-direction-nav a.flex-next:before{
    content: '\f054';
}

div.carouselOne {
    position: relative;
}

div.carouselOne:hover .flex-direction-nav .flex-prev{
	opacity: 1;
    left: 10px;
}

div.carouselOne:hover .flex-direction-nav .flex-next {
	opacity: 1;
    right: 10px;
}

div.carouselOne .flex-direction-nav a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    display: inline-block;
    content: '\f053';
    color: #0B6192;
    text-shadow: none;
}

div.carouselOne .flex-direction-nav a.flex-next:before{
    content: '\f054';
}

ul.bordes {
    margin: 1em 0;
}

ul.bordes li {
    border-bottom: 1px solid white;
    padding: 1em 0;
    font-size: 15px;
}

.items.programas img {
    width: inherit;
    height: auto;
}

.items.programas {
    text-align: center;
    padding: 10px 20px;
    min-height: 65em;
}

.items.programas li{
	list-style: none;
}

li.programas:nth-child(1), 
div.items.programas:nth-child(1) {
    background: #ffffff;
    color: #0B6192!important;
}

li.programas:nth-child(2),
div.items.programas:nth-child(2) {
	background: #ffffff;
    color: #0B6192!important;
}

li.programas:nth-child(3),
div.items.programas:nth-child(3){
	background: #ffffff;
    color: #0B6192!important;
}

li.programas:nth-child(4),
div.items.programas:nth-child(4){
	background: #ffffff;
    color: #0B6192!important;
}

ul.listAside.programas li {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ffffff;
}

ul.listAside.programas li h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    margin-top: 13px;
}

ul.listAside.programas li p,
ul.listAside.programas li h2,
ul.listAside.programas li h3{
	color: #0B6192;
}

ul.listAside.programas li h2 {
    font-size: 20px;
    font-weight: bold;
}

div.caption.aside {
    padding: 10px;
    margin: 0;
}

div.caption.programas {
    position: absolute;
    height: auto;
    top: 0;
    width: 100%;
    opacity: inherit;
    background: rgba(11, 97, 146, 0.78);
    padding-top: 15%;
    padding-right: 5em;
    padding-left: 5em;
}

.eyecatcher.programas {
    position: relative;
    height: auto;
    padding: 0;
}

div.cont.formProgramas {
    position: relative;
    opacity: inherit;
    clear: both;
    height: auto;
    overflow: hidden;
    text-align: inherit;
    background: rgba(11, 97, 146, 0.78);
}

div.cont.formProgramas hr {
    border: none;
    margin: 0;
}

div.cont.formProgramas input[type="submit"].btn-block {
    background: #fff;
    display: block;
    color: #0B6192!important;
    margin-top: 1em;
}

div.cont.formProgramas div.col-md-4 {
    clear: both;
    margin: 1em 0;
    margin-bottom: 0;
}

div.cont.formProgramas div.col-md-4 input.form-control {
    border-radius: 5px;
    background: #fff;
}

.text.programas {
    font-size: 20px;
    line-height: normal;
}

.programas.list {
    padding: 0;
}

.cont.formProgramas,
.caption.programas,
.flex-caption {
    background: rgba(11, 97, 146, 0.6);
    color: #fff;
    bottom: 0;
    position: relative;
    z-index: 10000;
    width: 100%;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    height: 100%;
    opacity: 0;
}

.flex-caption:hover{
	opacity: 1;
}

.flex-caption h2, 
.flex-caption p {
    text-align: center;
    line-height: 18px;
    color: #fff;
}

.flex-caption h3{
	margin: 0;
	padding: 0;
}

.flexslider.slideHouse {
    position: relative;
}

li.slideBlock.contTwo {
    position: relative;
    width: 100%;
}

.titleGen, .genTitle, h2.general {
    padding-bottom: 8px;
    font-size: 30px;
    line-height: normal;
    color: #0B6192;
    text-transform: uppercase;
}

.imgEyeHome {
    position: relative;
    background: #000;
}

.thumbnail.General img, 
.imgEyeHome img {
    display: block;
    width: 100%;
    height: auto;
}

div.cont p img {
	width: inherit;
}

.imgEyeHome img {
}

.slides.normal {
    margin-bottom: 20px;
}

.thumbnail.General {
   border: none;
   margin: 0;
   padding: 0;	
}

.thumbnail.promo {
    border: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.thumbnail.promo img{
	width: 100%;
	height: auto;
}

.caption.promo{
	position: absolute;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+99 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
}

.caption.promo h2 a {
    color: #fff;
    font-weight: lighter;
    text-align: center;
    font-size: 17px;
    line-height: normal;
    margin: 0;
    padding: 0;
    display: block;
}

.caption.promo h2{
	margin: 0;
}

.genblock {
    margin-bottom: 2em;
}

.container.general {
}

.postThree figure {
    position: relative;
    overflow: hidden;
    clear: both;
    padding: 0;
    margin: 0;
    margin-right: 1em;
}

.postThree img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

div.postThree {
    margin-bottom: 1em;
    position: relative;
    overflow: hidden;
    display: block;
}

li.genblock.blog {
    margin: 0;
}

.postThree h2 a {
    margin: 0;
    font-size: 23px;
    line-height: 36px;
    word-break: break-word;
    padding: 0;
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
}

.listMorePost{
    display: block;
    clear: both;
}

.thumb img,
.postTwo img{
	width: 100%;
	height: auto;
}

.postTwo.tv {
    position: relative;
    margin: 0 3px;
}

.postTwo.tv .caption {
    position: absolute;
    bottom: 0;
    padding: 1em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
}

li.genblock.tv {
    margin: 0;
    padding: 0;
    height: inherit;
    min-height: inherit;
}

.postTwo.tv .thumbnail {
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}

.postTwo.tv .caption p a,
.postTwo.tv .caption h2 a{
	color: #fff;
}

.postTwo.tv .caption h2 a{
	font-size: 20px;
    display: block;
    font-size: 20px;
    font-weight: lighter;
    text-align: center;
}

div.caption-two {
    float: left;
    width: 50%;
}

.catPro.caption-two {
    width: 100%;
    margin: 0;
}

div.caption-two p {
    font-style: normal;
    letter-spacing: .03em;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}

.postThree h2, div.caption-two p {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    padding: 0;
    margin: 0 0;
}

div.caption-two p:hover {
    color: #0B6192;
}

.postThree h2 a:hover{
	color: #ddd;
}

div.caption-two p a {
    color: #b5b5b5!important;
    font-size: 14px;
}

p.catLinks{
	font-weight: bold;
}

p.catLinks.pormos {
    text-align: center;
    margin: 0;
    padding: 0;
}

p.catLinks.pormos a {
    text-align: center;
    display: inline-block;
    color: #0B6192;
    font-weight: lighter;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 9px;
}

.HelpText {
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #ffffff;
}

.HelpText h3{
    display: inline-block;
}

.Helptext h3 a{
	color: #fff;
	margin: 0 50px;
}

a.helpLink {
    margin: 0 16px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

div.programas.Content {
    background: #ffffff;
    padding: 1em;
    text-align: center;
}

div.cont ul {
    padding: 5px;
    margin: 5px;
    margin-left: 15px;
}

div.programas.Content{
}

figure.imgGen img {
    width: 100%;
    height: auto;
}

ul.listAside {
    list-style: none;
}

ul.listAside li {
    border-top: 1px solid #ddd;
}

.caption.aside h2 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 16px;
    font-family: 'Open Sans', sans-serif !important;
    clear: both;
    margin-bottom: 7px;
    color: #0B6192;
}

.boxBanner{
	margin-bottom: 1em;
}

.boxBanner img {
    width: 100%;
    height: auto;
}

div.boxBanner > div {
    margin: 0 auto;
    display: block;
    width: 300px;
}

.listAside .thumbnail.General figure, 
div.caption.aside{
    margin-left: 0;
    padding-left: 0;
}

ul.listAside li{
	margin-bottom: 1em;
}

.tagClod a {
    color: #aaa;
    margin: 1px 2px;
}

.tagClod a:hover{
	color: #0B6192;
}






footer .foot2 .img-












ul.links






ul.listMorePost.home {
    margin: 2em 0;
}

ul.listMorePost {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.listMorePost li.genblock {
    padding-bottom: 10px;
}

ul.listMorePost li.genblock:last-of-type{
	margin-bottom: 10px;
}

li.catProgramas.list.genblock {
    margin: 3em 0;
}

aside.programas img {
    width: 100%;
    height: auto;
}

article.singleCont {
    font-family: 'Open Sans', sans-serif;
    line-height: 27px;
    font-size: 17px;
    letter-spacing: 0px;
}

div.detPost.redNacional h3 {
    background: #adadad;
    width: 100%;
    color: #fff;
    overflow: hidden;
    display: block;
    float: left;
    padding: 8px;
    margin-top: 0;
}

div.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    color: #0B6192;
    border-radius: 4px;
}

div.breadcrumb a{
	color: #0B6192;
}

.eyepage img {
    width: 100%;
    display: block;
    height: auto;
}

article.singleCont iframe {
    width: 100%!important;
}

div.pagerLinks.clearfix {
    display: block;
    clear: both;
    text-align: center;
    height: auto;
}

div.pagerLinks.clearfix li.active span {
    background: #0B6192;
    border: #0B6192 solid 1px;
}

div.pagerLinks.clearfix li a {
    color: #777;
}

#scrollUp {
    background-image: url("images/top.png");
    bottom: 20px !important;
    right: 20px;
    width: 38px;
    height: 38px;
}

/*--serch--*/













ul.socialIcons li a i {
    color: #0B6192;
    font-size: 18px;
}

input.form-control {
    border-radius: 5px 0 0px 5px;
    background: #d4d4d4;
    font-size: 15px;
    font-weight: lighter;
    float: inherit;
    box-shadow: none;
    height: auto;
    padding: 6px;
    color: #0B6192;
    border: none;
}

input.btnSearch:before{
	
}

input.form-control:hover {
    background: #ccc;
}







.facebookComents {
    display: inline-block;
    overflow: hidden;
    clear: both;
    height: auto;
    border-top: 3px solid #0B6192;
    margin-top: 20px;
    width: 100%;
    padding-top: 10px;
}

.autorUrl {
    text-align: right;
    clear: both;
    width: 100%;
    margin-bottom: 1em;
}

div.autorUrl a {
    text-align: center;
    display: inline-block;
    color: #636363;
    font-weight: lighter;
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-decoration: underline;
}

div.autorUrl a:hover{
	color: #0B6192;
}

/*------*newsletter-------------*/
div.formNewsletter input.form-control {
    background: transparent;
    padding: 10px;
    float: left;
    border: 1px solid #ddd;
    text-align: left;
}

div.formNewsletter input.submitbtn {
    clear: both;
    float: left;
    width: 100%;
    background: #ddd;
    padding: 10px;
    text-align: left;
    margin-top: 1em;
}

.formNewsletter .form-group {
    width: 100%;
    display: block;
    overflow: hidden;
}

.formNewsletter form input[type="email"], .formNewsletter form input[type="submit"]{
    font-family: 'Open Sans', sans-serif !important;
    text-transform: capitalize;
    font-size: 15px;
}
.formNewsletter form input[type="email"]{
    background: #ddd;
}
.formNewsletter form input[type="submit"]{
    background: #000;
    color: #fff;
    text-align: center;
    margin: 0;
}

div.formNewsletter input.submitbtn:hover{
	background: #0B6192;
	color: #fff;
}

div.tagCloudSingle a {
    color: #0B6192;
    font-family: 'Open Sans', sans-serif !important;
    text-transform: capitalize;
}


/*-----suscription------*/
.suscription input.form-control {
    font-size: 16px;
    text-align: inherit;
    border: 1px solid #ccc;
    margin: 6px 0;
    padding: 5px;
    text-transform: lowercase;
    letter-spacing: 1px;
}

.suscription input.form-control:hover{
	background: transparent;
}

.suscription div.form-group {
    width: 100%;
    margin: 10px 0;
}

form.suscription {
    margin: 1em 0;
}

figure.suscription {
    max-width: 1280px;
    float: inherit;
    margin: 0 auto;
    width: 100%;
}

figure.suscription img {
    width: 100%;
    height: auto;
}

#back-top a,
a.btn.viewmore {
    margin: 0 auto;
    display: block;
    clear: both;
    background: #ffffff;
    color: #0B6192!important;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 20px;
}


#back-top a:hover,
a.btn.viewmore:hover {
    background: #0B6192;
    color: #ffffff!important;
}

.pagerLinks a, 
.pagerLinks span {
    background: #0B6192;
    color: #fff !important;
    padding: 3px 7px;
    margin: 1px 2px;
    border-radius: 2px;
}


span.page-numbers.current {
    background: #0B6192;
    color: #ffffff!important;
}

button.btn.btn-default.suscrib {
    margin: 0 auto;
    display: block;
    background: #000;
    color: #fff;
    border: none;
    font-size: 20px;
    border-radius: 20px;
    text-transform: uppercase;
    padding: 8px 20px;
}

a.fixIt img {
    clear: both;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.fixedItems a.fixIt i {
    display: block;
    font-size: 22px;
    margin-bottom: 4px;
    color: #0B6192;
}

.fixedItems .fixIt:not(.tienda) {
    font-size: 14px;
    line-height: 1.15;
}

a.fixIt.tienda {
    font-size: 18px;
    line-height: 1.2;
}

a.fixIt.tienda img {
    width: 175px;
    height: auto;
    display: block;
}

.fixedItems {
    position: fixed;
    top: 10%;
    right: 0;
    width: auto;
    display: block;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 5px;
    margin-right: 15px;
}

.fixedItems a {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #0B6192!important;
    text-transform: uppercase;
}

a.fixIt.colabora {
    color: #949494!important;
    margin: 0;
    padding: 7px 0;
}

h2.genTitle.grayBg {
    background: #ffffff;
    color: #0B6192;
    padding: 1em;
}

h2.genTitle.grayBg i {
    margin-right: 9px;
    color: #0B6192;
}

div.mbtm{
    margin-bottom: 5em;
}

figure.programas img {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}

figure.campaña img{
	width: 100%;
	height: auto;
	display: block;
}

figure.campaña {
    margin-bottom: 2em;
}


.mbtm,
.mbt{
    margin-bottom: 1em;
}

.mtop {
    margin-top: 1em!important;
}

article.singleCont.page  {
    font-family: 'Open Sans', sans-serif;
    line-height: 27px;
    font-size: 17px;
    letter-spacing: 0px;
    background: #ffffff;
}

#back-top {
    position: fixed;
    bottom: 4em;
    margin-left: -150px;
    left: 59%;
    z-index: 10000000;
}

#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: .3;
}

#back-top a:hover{
	opacity: 1;
}

#back-top a span {
    margin-right: 8px;
}

div.sharer p,
div.sharer a {
    font-size: 26px;
    display: inline-block;
    text-align: center;
}

div.sharer a i {
    margin: 10px;
    color: #0B6192;
}

div.sharer {
    width: 100%;
    display: inline-block;
    text-align: right;
    background: #ffffff;
    border-top: 1px solid #ddd;
    padding: 1em;
}

div.menu {
    padding-top: 4em;
}

iframe.instagram-media {
    max-width: 33.33333333%!important;
    min-width: 33.33333333%!important;
    width: 33.33333333%!important;
    height: 500px;
}

.socialIndex iframe, 
iframe.socialIndex {
    border: 1px solid rgb(219, 219, 219)!important;
    padding: 10px!important;
}

div.item {
    padding: 10px;
}

.formularioSangre input.form-control{
	border-radius: 5px;
}

.imgBg.prog {
    /* Imagen de fondo: coloca tu archivo en img/ y actualiza la ruta relativa */
    background: url(../img/logoWhite.svg);
    width: 100%;
    height: auto;
    display: block;
}

div.socialBlockIndex {
    margin-top: 20px;
}

div.directorio {
    margin: 1em 0;
    font-size: inherit;
}

ul.listRedNacional li a {
    padding: 10px;
    float: left;
    background: #ffffff;
    color: #0B6192!important;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;
}

ul.listRedNacional li a:hover{
    background: #0B6192;
    color: #0B6192!important;
}

ul.listRedNacional li {
    float: left;
    list-style: none;
    display: inherit;
}

ul.listRedNacional {
    margin: 1em 0 0 0;
    display: inline-block;
    float: inherit;
    width: 100%;
    text-align: center;
}

.redNacional h2 {
    float: left;
    display: block;
    width: 100%;
    margin-top: 17px;
    margin-bottom: 0;
    text-align: left;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 11px;
}

/* ============================================================
   RESCATE RESPONSIVE FUNDACIÓN IRE IRE — menú móvil + UX
   Correcciones para que el colapso de Bootstrap 3 funcione
   en todos los móviles/tablets, con paleta blanco/gris/azul.
   ============================================================ */





@media (max-width: 977px) {
    
    
    

    /* El collapse: oculto por defecto, se muestra con .in */
    
    

    /* Ítems del menú apilados verticalmente */
    
    
    
    
    

    /* Quitar fondos nth-child de colores heredados */
    
    

    
    
    
    
}







/* ============================================================
   DISEÑO FUNDACIÓN IRE IRE — pulido de UX y espaciados
   (bloque de refinamiento; gana por cascada sobre el tema base)
   ============================================================ */




/* --- 2. Columnas laterales: recorte uniforme con imgLiquid --- */
div.left .imgLiquidFill,
div.rigth .imgLiquidFill {
    overflow: hidden;
}

/* Slider central: dejar que FlexSlider maneje su altura natural.
   Solo forzamos overflow hidden en el viewport (ya lo hace por defecto)
   y width 100% en las imágenes. NADA de height fijo artificial. */
@media (min-width: 978px) {
    div.eyeOne .flex-viewport {
        overflow: hidden;
    }
    div.eyeOne ul.slides li img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: center;
        display: block;
    }
    /* Las columnas laterales (imgLiquid) se alinean a la altura del slider */
    div.left .imgLiquidFill,
    div.rigth .imgLiquidFill {
        height: 420px !important;
    }
    div.left .imgLiquidFill img,
    div.rigth .imgLiquidFill img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: center;
    }
}

/* --- 3. Centrar y balancear columnas del slider (solo desktop >=978) --- */
@media (min-width: 978px) {
    div.sliderHome {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    div.sliderHome .left,
    div.sliderHome .middle,
    div.sliderHome .rigth {
        float: none;
    }
    div.sliderHome .left,
    div.sliderHome .rigth {
        flex: 0 0 25%;
        max-width: 25%;
    }
    div.sliderHome .middle {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
}

/* --- 4. Secciones: espaciado vertical moderado y consistente --- */
div.mbtm {
    margin-bottom: 3em !important;
}
.container.oneBlock.sliderHome.mbtm {
    margin-bottom: 3em !important;
}

/* --- 5. Títulos de sección: mejor jerarquía --- */
h2.genTitle.grayBg {
    padding: 0.75em 1em !important;
    margin-bottom: 1.5em;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

/* --- 6. Noticias: extracto más legible, enlace claro --- */
.caption-two p a,
div.caption-two p {
    color: #555 !important;
}
.caption-two h2 a {
    color: #0B6192 !important;
}
.caption-two h2 a:hover {
    color: #0B6192 !important;
}

/* --- 7. Aside programas: tarjetas con sombra sutil y hover --- */
ul.listAside.programas li {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 1em !important;
    border: 1px solid #ffffff;
    transition: all 0.2s ease;
}
ul.listAside.programas li:hover {
    box-shadow: 0 4px 14px rgba(11, 97, 146,0.15);
    transform: translateY(-2px);
}
div.programas.Content {
    background: #ffffff;
    padding: 1.25em;
    border-radius: 6px;
}

/* --- 8. Botón "Más notas" consistente --- */
a.btn.viewmore {
    background: #0B6192;
    color: #fff !important;
    border-radius: 4px;
    padding: 8px 22px;
    transition: background 0.2s;
    display: inline-block;
    width: auto;
    margin: 0 auto;
}
a.btn.viewmore:hover {
    background: #0B6192;
    color: #fff !important;
}

/* --- 9. Barra flotante: contenedor limpio, no tapar contenido --- */
.fixedItems {
    background: #fff !important;
    box-shadow: -2px 2px 12px rgba(0,0,0,0.25);
    border-radius: 8px 0 0 8px;
    padding: 6px 0;
    overflow: hidden;
    z-index: 9999;
}
.fixedItems a.fixIt i {
    color: #0B6192;
}
.fixedItems a.fixIt:hover {
    color: #0B6192 !important;
}






/* --- 11. Imágenes de noticias con recorte uniforme --- */
.listMorePost .postThree figure img {
    height: 150px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}


/* --- 12. Móvil: slider a ancho completo, sin scroll horizontal --- */
@media (max-width: 977px) {
    body, .wrapprer {
        overflow-x: hidden;
    }
    div.sliderHome .middle {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* NO forzar width en ul.slides/li: rompe FlexSlider. */
    div.eyeOne ul.slides li img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    /* columnas laterales del slider ocultas en móvil (ya lo hace el tema) */
    div.sliderHome .left,
    div.sliderHome .rigth {
        display: none;
    }
    /* imagen central de "Centro Ire Ire" más comprimida */
    div.imgEyeHome {
        height: 260px !important;
        overflow: hidden;
    }
    div.imgEyeHome img {
        width: 100%;
        height: auto;
    }
}

/* --- 13. Eliminar scroll horizontal global (tablet/desktop) --- */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.wrapprer {
    overflow-x: hidden;
}
/* Contenedores de sliders: recortar overflow de slides sin inicializar */
div.slideTwo,
div.carouselOne,
div.sliderHome,
div.eyeOne,
div.carousel,
div.container.oneBlock {
    overflow: hidden;
}
/* El formulario de búsqueda no debe desbordar */









/* ============================================================
   CAPTIONS FLOTANTES (HOVER) — FUNDACIÓN IRE IRE
   Overlay brandeado gris/blanco + azul medio #0B6192.
   Aplica a cualquier contenedor de imagen con .hoverWrap.
   ============================================================ */

/* Contenedor raíz: activa el overlay en sus hijos con imagen */
.hoverWrap {
    position: relative;
    overflow: hidden;
    display: block;
}

/* El caption flotante */
.hoverCap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(11, 97, 146, 0.92); /* azul medio translúcido */
    color: #fff;
    padding: 0.9em 1em;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.35;
    text-align: center;
    letter-spacing: 0.2px;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.28s ease, transform 0.28s ease;
    pointer-events: none;
    z-index: 5;
}

.hoverCap strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 2px;
    color: #fff;
}

/* Al hacer hover sobre el contenedor, sube el caption */
.hoverWrap:hover .hoverCap {
    opacity: 1;
    transform: translateY(0);
}

/* Sutil oscurecimiento de la imagen al hover (opcional, refuerza legibilidad) */
.hoverWrap:hover img {
    filter: brightness(0.82);
    transition: filter 0.3s ease;
}
.hoverWrap img {
    transition: filter 0.3s ease;
}

/* En pantallas táctiles (sin hover) el caption se muestra siempre sutil */
@media (hover: none) {
    .hoverCap {
        opacity: 1;
        transform: translateY(0);
        background: rgba(11, 97, 146, 0.85); /* azul profundo para móvil */
        font-size: 12px;
        padding: 0.6em 0.8em;
    }
}

/* ============================================================
   SHIM COMPATIBILIDAD BOOTSTRAP 5 (migración desde BS 3.3.5)
   Anexado para que la estructura no colapse con la nueva versión.
   ============================================================ */












/* 4. offset de columnas: BS3 col-md-offset-N -> BS5 offset-md-N */
.col-md-offset-2 { margin-left: 16.66666667%; }
@media (max-width: 977px) {
    .col-md-offset-2 { margin-left: 0 !important; }
}

/* 5. thumbnail eliminado en BS5: mantener compatibilidad visual */
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
    margin-left: auto;
    margin-right: auto;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}

/* ============================================================
   FIX NAVBAR BS5 — distribución horizontal en escritorio
   Bootstrap 5 usa flexbox en .navbar-nav; el tema heredaba
   float:left de BS3. Restauramos el flujo horizontal en >768px.
   ============================================================ */


/* ============================================================
   FIX LISTADO DE NOTICIAS (HOME) — BS5
   En Bootstrap 3, figure.col-md-5 y .caption-two flotaban lado a lado.
   En BS5 .col-md-* ya no flota; convertimos .postThree en flex row.
   ============================================================ */
ul.listMorePost .postThree {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1em;
}
ul.listMorePost .postThree figure.col-md-5 {
    flex: 0 0 41.66666667%;   /* equivalente a col-md-5 */
    max-width: 41.66666667%;
    float: none !important;
    width: auto !important;
    margin-right: 0;
}
ul.listMorePost .postThree .caption-two {
    flex: 1 1 auto;
    float: none !important;
    width: auto !important;
    max-width: 58%;
}

/* En móvil vuelve a apilarse verticalmente */
@media (max-width: 767px) {
    ul.listMorePost .postThree {
        flex-direction: column;
    }
    ul.listMorePost .postThree figure.col-md-5,
    ul.listMorePost .postThree .caption-two {
        flex: 1 1 auto;
        max-width: 100%;
        width: 100% !important;
    }
}

/* ============================================================
   FIX LISTADO LATERAL (ASIDE PROGRAMAS) — BS5
   ul.listAside.programas tiene la clase .row de Bootstrap 5,
   que ahora es display:flex con flex-direction:row. Para un
   listado vertical forzamos columna (como era en Bootstrap 3).
   ============================================================ */
ul.listAside.programas.row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
}
ul.listAside.programas.row > li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto;
    display: block;
}
ul.listAside.programas.row .thumbnail.General {
    width: 100%;
    display: block;
}

/* ============================================================
   FIX SLIDER carouselOne (RED DE COMUNIDADES) — BS5
   Las slides del carrusel son imágenes 1200x800 sin altura fija,
   por lo que cada slide crecía a ~802px. Fijamos altura uniforme
   y recortamos con object-fit para que quede una fila de tarjetas.
   ============================================================ */
div.carouselOne .slides > li {
    height: 220px;
    overflow: hidden;
}
div.carouselOne .slides > li > a,
div.carouselOne .slideContCapTwo {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}
div.carouselOne .slides img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* ============================================================
   FIX CONTROLES DE SLIDERS (next/prev) + CAPTIONS — BS5
   - FlexSlider inyecta texto "Previous"/"Next" dentro del <a>;
     con FontAwesome ese texto se veía. Lo ocultamos para que
     solo quede la flecha (chevron).
   - Los .hoverCap (captions flotantes) se desbordaban por los
     clones de FlexSlider; los contenemos dentro de cada slide.
   ============================================================ */

/* 1. Ocultar texto "Previous"/"Next", dejar solo la flecha */
div.eyeOne .flex-direction-nav a,
div.eyeTwo .flex-direction-nav a,
div.eyeThree .flex-direction-nav a,
div.slideTwo .flex-direction-nav a,
div.carouselOne .flex-direction-nav a {
    font-size: 0 !important;      /* esconde el texto inyectado */
    color: transparent !important;/* por si acaso */
    text-shadow: none !important;
    line-height: 40px;
    text-indent: 0;
}
div.eyeOne .flex-direction-nav a:before,
div.eyeTwo .flex-direction-nav a:before,
div.eyeThree .flex-direction-nav a:before,
div.slideTwo .flex-direction-nav a:before,
div.carouselOne .flex-direction-nav a:before {
    font-size: 40px !important;   /* la flecha sí se muestra */
    line-height: 40px;
}

/* 2. Contener los captions dentro de cada slide (evita desborde) */
div.eyeOne .slides > li,
div.eyeTwo .slides > li,
div.eyeThree .slides > li,
div.slideTwo .slides > li,
div.carouselOne .slides > li {
    position: relative;
    overflow: hidden;
}
div.eyeOne .hoverCap,
div.eyeTwo .hoverCap,
div.eyeThree .hoverCap,
div.slideTwo .hoverCap,
div.carouselOne .hoverCap {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

/* ============================================================
   BOTÓN "VOLVER ARRIBA" — moderno, redondo, alineado a la izquierda
   ============================================================ */
#back-top {
    position: fixed;
    left: 20px !important;
    bottom: 20px !important;
    top: auto !important;
    margin: 0 !important;
    z-index: 10000000;
}
#back-top a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0 !important;
    background: #0B6192 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    border: none;
    font-size: 0;           /* oculta cualquier texto restante; solo queda la flecha */
    text-transform: none;
    opacity: .85;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;
}
#back-top a:hover {
    opacity: 1;
    background: #0B6192 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,.35);
}
#back-top a i {
    font-size: 20px;
    color: #ffffff !important;
    line-height: 1;
}
#back-top a span {
    display: none;
}

/* ============================================================
   FIX MÓVIL — Barra flotante .fixedItems → barra inferior azul
   El diseño ORIGINAL en móvil era una barra de navegación
   inferior fija (bottom:0, full-width, fondo azul) con los
   accesos como mini-tabs. Una regla posterior (fondo blanco
   + top:10% + border-radius) la convertía en un "modal blanco"
   que tapaba todo. Restauramos el comportamiento de barra
   inferior correcto pisando los valores conflictivos.
   ============================================================ */
@media (max-width: 977px) {
    .fixedItems {
        display: block !important;
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 6px 0 !important;
        background: #F5A51C !important; /* naranja CTA */
        border-radius: 0 !important;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
        text-align: center;
        z-index: 9999;
        overflow: visible;
    }
    .fixedItems a.fixIt {
        display: inline-block !important;
        width: auto !important;
        padding: 6px 8px !important;
        margin: 0 2px !important;
        font-size: 11px !important;
        letter-spacing: 0.5px;
        color: #fff !important;
        text-transform: uppercase;
        line-height: 1.2;
    }
    .fixedItems a.fixIt i {
        color: #fff !important;
        font-size: 13px;
        display: block;
        margin: 0 auto 2px;
    }
    /* el texto fijo "Participa aquí:" se integra como label */
    .fixedItems a.fixIt.colabora {
        display: none !important;
    }
    .fixedItems a.fixIt.tienda {
        display: none !important;
    }
}

/* ============================================================
   FIX STACKING — captions flotantes vs botonera .fixedItems
   Los captions (.hoverCap y .flex-caption) tenían z-index
   alto (5 y 10000) y usaban transform/opacity, lo que les
   permitía dibujarse POR ENCIMA de la botonera flotante
   (z-index 9999) al hacer scroll en listados/noticias.
   Aislamos los contenedores para que sus captions queden
   contenidos y NO escapen por encima de elementos fixed.
   ============================================================ */
.hoverWrap,
div.eyeOne .slides > li,
div.eyeTwo .slides > li,
div.eyeThree .slides > li,
div.slideTwo .slides > li,
div.carouselOne .slides > li,
ul.listMorePost li,
.listMorePost .postThree {
    isolation: isolate;
    z-index: 0;
}

/* Captions: contenidos dentro del contenedor aislado, z-index bajo */
.hoverCap,
.flex-caption,
.caption.programas {
    z-index: 1 !important;
}



/* ============================================================
   REEMPLAZO imgLiquid - relleno de imagen por CSS (object-fit)
   ============================================================ */
.imgLiquidFill {
    position: relative;
    overflow: hidden;
    display: block;
}
.imgLiquidFill img,
.imgEyeHome img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}
.imgEyeHome {
    position: relative;
    overflow: hidden;
}

/* Compat BS5: .sr-only (legacy BS3) -> equivalente .visually-hidden */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ============================================================
   UTILIDADES - consolidacion de estilos inline
   ============================================================ */
.asideProgramImg {
    width: 100%;
    height: 110px;
    object-fit: cover;
    margin: 0 auto 10px;
    display: block;
}
.iconBrand {
    color: #0B6192;
    font-size: 34px;
}
.footInfo {
    font-size: 13px;
    color: #0B6192;
    line-height: 1.5;
}
.fill540 { height: 540px; }
.fill500 { height: 500px; }

/* ============================================================
   FOOTER - FUNDACION IRE IRE (layout via Bootstrap 5 grid)
   ============================================================ */
footer.footeGen {
    background: #0B6192;
    border-top: 1px solid #0B6192;
    color: #ffffff;
}
footer.footeGen .linksFooter {
    list-style: none;
    padding: 0;
    margin: 0;
}
footer.footeGen .linksFooter li {
    margin-bottom: 8px;
}
footer.footeGen .linksFooter a {
    color: #ffffff;
    font-weight: 600;
}
footer.footeGen .linksFooter a:hover {
    color: #F5A51C;
}
footer.footeGen .socialIcons.foot {
    list-style: none;
    padding: 0;
    margin: 0;
    position: static;
    width: auto;
    float: none;
}
footer.footeGen .socialIcons.foot li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    transition: background .2s ease, color .2s ease;
}
footer.footeGen .socialIcons.foot li a:hover {
    background: #F5A51C;
    border-color: #F5A51C;
    color: #ffffff;
}
footer.footeGen .socialIcons.foot li a i {
    color: #ffffff;
}
footer.footeGen .footInfo {
    color: #ffffff;
}
footer.footeGen .iconBrand {
    color: #ffffff;
}
footer.footeGen .footLogo {
    max-width: 150px;
    height: auto;
}

/* ============================================================
   HEADER - FUNDACION IRE IRE (layout via Bootstrap 5)
   ============================================================ */
header.headMenu {
    background: #ffffff;
    border-bottom: 1px solid rgba(11, 97, 146, 0.12);
    margin-bottom: 2.5em;
}
header.headMenu .logoOne {
    display: inline-block;
    max-width: 180px;
}
header.headMenu .logoOne img {
    width: 100%;
    height: auto;
}
header.headMenu .headSlogan {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #0B6192;
    line-height: 1.35;
}
header.headMenu .headSlogan a {
    color: inherit;
    text-decoration: none;
}
ul.socialIcons {
    list-style: none;
    margin: 0;
    padding: 0;
}
header.headMenu .socialIcons.header li {
    padding: 0;
}
header.headMenu .socialIcons.header li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
}
header.headMenu .socialIcons.header li a:hover {
    background: #398D5E;
    border-color: #398D5E;
}
header.headMenu .socialIcons.header li a:hover i {
    color: #ffffff;
}
nav.menuHead {
    background: #ffffff;
}
nav.menuHead .navbar-nav .nav-link {
    color: #0B6192;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 18px;
}
nav.menuHead .navbar-nav .nav-link:hover,
nav.menuHead .navbar-nav .nav-link:focus {
    color: #398D5E;
    background: transparent;
}
nav.menuHead .navbar-nav .nav-item.active .nav-link {
    color: #0B6192;
    font-weight: 700;
    background: transparent;
}
nav.menuHead .navbar-toggler {
    border-color: #0B6192;
}
nav.menuHead .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230B6192' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ============================================================
   FLECHAS DE SLIDER SIEMPRE VISIBLES (prev/next)
   ============================================================ */
div.eyeOne .flex-direction-nav a,
div.eyeTwo .flex-direction-nav a,
div.eyeThree .flex-direction-nav a,
div.slideTwo .flex-direction-nav a,
div.carouselOne .flex-direction-nav a {
    width: 44px;
    height: 44px;
    margin: -22px 0 0;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
div.eyeOne .flex-direction-nav a:before,
div.eyeTwo .flex-direction-nav a:before,
div.eyeThree .flex-direction-nav a:before,
div.slideTwo .flex-direction-nav a:before,
div.carouselOne .flex-direction-nav a:before {
    font-size: 20px !important;
    line-height: 44px;
}
div.eyeOne .flex-direction-nav .flex-prev,
div.eyeTwo .flex-direction-nav .flex-prev,
div.eyeThree .flex-direction-nav .flex-prev,
div.slideTwo .flex-direction-nav .flex-prev,
div.carouselOne .flex-direction-nav .flex-prev {
    opacity: 0.85;
    left: 12px;
}
div.eyeOne .flex-direction-nav .flex-next,
div.eyeTwo .flex-direction-nav .flex-next,
div.eyeThree .flex-direction-nav .flex-next,
div.slideTwo .flex-direction-nav .flex-next,
div.carouselOne .flex-direction-nav .flex-next {
    opacity: 0.85;
    right: 12px;
}
div.eyeOne .flex-direction-nav a:hover,
div.eyeTwo .flex-direction-nav a:hover,
div.eyeThree .flex-direction-nav a:hover,
div.slideTwo .flex-direction-nav a:hover,
div.carouselOne .flex-direction-nav a:hover {
    opacity: 1;
    background: #ffffff;
}