/* General */
.bloque-recurso {
	margin: 0;
}

.bloque-recurso h3 {
	color: #009ddd;
}

a.link-info {
	color: #009ddd;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none !important;
	cursor: pointer;
}

a.link-info::hover {
	color: #009ddd;
	text-decoration: underline;
}

a.link-info:after {
	content: url('../../imagenes/layout/link-arrow-right.png');
	vertical-align: middle;
	margin-left: 2em;
}

p.indicaciones {
    text-align: center;
    font-size: 14px !important;
    cursor: pointer;
    color: #ABABAB;
}

p.indicaciones i {
	color: #ABABAB;
	margin-right: 1em;
}



/* Destacado */
.pagina .destacado {
	font-size: 22px;
	color: var(--azul-oscuro);
	margin-bottom: 1em;
}

.pagina .destacado p {
	font-weight: 600;
	font-style: italic;
	font-size: 22px;
}

.pagina .destacado-v2 {
	background: #ebf8fb;
	color: #009ddd;
	padding: 3em 5em;
	margin-bottom: 1em;
}

.pagina .destacado strong {
	font-weight: 600;
}

.pagina .destacado-v2 strong {
	font-weight: 600;
}

.pagina.main-content a {
	color: #009ddd;
	text-decoration: underline;
}


/* Listas */
.pagina ul {
	padding-left: 20px;
	padding: 1em;
	padding-top: 0em;
	margin-top: 1em;
}

.pagina ol {
	padding-left: 25px;
	padding: 0em;
	margin-top: 1em;
}

.pagina ul li {
	margin: 5px 0px;
	list-style-type: none;
}

.pagina ul li::before {
	content: "•";
	font-size: 20px;
	color: #009ddd;
  display: inline-block; width: 1em;
  margin-left: -23px;
}

.pagina ol li {
	margin: 5px 0px;
}


.pagina ol>li {counter-increment:item; list-style:none inside;}
.pagina ol>li:before {content: counter(item) ". ";  color: #009ddd; font-weight: bold; padding-right:0.3em; }

ol.carousel-indicators>li:before { content: none; padding-right: none; }


/* Imagenes y pié de foto */
.img-responsive {
	max-width: 100%;
	height: auto;
	margin: 0px auto 1em auto;
}

/*Pie*/

.pagina p.pie {
	font-size: 14px;
	color: #ABABAB;
	margin: 0;
}

.pagina p.pie-fuente {
	font-size: 14px;
	color: #ABABAB;
	margin: 0;
}


/* Tablas */

/*Tabla*/

table {
	font-size: 16px;
}

table.tabla-cabecera thead th {
	font-weight: bold;
	color: #009ddd;
	border-bottom: 2px solid #009ddd;
}

.table>tbody>tr:last-child,
.table.tabla-cabecera>thead>tr>th {
	border-bottom: 2px solid #009ddd;
}

table.tabla-vertical tbody tr>th {
	font-weight: bold;
	color: #009ddd;
}

table.tabla>thead>th:first-child {
	border-top: 0;
}

table.tabla-vertical>tbody>tr:first-child {
	border-top: 2px solid #009ddd;
}


/* Historia */
.historia {
	border-top: 5px solid var(--amarillo);
	border-bottom: 5px solid var(--amarillo);
	background: #ebf8fb;
	padding: 2em 3em 1em 2em;
	color: #009ddd;
}

.botones-ferrercaja-contenido .historia {
	background: white;
}

.historia h3 {
	font-size: 32px;
	height: 40px;
	font-style: italic;
	color: var(--azul-oscuro);
	margin-bottom: 1em;
	background-image: url('../../imagenes/layout/ico-historia.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1em;
}

.historia img {
	margin-bottom: 0;
}

/* Cita */
.cita {
	padding: 1em 0;
	font-style: italic;
	color: #009ddd;
}

div.cita-down {
	text-align: right;
}

.cita p.autor {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
}

.cita img {
	margin: 1em 0;
}


/* Sabias */
.sabias {
	position: relative;
	z-index: 2;
	background: var(--background-resources-color);
	border-top: 5px solid var(--amarillo);
	border-bottom: 5px solid var(--amarillo);
	padding: 2em 2em 1em 2em;
	color: #009ddd;
}

.sabias h3 {
	font-size: 32px;
	font-style: italic;
	padding-right: 50%;
	color: var(--azul-oscuro);
	background-image: url('../../imagenes/layout/sabias.png');
	background-position: right center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
}

/* Saber más */
.sabermas {
	padding: 1em;
}

.sabermas .smas {
	background: #009ddd;
	color: white;
	padding: 3em;
	text-align: center;
}

.sabermas div {
	padding: 0;
}

.sabermas .smas h3 {
		font-size: 32px;
		font-style: italic;
		color: white;
		margin-bottom: 1em;
}

.sabermas .smas a.link-info {
	color: white;
	position: absolute;
	bottom: 3em;
}

.sabermas .smas a.link-info::hover {
	color: white;
	text-decoration: underline;
}

.sabermas .smas a.link-info:after {
	content: url('../../imagenes/layout/link-arrow-right-white.png');
}

.sabermas .content-sabermas {
	border-top: 5px solid var(--amarillo);
	border-bottom: 5px solid var(--amarillo);
	margin: 2em 0;
	background: var(--background-resources-color);
	padding: 2em;
	color: #009ddd;
}


/* Acordeones */

.panel-body {
	background: #ebf8fb;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(138,138,138,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(138,138,138,0.5);
	box-shadow: 0px 0px 5px 0px rgba(138,138,138,0.5);
}

.panel-default>.panel-heading {
	background-color: #009ddd;
	vertical-align: middle;
	color: white;
}

.panel-default>.panel-heading a {
	color: white;
	text-decoration: none;
}

.panel-default>.panel-heading:hover {
	background-color: var(--azul-oscuro);
}

.panel-default>.panel-heading[aria-expanded="true"] {
	background-color: var(--amarillo);
	border: none;
	color: white;
}

.panel-default>.panel-heading.activo a {
	color: white;
}

.panel-group .panel+.panel {
	border-color: white;
	border-width: 3px;
}

.panel-heading {
	padding: 5px 15px;
}

.panel-title {
	text-align: left;
	color: white;
	font-size: 17px !important;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 20px;
	cursor: pointer;
	margin: 15px 0;
}


.panel-title::before {
	content: url('../../imagenes/layout/expand.png');
	margin-right: 1em;
	vertical-align: middle;
}

.panel-heading[aria-expanded="true"] .panel-title::before {
	content: url('../../imagenes/layout/contract.png');
	padding-bottom: 12px;
}

.panel-body {
	border: none;
	padding: 2em 4em;
}

.panel-heading {
	border-radius: 0px
}

.panel {
	border: none;
	box-shadow: none;
	border-radius: 0px;
	margin-bottom: 3px;
}

.panel-group .panel+.panel {
	margin-top: 0px;
	border-radius: 0px;
	border-top: 1px solid;
}


.panel-default>.panel-heading {
	text-align: center;
}

.acordeon-right-text {
	float: right;
	margin-right: 30px;
}

@media (max-width: 580px) {

	.panel-title::before {
		content: none;
		margin-right: 0;
	}

}


/* Desplegables conceptos cortos */
.concepto-desplegable .el-concepto {
	background-color: #009ddd;
	color: white;
	padding: 2em;
	cursor: pointer;
	margin-top: 1em;
}

.concepto-desplegable .el-concepto.collapsed {
	background: #009ddd;
}

.concepto-desplegable .el-concepto.collapsed h4,
.concepto-desplegable .el-concepto h4 {
	color: white;
	min-height: 125px;
	margin: 0;
	background-image: url('../../imagenes/layout/arrow-up.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.concepto-desplegable .el-concepto.collapsed h4 {
	background-image: url('../../imagenes/layout/arrow-down.png');
}

.concepto-desplegable .card.card-body {
	background: var(--background-resources-gray);
	border: none;
}



/*Flip*/

.flips .opcion .opcionFlip {
	background-color: #009ddd;
	background-size: cover;
	background-blend-mode: multiply;
}

.flips .opcion_bloque {
	height: 250px;
	padding: 20px;
	border-radius: 0px;
	color: white;
	display: flex;
	text-align: center;
	vertical-align: middle;
}

.flips .opcion_bloque p {
	width: 100%;
	height: 100%;
	font-weight: 900;
	font-size: 25px;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
	background-image: url('../../imagenes/layout/arrow-right-flip.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.flips .opcion_bloque:hover {
	background-color: var(--azul-oscuro);
}

.flips .opcion_bloque:hover p {
	background-image: url('../../imagenes/layout/arrow-right-flip-hover.png');
}


.flips .opcionData {
	background: #ebf8fb;
}

.flips .opcionDescription {
	background: #ebf8fb;
	height: 250px;
	display: none;
	padding: 20px;
	vertical-align: middle;
	color: #7e8182;
	font-size: 22px;
	font-weight: 100;
	border: none;
}

.pagina .flips ul {
	font-size: 15px
}

.flips .opcion {
	cursor: pointer;
	margin: 10px auto;
	min-height: 250px;
}



/* Tablas horizontales y verticales dinámicas */
.botones-ferrercaja .grupo-botones button {
	background: #009ddd;
	border-radius: 0;
	width: 100%;
	color: white;
	font-weight: bold;
	font-size: 17px;
	padding: 1em;
}

/*
.botones-ferrercaja .grupo-botones button.boton_activo {
	background: var(--amarillo);
}

.botones-ferrercaja .grupo-botones button:hover {
	background: var(--azul-oscuro);
}
*/
.botones-ferrercaja-caja .botones-ferrercaja-contenido {
	/*background: #ebf8fb;*/
	display: none;
	padding: 2em 4em;
	margin-top: 1em;
}

.botones-ferrercaja-caja .botones-ferrercaja-contenido p {
	color: #ffffff;
	font-family: "Avenir";
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 23px;
	text-align: left;
	margin: 0;
}


.botones-ferrercaja-caja .botones-ferrercaja-contenido.activo {
	display: inherit;
}

.botones-ferrercaja.vertical button.boton_activo,
.botones-ferrercaja.vertical button {
	margin-bottom: 5px !important;
}


/* Carousel */
.bloque-carousel {
	margin-bottom: 5em !important;
}

.bloque-carousel .carousel-inner {
	max-width: 100%;
	width: 100%;
}

.bloque-carousel .carousel-item img {
	width: 100%;
}

.bloque-carousel .carousel-caption {
	position: static;
	padding: 1em 3em;
	color: #009ddd;
	text-align: left;
	background: #ebf8fb;
}

.bloque-carousel .carousel-indicators {
	bottom: -3em;
}

.bloque-carousel .carousel-indicators li {
	border-bottom: 5px solid #ebf8fb;
	margin-right: 3px;
	margin-left: 3px;
}

.bloque-carousel .carousel-indicators .active {
	border-bottom: 5px solid #009ddd;
}

.bloque-carousel.carousel-50 .row,
.bloque-carousel.carousel-50 .row div,
.bloque-carousel.carousel-50 .col {
	background: var(--background-resources-gray);
	text-align: left;
	margin: 0;
	padding: 0;
}

.bloque-carousel.carousel-50 div.carousel-caption {
	text-align: left;
	padding: 2em;
	padding-right: 5em;
}

.bloque-carousel .carousel-control-next,
.bloque-carousel .carousel-control-prev {
	width: 7%;
}

.bloque-carousel .carousel-control-next,
.bloque-carousel .carousel-control-prev {
	opacity: 1;
}

.bloque-carousel .carousel-control-prev-icon,
.bloque-carousel .carousel-control-next-icon {
	padding: 5px 20px;
	background: none;
	background-color: #009ddd;
	color: white;
	font-size: 2em;
	width: auto;
	height: auto;
}

.bloque-carousel .carousel-control-prev-icon:hover,
.bloque-carousel .carousel-control-next-icon:hover {
	background-color: var(--amarillo);
}

.bloque-carousel div.carousel-caption {
		padding: 4em 6em;
}

@media (max-width: 580px) {

	.bloque-carousel div.carousel-caption,
	.bloque-carousel.carousel-50 div.carousel-caption {
		padding-right: 2em;
	}

	.bloque-carousel.carousel-texto div.carousel-caption {
		padding-right: 5em;
	}
}


/* VIDEO */

.bloque-recurso.video .video-lienzo {
	padding: 3em 3em 1em 3em;
	background: #ebf8fb;
}

.video h2 {
	text-align: center;
	font-style: italic;
}

.video p.pie-video {
	width: 100%;
	font-size: 12px !important;
	color: #009ddd;
	display: flex;
	border-bottom: 1px solid #f5fcfd;
	padding: 0 0 1em 0;
	margin-top: 1em;
	margin-bottom: 1em;
	vertical-align: middle;
}

.video p.pie-video img {
	margin-right: 1em;
}

.video p.titulo-transcripcion {
	width: 100%;
	background: none;
	margin-bottom: 2em;
}

.video p.titulo-transcripcion a {
	background: none;
	color: #009ddd;
	font-size: 30px;
	font-style: italic;
	text-decoration: none !important;
}

.video p.titulo-transcripcion a strong {
	color: black;
	font-weight: 600;
}

.video p.titulo-transcripcion a span {
	font-size: 26px;
	margin-left: 1em;
	font-weight: 600;
}

.video p.titulo-transcripcion a span::after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	margin-left: 1em;
}

.video .card-body {
	background: #ebf8fb;
	padding: 2em 4em;
	border: none;
	border-radius:none;
}

.video .card-body h1,
.video .card-body h2,
.video .card-body h3,
.video .card-body h4,
.video .card-body h5 {
	font-family: "Open Sans", helvetica;
}

.card .titulo-transcripcion {
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	padding-bottom: 1em;
	border-bottom: 4px solid #009ddd;
}

/* Radio */
.bloque-recurso.radio {
	background: white;
}

.bloque-recurso.radio .row {
	margin: 0;
}

.radio .hide {
	display: none;
}

.radio .player-radio-micro {
	color: #009ddd;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
}

.radio .player-radio-micro img {
	margin-right: 1em;
}

.radio .boton-player-radio {
	text-align: center;
}

.radio .radio-meta {
	margin: 3em;
	min-height: 300px;
}

@media (max-width: 580px) {

	.radio .radio-background {
		order: 2;
	}
	.radio .radio-meta-container {
		order: 1;
	}

}

.radio {
	padding-top: 1em;
}

.radio .radio-program {
	font-size: 33px;
	font-style: italic;
	margin: 0 auto 0.5em auto;
	text-align: center;
	color: #009ddd;
	font-weight: bold;
}

.radio .radio-program strong {
	color: #7e8182;
	text-transform: uppercase;
	font-style: normal;
}

.radio .radio-program::after {
	content: "";
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 100px;
	padding: 0;
	padding-top: 15px;
	border-bottom: 5px solid #169dd8;
}

.radio .radio-program-subtitle {
	text-align: center;
	padding: 0;
	margin: 0 auto 1em auto;
	color: #169dd8;
	font-size: 18px;
}

.radio .radio-icon {
	margin: 0 auto 2.5em auto;
	text-align: center;
}

.radio .the-player-container {
	background: var(--background-resources-color);
	padding: 3em 4em 5em 4em;
}

.radio .the-player-container h2.radio-title {
	color: #169dd8;
	font-weight: 900;
	font-style: normal;
	letter-spacing: normal;
	line-height: 35px;
	margin: 0;
}

.radio .the-player-container-inside {
	background: white;
	padding: 1em 2em;
}


.radio .radio-meta h2 {
	margin-bottom: 5px;
}

.radio .radio-meta h4 {
	font-weight: 100;
}

.radio .radio-meta p {
	color: #7e8182;
	font-size: 18px;
	line-height: 30px;
}

.radio .file-meta {
	width: 100%;
	clear: both;
	margin-top: 0.5em;
	padding: 1em 0;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #009ddd;
	font-weight: bold;
}

.radio .file-meta img {
	margin-right: 10px;
	vertical-align: middle;
}

.radio .file-meta a {
	color: #009ddd;
	text-decoration: none;
}

.radio .file-meta a:hover {
	color: #009ddd;
	text-decoration: none;
	font-weight: bold;
}

.mejs-container .mejs-controls {
	height: 44px !important;
	width: 100%;
	padding: 7px 0 !important;
}

.radio .radio-actions {
	display: flex;
	justify-content: space-between;
	padding: 0;
	padding-bottom: 0.8em;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 1em;
	border-bottom: 1px solid var(--background-resources-color);
}

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-container .mejs-controls .mejs-time,
.mejs-controls .mejs-button button {
	display: none!important
}


.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #ECECEC;
	border-radius: 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: var(--amarillo);
	border-radius: 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	border-radius: 4px;
	border-radius: 10px;
	background: #E6E6E6;
	width: 90% !important;
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
	height: 10px
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	border-color: #029ede transparent transparent
}

.radio p.titulo-transcripcion {
	border-top: 1px solid #0097a6;
	padding-top: 10px;
	width: 100%;
	background: none;
}

.radio p.titulo-transcripcion a {
	background: none;
	color: #009ddd;
	font-size: 30px;
	text-decoration: none !important;
}

.radio p.titulo-transcripcion a strong {
	color: black;
	font-weight: 600;
}

.radio p.titulo-transcripcion a span {
	font-size: 26px;
	margin-left: 1em;
	font-weight: 600;
}

.radio p.titulo-transcripcion a span::after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	margin-left: 1em;
}

.radio .card-body {
	background: var(--background-resources-gray);
	padding: 2em 4em;
	border: none;
	border-radius:none;
	font-family: "Droid Serif", helvetica;
}

.radio .card-body h1,
.radio .card-body h2,
.radio .card-body h3,
.radio .card-body h4,
.radio .card-body h5 {
	font-family: "Open Sans", helvetica;
}

.radio #tabla-informativa,
.video #tabla-informativa {
	margin: 2em 0;
	width: 100%;
	color: #656666;
}

#tabla-informativa h2 {
	font-weight: bold;
	color: #009ddd;
	font-size: 24px;
	padding-bottom: .5em;
	border-bottom: 4px solid #009ddd;
}

#tabla-informativa .btn-interactivo {
	text-transform: lowercase;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	padding: 1em;
	white-space: nowrap;
}

#tabla-informativa .btn-interactivo span {
	font-style: normal;
}

/* MAGAZINE */
.bloque-recurso.magazine {
	background: white;
}

.bloque-recurso.magazine .magazine-background {
	background-image: url('../../imagenes/layout/magazine-image.jpg');
	background-size: cover;
}

.bloque-recurso.magazine .row {
	margin: 0;
}

.bloque-recurso.magazine div.no-padding-sides {
	padding-left: 0;
	padding-right: 0;
}

.magazine .magazine-meta {
	margin: 5em 3em;
}

.magazine .magazine-meta h5 {
	font-size: 16px;
	margin-bottom: 0;
	color: #4A4A4A;
	font-weight: bold;
}

.magazine .magazine-meta h2 {
	color: #009ddd;
	font-size: 42px;
	margin-bottom: 0;
}

.magazine .maga-meta {
	width: 100%;
	clear: both;
	padding: 1em 0;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #009ddd;
	font-weight: bold;
}

.magazine .maga-meta img {
	margin-right: 1em;
	vertical-align: middle;
}

.magazine .maga-meta a {
	color: #ABABAB;
}

.magazine .maga-meta a:hover {
	color: #ABABAB;
	text-decoration: none;
	font-weight: bold;
}

.magazine .text-highlight {
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	background: #009ddd;
	padding: 2em 3em;
	padding-top: 3em;
	color: white;
}

.magazine .maga-autor {
	margin: -1.5em auto;
	margin-left: 3em;
	display: flex;
	align-items: center;
}

.magazine .maga-autor .maga-autor-image {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	overflow: hidden;
}

.magazine .maga-autor .maga-autor-image img {
	width: 100%;
	height: 100%;
}

.magazine .maga-autor .maga-autor-meta {
	margin-left: 2em;
	color: #4A4A4A;
	font-size: 14px;
}

.magazine .maga-autor .maga-autor-meta h5 {
	margin: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	color: #656666;
	font-size: 17px;
	font-weight: 100;
	font-style: italic;
}

.introduccion {
	color: #7e8182;
	font-size: 18px;
}

.introduccion h1 {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	line-height: 27px;
}

.introduccion h1::after {
	display: none;
}

.introduccion-destacado {
	font-size: 20px;
	font-weight: 600;
	color: #7e8182;
}

/* CARTAS AL LECTOR */
.pagina.main-content.cartas-lector {
		padding-bottom: 1px;
		margin-bottom: 0px;
}

.pagina.main-content.cartas-lector .bloque-contenido.cartas-lector {
	margin-bottom: 1em;
}

.cartas-lector-meta h5 {
	color: #656666;
	font-size: 17px;
	font-weight: 900;
	font-style: normal;
	letter-spacing: normal;
	line-height: 27px;
	text-align: left;
	text-transform: uppercase;
}

.cartas-lector-meta h2 {
	color: #169dd8;
	font-size: 42px;
	font-weight: 900;
	font-style: normal;
	letter-spacing: normal;
	line-height: 27px;
	margin: 0;
	padding: 0;
	padding-bottom: .2em;
}

.cartas-lector-meta .duracion {
	width: 100%;
	clear: both;
	padding: 1em 0;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #009ddd;
	font-weight: bold;
}

.cartas-lector-meta .duracion img {
	margin-right: 10px;
	vertical-align: middle;
}

.cartas-lector-meta .duracion a {
	color: #009ddd;
	text-decoration: none;
}

.cartas-lector-meta .duracion a:hover {
	color: #009ddd;
	text-decoration: none;
	font-weight: bold;
}

.magazine.cartas-lector .text-highlight {
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	background: var(--azul-oscuro);
}

.magazine.cartas-lector .text-highlight p {
	margin-bottom: 2em;
}

.magazine.cartas-lector .text-highlight span {
	font-weight: bold;
	font-style: italic;
	font-size: 25px;
}

.magazine.cartas-lector .inside {
	padding: 1.5em 220px 1.5em 200px;
}

.magazine.cartas-lector .maga-autor {
	margin-left: 0;
}

.magazine.cartas-lector .maga-autor-image {
	margin-top: -2em;
}
.magazine.cartas-lector .maga-autor-meta {
	margin-top: 10px;
}

/*Podcast*/

.podcast-box {
	border-top: 5px solid var(--azul-oscuro);
	border-bottom: 5px solid var(--azul-oscuro);
	padding: 2em 2em 1em 2em;
	background-color: var(--background-resources-gray);
}
.podcast-box .cabecera-podcast {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.podcast-box .titulo-podcast h3 {
	color: #009ddd;
	margin-bottom: 1em;
	font-weight: 900;
	font-size: 32px;
}

.podcast-box .titulo-podcast span {
	color: #005cab;
	font-size: 17px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: normal;
	line-height: 35px;
}

.pagina .podcast-box .titulo-podcast-02 p {
	font-size: 30px;
	font-weight: bold;
	color: #009ddd;
	line-height: 39px;
}


.btn-podcast-box {
	margin-bottom: 20px;
	margin-top: 10px;
}

.audio-descarga-box {
	margin-bottom: 1em;
	padding: 0;
}

.audio-descarga-box a {
	text-decoration: none !important;
	display: flex;
	align-items: center;
	color: #009ddd !important;
	font-size: 12px;
	font-weight: 900;
	font-style: normal;
	letter-spacing: normal;
}

.audio-descarga-box span {
	color: #009ddd;
	margin-left: 1em
}

.titulo-podcast-02 {
	padding-top: 15px;
	padding-bottom: 20px;
}

.player-podcast {
	padding-bottom: 20px
}

.audiojs  {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.audiojs .play-pause {
	width: 94px;
	height: 52px;
	margin: 2em auto 4em auto;
}

p.titulo-final {
	color: #009ddd;
	font-weight: bold;
	font-size: 2em;
}



@media only screen and (max-width: 760px) {

  .video .card-body {
    padding: 1.5em;
  }

	.bloque-carousel div.carousel-caption,
	.bloque-carousel.carousel-50 div.carousel-caption,
  .bloque-carousel.carousel-texto div.carousel-caption {
    padding: 2em 3em !important;
  }


  .botones-ferrercaja-caja .botones-ferrercaja-contenido {
    padding: 1em 2em;
  }

	.pagina .destacado-v2 {
		padding: 1em;
	}

	.historia {
		padding: 1em;
	}

	.magazine .magazine-meta {
		margin: 2em;
	}

	.magazine .text-highlight {
		padding: 2em 2em 1em 2em;
	}

	.flips .opcionDescription p,
	.flips .opcionDescription {
		font-size: 14px;
	}

	p.indicaciones {
		font-size: 14px !important;
		padding: 0em 2em;
	}

	.radio a.boton-player-radio {
		text-decoration: none !important;
	}

	.sabermas .smas h3 {
		margin: 0 !important;
		margin-bottom: 12px !important;
	}

	.content-sabermas {
		margin: 0 !important;
	}

	.introduccion h1,
	p.titulo-final {
		font-size: 1.5em;
	}

	.bloque-recurso.video .video-lienzo {
		padding: 1em 1em 0em 1em;
		background: #ebf8fb;
	}

	.radio .the-player-container {
		padding: 1em;
	}

	.magazine .magazine-meta h2 {
		font-size: 32px;
	}

	.historia h3 {
		font-size: 24px;
		margin-bottom: 2em;
	}

	.cartas-lector-meta h5 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.cartas-lector-meta h2 {
		font-size: 32px;
	}

	.magazine.cartas-lector .inside {
		padding: 2em;
	}

	.panel-body {
		padding: 1.5em;
	}

	.podcast-box .titulo-podcast h3 {
		font-size: 25px;
	}

	.cabecera-podcast img {
		width:30px;
	}

}