/*

colores

azul turquesa     : 00a9b1
azul cobalto      : 047bc1
amarillo canario  : fcee17
verde lima        : 8bc53f

*/
/*
    hojas de estilos extra-iniciales
*/
@import url(normalize.css);
@import url(herramientas.css);
@import url(tipografias.css);
@import url(animaciones.css?v1661023555);
@import url(range.css);
/*
    globales
*/
*, *::before, *::after {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 112.5%;
}
html, body {
    min-height: 100%;
    height: 100%;
}
html {
    font-size: 10px;
}
body {
    color: #fff;
    background: #1a1a1a;
    font-family: 'BarlowRegular';
    font-size: 1.8rem;
    position: relative;
}
a {
    color: currentColor;
    text-decoration: none;
}
b, strong, h2, h3, h4 {
    font-family: 'BarlowMedium';
    font-weight: normal;
}
h2, h2 * {
    font-size: 8.6rem;
    line-height: 90%;
}
h2 b {
    font-family: 'BarlowBold';
}
h3 {
    font-family: 'BarlowBold';
    font-size: 3.6rem;
    line-height: 90%;
}
body > iframe:first-child {
    display: block;
    background: white;
    overflow: auto;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 5;
}
input[type=range].slider::-moz-range-thumb {
    background: #fcee17;
}
input[type=range].slider::-webkit-slider-thumb {
    background: #fcee17;
}
[data-puesto] {
    position: relative;
}
[data-puesto]::after {
    content: attr(data-puesto);
    pointer-events: none;
    display: block;
    -webkit-background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #b2b2b2 51%);
    background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #b2b2b2 51%);
    color: #fff;
    font-family: 'BarlowBold';
    font-size: 1.6rem;
    text-align: right;
    width: 4.8rem;
    height: 4.8rem;
    padding: 0.5rem 1rem 0 0;
    position: absolute;
    top: 0;
    right: 0;
}
[href^='mailto:'] span:not(:first-of-type)::before {
    content: '\0002E';
}
[href^='mailto:'] span:first-of-type::after {
    content: '\00040';
}
[onclick] { cursor: pointer; }
/*
    fxGalería
*/
.indice {
    display: block;
    margin: 0 auto;
    text-align: center;
	white-space: nowrap;
	overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.indice > * {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255,255,255,0.15);
    background: -webkit-radial-gradient(circle, rgba(255,255,255,0.15) 40%, transparent 45%);
    background: radial-gradient(circle, rgba(255,255,255,0.15) 40%, transparent 45%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 3.2rem;
    height: 3.2rem;
    position: relative;
}
.indice > .activo {
    background: #fcee17;
    background: -webkit-radial-gradient(circle, #fcee17 45%, transparent 50%);
    background: radial-gradient(circle, #fcee17 45%, transparent 50%);
}
.fAnterior, .fSiguiente {
    cursor: pointer;
    color: currentColor;
    font-family: monospace;
    font-size: 3.2rem;
    line-height: 100%;
    /* evitar linea punteada de enfocado */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: 0;
    /* evitar drag and drop */
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fAnterior:active, .fSiguiente:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.fAnterior::before {
    content: '\02039';
}
.fSiguiente::before {
    content: '\0203A';
}
.fxGaleria {
    overflow: hidden;
    position: relative;
}
.fxGaleria > *:not(.indice):not(.fSiguiente):not(.fAnterior) {
    pointer-events: none;
    opacity: 0;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.fxGaleria > *:not(.indice):not(.fSiguiente):not(.fAnterior).activo {
    pointer-events: all;
    opacity: 1;
    position: relative !important;
}
/*
    _|º>º|_
*/
.icono::before {
    content: none;
    vertical-align: middle;
    font-family: 'FrontendIcons';
    font-size: 100%;
    line-height: 100%;
}
.icono.spin::before {
    content: '\0e831';
    display: inline-block;
    -webkit-animation: enrotacion 1s linear infinite;
    animation: enrotacion 1s linear infinite;
}
.icono.home::before {
    content: '\0e812';
}
.icono.menu::before {
    content: '\0e811';
}
.icono.facebook::before {
    content: '\0f09a';
}
.icono.twitter::before {
    content: '\0f099';
}
.icono.instagram::before {
    content: '\0f16d';
}
.icono.youtube::before {
    content: '\0f16a';
}
.icono.equis::before {
    content: '\0e809';
}
.icono.equisball::before {
    content: '\0e80a';
}
.icono.spinner::before {
    content: '\0e831';
}
.icono.avion::before {
    content: '\0f1d8';
}
.icono.minidelta.iquierda::before {
    content: '\0e80b';
}
.icono.minidelta.derecha::before {
    content: '\0e80c';
}
.icono.minidelta.abajo::before {
    content: '\0e80d';
}
.icono.delta.izquierda::before {
    content: '\0e810';
}
.icono.delta.derecha::before {
    content: '\0e80f';
}
.icono.delta.abajo::before {
    content: '\0e80e';
}
.icono.delta.arriba::before {
    content: '\0e80e';
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.icono.volumen.cero::before {
    content: '\0e800';
}
.icono.volumen.medio::before {
    content: '\0e801';
}
.icono.volumen.total::before {
    content: '\0e802';
}
.icono.corazon::before {
    content: '\0e803';
}
.icono.estrella::before {
    content: '\0e804';
}
.icono.play::before {
    content: '\0e805';
}
.icono.stop::before {
    content: '\0e806';
}
.icono.pause::before {
    content: '\0e807';
}
.icono.compartir::before {
    content: '\0e808';
}
.icono.facebook, .icono.twitter, .icono.instagram, .icono.youtube {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: rgba(0,0,0,0);
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
    letter-spacing: 0;
    width: 2.4rem;
    height: 2.4rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
}
.icono.facebook::before, .icono.twitter::before, .icono.instagram::before, .icono.youtube::before {
    font-size: 1.6rem;
    line-height: 2.5rem;
}
.boton {
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.2);
    background: none;
    color: rgba(255,255,255,0.65);
    text-transform: uppercase;
    white-space: nowrap;
    font-family: 'BarlowBold';
    font-size: 75%;
    line-height: 100%;
    letter-spacing: 1px;
    padding: 1rem 2rem;
    cursor: pointer;
    -webkit-transition: background 0.35s ease;
    transition: background 0.35s ease;
}
.boton:hover {
    border-color: rgba(0,0,0,0);
    background: #00a9b1;
    color: rgba(255,255,255,1);
}
.boton:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.video, .audio {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.video::before, .audio::before {
    pointer-events: none;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #b2b2b2;
    color: #fff;
    text-align: center;
    font-size: 3.8rem;
    line-height: 5.9rem;
    width: 5.9rem;
    height: 5.9rem;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.video:focus::before, .video:hover::before, .audio:focus::before, .audio:hover::before {
    background: #fcee17; /* 1a1a1a */
    -webkit-transform: translateY(-50%) scale(0.75);
    transform: translateY(-50%) scale(0.75);
}
.video > span, .audio > span {
    pointer-events: none;
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.66), rgba(0,0,0,0.33));
    background: linear-gradient(0deg, rgba(0,0,0,0.66), rgba(0,0,0,0.33));
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0.01;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.video:focus > span, .video:hover > span, .audio:focus > span, .audio:hover > span {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.video > span span, .audio > span span {
    color: #ffffff;
    text-align: left;
    white-space: normal;
    font-size: 1.4rem;
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 0 10% 5% !important;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: perspective(300px) rotateX(90deg);
    transform: perspective(300px) rotateX(90deg);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.video:focus > span span, .video:hover > span span, .audio:focus > span span, .audio:hover > span span {
    -webkit-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
}
.video > span span b, .audio > span span b {
    font-size: 1.6rem;
    font-family: 'BarlowBold';
}
@keyframes reproduciendo {
    50% { transform: perspective(800px) scale(0.8); }
    100% { transform: perspective(800px) scale(0.8) translateY(-100%); }
}
@keyframes aparecer_de_zoom {
    0% { opacity: 0; transform: perspective(100px) scale(4); } 33% { opacity: 1; }
}
.reproductor {
    text-align: left;
    overflow: hidden;
}
.reproductor *:not(img) {
    display: block;
    position: absolute;
    transform-origin: center center;
    animation: aparecer_de_zoom 0.5s ease;
    animation-fill-mode: backwards;
}
.reproductor :nth-child(2) { animation-delay: 0s; }
.reproductor :nth-child(n+5) { animation-delay: 0.2s; }
.reproductor > span {
    pointer-events: none;
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.66), rgba(0,0,0,0.33));
    background: linear-gradient(0deg, rgba(0,0,0,0.66), rgba(0,0,0,0.33));
    top: 0; left: 0; right: 0; bottom: 0;
}
.reproductor > span span {
    color: #ffffff;
    font-size: 1.4rem;
    top: 0; left: 0;
    padding: 5% 10% 0 !important;
}
.reproductor > span span b {
    font-size: 1.6rem;
    font-family: 'BarlowBold';
}
.reproductor audio {
    width: 0; height: 0;
    overflow: hidden;
}
.reproductor canvas {
    width: 80% !important;
    height: calc((90% - 3rem) - 84px);
    left: 10%; bottom: 74px;
}
.reproductor input.slider.duracion {
    width: -webkit-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
    left: 10px; bottom: 47px;
}
.reproductor em {
    font-style: normal;
    bottom: 0;
}
.reproductor .play, .reproductor .pause {
    left: 0;
}
.reproductor .stop {
    left: 32px;
}
.reproductor .tiempo {
    text-align: center;
    font-size: 11pt;
    line-height: 32px;
    width: 100px;
    left: 64px;
}
.reproductor .icono::before {
    display: inline-block;
    text-align: center;
    font-style: normal;
    font-size: 12pt;
    line-height: 32px;
    width: 32px; height: 32px;
}
.reproductor label.volumen {
    width: 32px;
    overflow: hidden;
    right: 0; bottom: 0;
    -webkit-transition: background 0.15s linear, width 0.2s ease;
    transition: background 0.15s linear, width 0.2s ease;
}
.reproductor label.volumen:hover, .reproductor label.volumen:focus {
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background-color: #1a1a1a;
    width: 67%;
    overflow: visible;
    z-index: 1;
}
.reproductor input.slider.volumen {
    display: inline-block;
    width: -webkit-calc(100% - 56px) !important;
    width: calc(100% - 56px) !important;
    margin: 15px 10px !important;
}
.album::before {
    content: '\000A0';
    background: rgba(0,0,0,0.65);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}
.album::after {
    content: attr(data-titulo);
    border: 1px solid #fff;
    color: #fff;
    font-family: 'BarlowSemiBold';
    font-size: 1.8rem;
    line-height: 100%;
    text-align: center;
    white-space: normal;
    padding: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}
.album:focus::before, .album:hover::before { opacity: 1; }
.album:focus::after, .album:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
[data-pie]::after {
    content: attr(data-pie);
    display: block;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.85);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.85);
    border: 1px solid #f1f1f1;
    background: rgba(0,0,0,0.85);
    color: #fff;
    font-size: 1.8rem;
    line-height: 100%;
    text-align: center;
    padding: 1.2rem 1.6rem;
    position: absolute !important;
    left: 50%; bottom: 1rem;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.contenedor {
    position: relative;
}
/*
    pageload
*/
#cargador {
    background: #fafafa;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
#cargador::after {
    content: attr(data-numero);
    color: #1a1a1a;
    text-align: center;
    font-size: 3.2rem;
    line-height: 100%;
    width: 12.8rem;
    height: 3.2rem;
    margin: -1.6rem 0 0 -6.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
}
#cargador[data-numero="100"] {
    pointer-events: none;
    -webkit-animation: salidazoom 0.35s ease-in 0.35s;
    animation: salidazoom 0.35s ease-in 0.35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#cargador svg {
    margin: auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#cargador circle {
    /*
    circunferencia = radio * 2 * PI
    stroke-dasharray  = circunferencia circunferencia
    stroke-dashoffset = circunferencia -- para iniciar en 0
    */
    stroke-dasharray: 289.02652413 289.02652413;
    stroke-dashoffset: 289.02652413;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: stroke-dashoffset 0.35s ease;
    transition: stroke-dashoffset 0.35s ease;
}
/*
    animación de introducción
*/
#introduccion, #introduccion span {
	overflow: hidden;
	top: 0; left: 0; right: 0; bottom: 0;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#introduccion {
    background: #fafafa;
    position: fixed;
    z-index: 5;
	-webkit-animation-timing-function: steps(1);
	animation-timing-function: steps(1);
}
#introduccion span {
    background-position: left center;
    background-repeat: no-repeat;
    width: 0; height: 0; margin: auto;
    position: absolute;
	-webkit-animation-timing-function: cubic-bezier(0.58,0,0.42,1);
	animation-timing-function: cubic-bezier(0.58,0,0.42,1);
}
/*
    encabezado de la página
*/
header::before, header::after {
	content: ' ';
	background-position: center center;
	background-repeat: none;
	background-size: cover;
	pointer-events: none;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	/* la duración debe ser Nx4 */
	-webkit-animation-duration: 24s;
	animation-duration: 24s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
header::before {
	-webkit-animation-name: rotar_fondos_header_non;
	animation-name: rotar_fondos_header_non;
	-webkit-animation-timing-function: steps(1);
	animation-timing-function: steps(1);
}
header::after {
	-webkit-animation-name: rotar_fondos_header_par;
	animation-name: rotar_fondos_header_par;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}
header {
	background: url(../pics/fondo_foto_uno.webp) center center no-repeat;
	background-size: cover;
	min-height: 100%;
	height: 100%;
	position: relative;
}
header .contenedor {
    min-height: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
	z-index: 1;
}
/* header .contenedor::before {
    content: '\000A0';
    background: url(../pics/fondo_brillo.png) left top no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
header .contenedor::after {
    content: '\000A0';
    pointer-events: none;
    background-image: url(../pics/fondo_lineas_portada.png);
    background-position: center 55%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
} */
header h1 {
    display: none;
}
header h1 + div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 84.25%;
    position: absolute;
    top: 7.875%; left: 9.72345%;
}
header h1 + div > div {
    position: relative;
}
header h1 + div > div:nth-child(1) {
    height: 47.7545%;
}
header h1 + div > div:nth-child(2) {
    height: 17.609%;
}
header h1 + div > div:nth-child(3) {
    height: 29.07%;
}
header h1 + div img {
    display: block;
	max-width: 100%;
    max-height: 100%;
	width: auto;
    height: 100%;
    margin: auto;
}
[src$='/logotipo_vertical.webp'], [src$='/eslogan.webp'] {
    height: 100%;
}
[src$="/escuchanos.svg"] {
    height: 19.584%;
}
[alt='ahora'], #radio {
	box-shadow: 0 0 0 1px #ffff00;
	transition: transform 1s ease;
}
[alt='ahora'] {
    height: 75.331%;
    transform-origin: bottom center;
    transform: perspective(300px) rotateX(0deg) scaleY(1) translateY(0);
    position: relative;
    top: 5.085%;
}
#sw_radio:checked ~ * [alt='ahora'] {
    transform: perspective(300px) rotateX(-90deg) scaleY(0) translateY(-25%);
}
#radio {
    height: 75.331%;
	position: absolute;
	bottom: 0;
	transform-origin: top center;
	transform: perspective(300px) rotateX(90deg) scaleY(0) translateY(25%);
}
#sw_radio:checked ~ #radio {
	transform: perspective(300px) rotateX(0deg) scaleY(1) translateY(0);
}
#radio :not(img) {
	position: absolute;
	white-space: nowrap;
}
#radio img {
	pointer-events: none;
	visibility: hidden;
}
#radio .cinta {
	font-family: 'BarlowSemiBold';
	width: 64.6574%;
	overflow: hidden;
	top: 12.08%; left: 4.38%;
}
#radio .cinta:empty::before {
	content: attr(data-texto) attr(data-nom);
	color: rgba(0,0,0,0);
}
#radio .cinta:empty::after {
	content: attr(data-texto) attr(data-nom) '\000A0' attr(data-texto) attr(data-nom) '\000A0' attr(data-texto) attr(data-nom) '\000A0';
	position: absolute;
	top: 0; left: 0;
	-webkit-animation: recorrer 9s linear infinite;
	animation: recorrer 9s linear infinite;
}
#radio .estado {
	font-size: 81.75%;
	top: 27.155875378%;
	left: 4.383561648%;
}
#radio .stop {
	cursor: pointer;
	top: 38.92616846%;
	left: 36.712261648%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#radio .volumen {
	top: 65.77186846%;
	cursor: pointer;
}
#radio .volumen.cero {
	left: 4.383561648%;
}
#radio .volumen.slider {
	width: -webkit-calc(64.6574% - 4.8rem);
	width: calc(64.6574% - 4.8rem);
	margin-top: 1rem;
	left: -webkit-calc(4.383561648% + 2.4rem);
	left: calc(4.383561648% + 2.4rem);
	right: -webkit-calc(30.959038352% + 2.4rem);
	right: calc(30.959038352% + 2.4rem);
}
#radio .volumen.total {
	right: 30.959038352%;
}
#radio .boton {
	color: white;
	text-align: center;
	font-family: 'BarlowBold';
	width: 22.191780822%;
	height: 20.805369128%;
	padding: 0; margin: 0;
	right: 4.383561648%;
}
#radio .boton:hover, #radio .boton.activo {
	background: #8a8a8a;
}
#radio .boton::before {
	content: attr(data-nom);
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#radio [data-nom='95.5 FM']:not(.cinta) {
	border-color: #fcee17;
	top: 12.080536913%;
}
#radio [data-nom='BEAT']:not(.cinta) {
	border-color: #8bc53f;
	top: 38.92616846%;
}
#radio [data-nom='OLDIES']:not(.cinta) {
	border-color: #00a9b1;
	top: 65.77186846%;
}
/*
    elementos fuera de la columna
*/
#menu {
    font-family: 'GothamBook';
	font-size: 11.5pt;
    position: absolute;
    top: 7.75%; right: 12.5%; right: 8.671875%;
}
#menu :not(:first-child) {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 2.4rem;
    line-height: 2.4rem;
    cursor: pointer;
}
#menu label:empty, #menu label:empty + * {
    display: none;
}
#menu span::after {
    content: 'inicio';
}
#menu label:empty ~ :not(:last-child) {
    margin-right: 1.9rem;
}
#menu label:empty ~ :not(:last-child)::before {
    content: '\000A0';
    display: block;
    -webkit-border-radius: 0.15rem;
    border-radius: 0.15rem;
    background: #8bc53f;
    width: 0.3rem;
    height: 2.4rem;
    position: absolute;
    left: -webkit-calc(100% + 0.95rem);
    top: 0; left: calc(100% + 0.95rem); bottom: 0;
}
#menu :not(:first-child):hover::after,
#AM:checked + #menu label:empty::after,
#AP:checked ~ * #menu label::after {
    content: '\0e80e';
    color: #fcee17;
    font-family: 'FrontendIcons';
    text-align: center;
    position: absolute;
    top: 100%; left: 0; right: 0;
}
#programacion {
    opacity: 0.01;
    visibility: hidden;
    pointer-events: none;
    border: 1px solid #fcee17;
    background: #1a1a1a;
    color: #fafafa;
    padding: 2.2rem 2.9rem 0;
    overflow: hidden;
    position: absolute;
    top: -webkit-calc(7.75% + 4.8rem);
    top: calc(7.75% + 4.8rem);
    right: 12.5%;
    bottom: 7.25%;
    z-index: 2;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateY(-1.2rem);
    transform: translateY(-1.2rem);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
#AP:checked ~ #programacion {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#programacion h3 {
    color: #3eadb1;
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
}
#programacion div {
    height: -webkit-calc(100% - 3.6rem);
    height: calc(100% - 3.6rem);
    overflow: hidden;
}
#programacion div + span,
#programacion div + span > span {
    display: block;
    width: 1.2rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
#programacion div + span {
    background: rgba(255,255,255,0.1);
}
#programacion div + span > span {
    background: rgba(255,255,255,0.1);
}
#programacion p {
    font-family: 'BarlowCondensedLight';
    white-space: nowrap;
    padding: 1rem 2rem 1rem 0;
}
#programacion p:not(:last-child) {
    border-bottom: 1px solid #3eadb1;
    margin: 0 !important;
}
#programacion p > * {
    font-family: 'BarlowCondensedBold';
    font-style: normal;
}
#programacion p > i:first-of-type {
    display: inline-block;
    color: #3eadb1;
    width: -webkit-calc(21% + 1rem);
    width: calc(21% + 1rem);
}
#redes {
    position: absolute;
    right: 8.671875%; bottom: 9.5%;
}
#redes a {
    background: #fff;
    margin-left: 2rem;
    float: left;
}
#redes a::before {
    color: #0a2529;
}
#redes a:hover {
    -webkit-transform: scale(2);
    transform: scale(2);
}
#redes span:last-child {
    display: block;
    clear: both;
}
#pabajo {
    display: block;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0.3rem solid currentColor;
    text-align: center;
    font-size: 2.2rem;
    line-height: 3.9rem;
    height: 3.9rem;
    width: 3.9rem;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9.5%;
    cursor: pointer;
    -webkit-transition-property: color, transform;
    transition-property: color, transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
#pabajo::before {
    vertical-align: baseline;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}
#pabajo:hover {
    -webkit-transform: scale(2);
    transform: scale(2);
}
#pabajo.arriba {
    position: fixed;
    left: inherit; right: 1.9rem; bottom: 1.9rem;
    z-index: 9;
}
/* cuerpo de la página */
main {
    display: block;
    position: relative;
}
main::before {
    content: '\000A0';
    display: block;
    background: #333;
    height: 0.5rem;
}
main img {
    display: block;
    width: 100%;
    height: auto;
}
main > [id] {
    position: relative;
}
main > [id]:not(#recursos):not(#pubgra):not(#escenario)::after {
    content: ' ';
    pointer-events: none;
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#programas {
    padding: 8.6rem 0 2.6rem;
}
#programas::after {
    background-image:
        url(../pics/fondo_lineas_prog_sup.png),
        url(../pics/fondo_lineas_prog_inf.png);
}
#programas .contenedor {
    max-width: 80rem;
    width: 62.5%;
    margin: auto;
    overflow: visible;
}
#programas .contenedor::before {
    content: ' ';
    background: -webkit-radial-gradient(ellipse, rgba(0,0,0,0.85), rgba(0,0,0,0) 65%);
    background: radial-gradient(ellipse, rgba(0,0,0,0.85), rgba(0,0,0,0) 65%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 9%;
    width: 82.25%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6.5%;
}
#programas .indice {
    bottom: -webkit-calc(100% + 1rem);
    bottom: calc(100% + 1rem);
}
#programas .fAnterior,
#programas .fSiguiente {
    color: rgba(255,255,255,0.15);
    text-align: center;
    font-size: 6.4rem;
    height: 6.4rem;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
}
#programas .fAnterior {
    right: 100%;
    margin-right: 5%;
}
#programas .fSiguiente {
    left: 100%;
    margin-left: 5%;
}
#noticias {
    padding: 5rem 0 5.6rem;
}
#noticias::after {
    background-image: url(../pics/fondo_lineas_noticias.png);
}
#noticias h2 {
    padding: 0 17.578125%;
    margin-bottom: 6.2rem;
}
#noticias h2 b {
    color: #00a9b1;
}
#noticias [role='feed'] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 64.0625%;
    margin-left: 6.4062%;
    float: left;
}
#noticias [role='feed'] > span {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    display: inline-block;
    margin-top: 0.5rem;
}
#noticias .boton {
    margin: 1.6rem 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.caramelo {
    background-image: -webkit-linear-gradient(-45deg, #00a9b1 16.5%, #fcee17 33%, #8bc53f 49.5%, #047bc1 66%, #00a9b1 82.5%);
    background-image: linear-gradient(135deg, #00a9b1 16.5%, #fcee17 33%, #8bc53f 49.5%, #047bc1 66%, #00a9b1 82.5%);
    background-position: 0rem center;
    background-repeat: repeat-x;
    background-size: 9.6rem 0.2rem;
    -webkit-animation: caramelo 0.5s linear infinite;
    animation: caramelo 0.5s linear infinite;
}
.caramelo .boton {
    opacity: 0;
}
.apagado .boton {
    pointer-events: none;
    opacity: 0.25;
}
.noticia {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,0.2);
    padding: 0 1rem 0 1.1rem;
    margin-bottom: 1.1rem;
}
.noticia:nth-of-type(4n) {
    border-right-color: rgba(0,0,0,0);
}
.noticia img {
    margin-bottom: 1.6rem;
}
.noticia strong, .noticia p {
    display: block;
    margin: 0 4.918032787% 1.6rem 9.289617486%;
}
.noticia strong {
    font-size: 2.6rem;
}
.noticia strong.Cy { color: #00a9b1; }
.noticia strong.A { color: #fcee17; }
.noticia strong.V { color: #8bc53f; }
.noticia strong.Co { color: #047bc1; }
#locutores {
    background: #333;
    text-align: center;
    padding: 7.6rem 0 17.3rem;
}
#locutores::after {
    background-image:
        url(../pics/fondo_lineas_locu_sup.png),
        url(../pics/fondo_lineas_locu_inf.png);
}
#locutores h2 {
    text-align: left;
    padding: 0 34.375% 0 17.578125%;
    /*margin-bottom: 9.4rem;*/
    margin-bottom: 3.8rem;
}
#locutores h2 .activo {
    color: #fcee17;
}
#locutores .indice {
    margin-bottom: 2.4rem;
    position: relative;
    bottom: inherit;
    /*
    bottom: -webkit-calc(100% + 2.4rem);
    bottom: calc(100% + 2.4rem);
    */
}
#locutores .fxGaleria > div > div {
    display: inline-block;
    width: 20%;
    margin: 0 0.675% 1.9rem;
    overflow: hidden;
    position: relative;
}
#locutores img {
    display: block;
    width: 100%;
    height: auto;
}
#locutores blockquote {
    pointer-events: none;
    border: 0.3rem solid #fcee17;
    background: rgba(0,169,177,0.75);
    color: #fff;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.01;
    -webkit-transform: scale(1.125);
    transform: scale(1.125);
}
#locutores blockquote b {
    display: block;
    border-bottom: 0.3rem solid #fcee17;
    text-transform: uppercase;
    font-family: 'BarlowBold';
    font-size: 2.2rem;
    padding-bottom: 0.7rem;
    position: absolute;
    left: 16.5%;
    right: 16.5%;
    bottom: 50%;
    opacity: 0.01;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#locutores blockquote i {
    display: block;
    font-style: normal;
    padding-top: 1rem;
    position: absolute;
    top: 50%;
    left: 16.5%;
    right: 16.5%;
    opacity: 0.01;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#locutores .fxGaleria > div > div :not(img) {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
#locutores .fxGaleria > div > div:hover :not(img) {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#horoscopos {
    /*
        importante: el hidden evita
        que parpadee la animación
    */
    overflow: hidden;
    padding: 2.9rem 0 4.3rem;
}
#horoscopos::before {
    content: ' ';
    border: solid #333;
    border-width: 0 1px;
    position: absolute;
    top: 9.9rem;
    left: 50%;
    right: 50%;
    bottom: 5%;
}
#horoscopos::after {
    background-image:
        url(../pics/fondo_lineas_horos_sup.png),
        url(../pics/fondo_lineas_horos_inf.png);
}
#horoscopos h2 {
    padding-left: 17.578125%;
    margin-bottom: 4rem;
}
#horoscopos > div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#horoscopos > :nth-child(2) {
    text-align: right;
    width: 49.5%;
    padding-left: calc(46.5% - 57.6rem);
    padding-right: 1rem;
}
#horoscopos > :nth-child(3) {
    text-align: left;
    width: -webkit-calc(39.109375% - 3.2rem);
    width: calc(39.109375% - 3.2rem);
    /*padding-right: 10.390625%;*/
    margin-left: 3.2rem;
}
#horoscopos h3, #horoscopos b {
    font-family: 'BarlowBold';
}
#horoscopos h3, #horoscopos h3 + span {
    font-size: 3.6rem;
}
#horoscopos h3 {
    color: #fcee17;
    text-transform: uppercase;
}
#horoscopos [title] {
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35%;
    width: 9.6rem;
    height: 9.6rem;
    overflow: hidden;
    position: relative;
    font-size: 0;
    word-spacing: 0;
    letter-spacing: 0;
    cursor: pointer;
}
#horoscopos [title='aries'] { background-image: url(../pics/zodiaco_sig_aries.png); }
#horoscopos [title='tauro'] { background-image: url(../pics/zodiaco_sig_tauro.png); }
#horoscopos [title='geminis'] { background-image: url(../pics/zodiaco_sig_geminis.png); }
#horoscopos [title='cancer'] { background-image: url(../pics/zodiaco_sig_cancer.png); }
#horoscopos [title='leo'] { background-image: url(../pics/zodiaco_sig_leo.png); }
#horoscopos [title='virgo'] { background-image: url(../pics/zodiaco_sig_virgo.png); }
#horoscopos [title='libra'] { background-image: url(../pics/zodiaco_sig_libra.png); }
#horoscopos [title='escorpio'] { background-image: url(../pics/zodiaco_sig_escorpio.png); }
#horoscopos [title='sagitario'] { background-image: url(../pics/zodiaco_sig_sagitario.png); }
#horoscopos [title='capricornio'] { background-image: url(../pics/zodiaco_sig_capricornio.png); }
#horoscopos [title='acuario'] { background-image: url(../pics/zodiaco_sig_acuario.png); }
#horoscopos [title='piscis'] { background-image: url(../pics/zodiaco_sig_piscis.png); }
#horoscopos [title]::before,
#horoscopos [title]::after {
    content: '\000A0';
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    right: 1.2rem;
    bottom: 1.2rem;
    z-index: -1;
}
#horoscopos [title]::after {
    background: #333;
}
#horoscopos [title]::before {
    background: -webkit-linear-gradient(0deg, #fcee17 10%, #8bc53f, #00a9b1, #047bc1 60%);
    background: linear-gradient(90deg, #fcee17 10%, #8bc53f, #00a9b1, #047bc1 60%);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
}
#horoscopos [title]:hover::before, #horoscopos [title].activo::before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#horoscopos blockquote {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: voltea 1s ease;
    animation: voltea 1s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#horoscopos blockquote.activo {
    position: relative;
    z-index: 1;
    -webkit-animation: volteo 1s ease;
    animation: volteo 1s ease;
}
#horoscopos p + p {
    margin-top: 1.6rem;
}
#contacto {
    background: #161616 url(../pics/fondo_contacto.jpg) center top no-repeat;
    background-size: 100% auto;
    padding: 6.6rem 15.9375%;
}
#contacto::after {
    background-image:
        url(../pics/fondo_lineas_contacto_sup.png),
        url(../pics/fondo_lineas_contacto_inf.png);
}
#contacto .contenedor div {
    position: relative;
}
#contacto .contenedor div:nth-child(2) {
    display: block;
    vertical-align: top;
    max-width: 44.6347%;
}
#contacto .contenedor div:nth-child(1) {
    vertical-align: top;
    font-family: 'BarlowMedium';
    max-width: 39.1rem;
    width: 43.835616438%;
    padding: 0.6rem 0 4.2rem;
    margin-left: 11.529680365%;
    float: right;
}
#contacto form.enviando {
    pointer-events: none;
    opacity: 0.1;
}
#contacto form.enviando + div {
    text-align: center;
    min-width: 12.8rem;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#contacto .avion {
    font-size: 6.4rem;
    line-height: 12.8rem;
    display: inline-block;
    -webkit-animation: gravitacion 1s linear infinite;
    animation: gravitacion 1s linear infinite;
}
#contacto svg {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-animation: enrotacion 1s linear infinite;
    animation: enrotacion 1s linear infinite;
}
#contacto label {
    display: block;
    font-family: 'BarlowBold';
}
#contacto [name] {
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,0.85);
    background: rgba(51,51,51,0.45);
    font-family: 'BarlowMedium';
    line-height: 3.5rem;
    min-height: 3.7rem;
    width: 100%;
    padding: 0 0.7rem;
    margin: 0.8rem 0 1.2rem;
}
#contacto h2 {
    margin-bottom: 8.4rem;
}
#contacto h2 small {
    display: block;
    padding-top: 0.8rem;
    font-size: 25%;
}
#contacto p {
    margin-bottom: 2.2rem;
}
#contacto b {
    font-family: 'BarlowBlack';
    font-size: 112.5%;
}
#contacto [href^='mailto:'] {
    display: inline-block;
    color: #fcee17;
    font-style: italic;
    font-size: 121.25%;
    margin-bottom: 4.4rem;
}
#contacto [href^='mailto:']::before {
    content: attr(data-correo) '@' attr(data-servidor);
}
/* publicdades */
.publicidad {
    font-size: 0;
    word-spacing: 0;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.publicidad:not(.mediana) {
    white-space: nowrap;
}
.publicidad > * {
    display: inline-block;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: all 1s cubic-bezier(1.0, 0.0, 0.0, 1.0);
    transition: all 1s cubic-bezier(1.0, 0.0, 0.0, 1.0);
}
.publicidad.mediana {
    float: right;
    width: 20.4687%;
    margin-right: 7.265625%;
}
.publicidad.mediana > * {
    width: 100%;
    margin-bottom: 1.6rem;
}
.publicidad.larga {
    width: 84.375%;
    margin: 3.4rem auto 0;
}
.publicidad.larga > * {
    /*
    width: 32.46%;
    margin-right: 1.31%;
    */
    width: 100%;
}
.publicidad.larga img {
    width: 33.333%;
    float: left;
}
.publicidad.grande {
    margin: 3.7rem 8.28125% 10.2rem;
}
.publicidad.grande > * {
    width: 49.34%;
    margin-right: 1.31%;
}
/**/
#superconteo .contenedor,
#top5  .contenedor,
#dj_livesession  .contenedor,
#videos  .contenedor,
#galerias  .contenedor {
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    word-spacing: 0;
    letter-spacing: 0;
}
#superconteo .indice,
#top5  .indice,
#dj_livesession  .indice,
#videos  .indice,
#galerias  .indice {
    padding-top: 1.6rem;
    position: relative;
    bottom: inherit;
}
#superconteo .indice span:not(:first-child):not(:nth-child(5n+1)),
#top5 .indice span:not(:first-child):not(:nth-child(5n+1)),
#dj_livesession .indice span:not(:first-child):not(:nth-child(5n+1)),
#videos .indice span:not(:first-child):not(:nth-child(4n+1)),
#galerias .indice span:not(:first-child):not(:nth-child(4n+1)) {
    display: none;
}
#superconteo .contenedor, #top5 .contenedor, #dj_livesession .contenedor {
    margin: 0 5.390625%;
}
#superconteo a, #top5 a, #dj_livesession a {
    display: inline-block;
    width: 19.16%;
    position: relative;
    cursor: pointer;
}
#superconteo a:not(:last-child), #top5 a:not(:last-child), #dj_livesession a:not(:last-child) {
    margin-right: 1.05%;
}
#videos .contenedor, #galerias .contenedor {
    width: 83.4375%;
    margin: auto;
    font-size: 0;
    word-spacing: 0;
    letter-spacing: 0;
}
#videos a, #galerias a {
    display: inline-block;
    width: 23.970037453%;
    position: relative;
    cursor: pointer;
}
#videos a:not(:last-child), #galerias a:not(:last-child) {
    margin-right: 1.310861423%;
}
/**/
#superconteo {
    padding: 5.7rem 0 6.7rem;
}
#superconteo::after {
    background-image: url(../pics/fondo_lineas_superconteo.png);
}
#superconteo h2 {
    padding: 0 27.5% 0 17.578125%;
    margin-bottom: 9.4rem;
}
#superconteo h2 b {
    color: #00a9b1;
}
#superconteo a::after {
    -webkit-background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #00a9b1 51%);
    background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #00a9b1 51%);
}
#top5 {
    padding: 1.4rem 0 2.4rem;
}
#top5::after {
    background-image: url(../pics/fondo_lineas_top5.png);
}
#top5 h2 {
    padding: 0 27.5% 0 17.578125%;
    margin-bottom: 4.7rem;
}
#top5 h2 b {
    color: #8bc53f;
}
#top5 a::after {
    -webkit-background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #8bc53f 51%);
    background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #8bc53f 51%);
}
#dj_livesession {
    padding: 1.4rem 0 2.4rem;
}
#dj_livesession::after {
    background-image: url(../pics/fondo_lineas_dj_live_session.png);
}
#dj_livesession h2 {
    padding: 0 27.5% 0 17.578125%;
    margin-bottom: 4.7rem;
}
#dj_livesession h2 b {
    color: #D81E5B;
}
#dj_livesession a::after {
    -webkit-background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #8bc53f 51%);
    background: linear-gradient(45deg, rgba(0,0,0,0) 50%, #8bc53f 51%);
}
#videos {
    padding: 4.8rem 0 7.8rem;
}
#videos::after {
    background-image:
        url(../pics/fondo_lineas_videos.png),
        url(../pics/fondo_lineas_videos_inf.png);
}
#videos h2 {
    padding: 0 27.5% 0 17.578125%;
    margin-bottom: 4.9rem;
}
#galerias {
    padding: 4.8rem 0 15.4rem;
}
#galerias::after {
    background-image:
        url(../pics/fondo_lineas_gal_sup.png),
        url(../pics/fondo_lineas_gal_inf.png);
}
#galerias h2 {
    padding: 0 27.5% 0 17.578125%;
    margin-bottom: 4.9rem;
}
/* pie de página */
footer {
    display: table;
    width: 100%;
    background: #333;
    color: #b2b2b2;
    padding: 4.9rem 15.9375% 7.6rem;
    position: relative;
}
footer > * {
    display: table-cell;
    vertical-align: middle;
}
footer p {
    font-family: 'BarlowSemiBold';
    font-size: 81.25%;
    white-space: nowrap;
}
footer span {
    text-align: right;
}
footer span:nth-of-type(1) a, footer span:nth-of-type(2) a {
    width: 9.6rem;
}
footer span:nth-of-type(3) a, footer span:nth-of-type(4) a {
    width: 13.98rem;
}
footer a {
    display: inline-block;
    height: 9.6rem;
    color: transparent;
    font-size: 0;
    word-spacing: 0;
    letter-spacing: 0;
    position: relative;
}
footer a::before, footer a::after {
    content: '\000A0';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
footer span:hover a::before, footer span a::after {
    opacity: 0;
}
footer span a::before, footer span:hover a::after {
    opacity: 1;
}
footer span:nth-of-type(1) a::before {
    background-image: url(../pics/logotipo_mono_patron_xalapa.png);
}
footer span:nth-of-type(1) a::after {
    background-image: url(../pics/logotipo_color_patron_xalapa.png);
}
footer span:nth-of-type(2) a::before {
    background-image: url(../pics/logotipo_mono_patron_cordoba.png);
}
footer span:nth-of-type(2) a::after {
    background-image: url(../pics/logotipo_color_patron_cordoba.png);
}
footer span:nth-of-type(3) a::before {
    background-image: url(../pics/logotipo_mono_oliva_noticias.png);
}
footer span:nth-of-type(3) a::after {
    background-image: url(../pics/logotipo_color_oliva_noticias.png);
}
footer span:nth-of-type(4) a::before {
    background-image: url(../pics/logotipo_mono_oliva_radio.png);
}
footer span:nth-of-type(4) a::after {
    background-image: url(../pics/logotipo_color_oliva_radio.png);
}
/* interior */
#interior ~ * {
    display: none;
    pointer-events: none;
}
.interior #introduccion span[style*='finintro'] {
    background-color: #fafafa;
}
.interior header, .interior header::before {
    background-position: center 25%;
}
.interior header {
    min-height: 18rem;
    height: 18rem;
}
.interior header, .interior header .contenedor {
    overflow: visible;
    z-index: 2;
}
.interior header .contenedor::before {
    background-size: 100% auto;
}
.interior header .contenedor::after {
    background-image: none;
}
.interior header h1 + div {
    -webkit-justify-content: center;
    justify-content: center;
}
.interior header h1 + div > div:nth-child(n+2) {
    -webkit-flex: 0 0 unset;
    flex: 0 0 unset;
    display: none;
}
.interior header img {
    max-width: 319px;
    width: 100% !important;
}
/* despliega el logo en formato horizontal */
.interior header h1 + div > div:nth-child(1) {
    background: url(../pics/logotipo_horizontal.webp) center center no-repeat;
    background-size: contain;
    width: 236px; height: 100%;
    aspect-ratio: 0.38;
}
.interior header h1 + div > div:nth-child(1) img {
    opacity: 0.01;
}
/**/
.interior #menu {
    top: -webkit-calc(50% - 3.2rem);
    top: calc(50% - 3.2rem);
    z-index: 1;
}
.interior #menu label:empty + * {
    display: inline-block;
}
.interior #programacion {
    top: -webkit-calc(50% + 1.6rem);
    top: calc(50% + 1.6rem);
    bottom: inherit;
}
.interior #redes {
    width: 80.5531%;
    top: -webkit-calc(100% + 5.5rem);
    top: calc(100% + 5.5rem); right: 16.708925%; bottom: inherit;
}
.interior #redes a {
    background: #1a1a1a;
    color: #ffffff;
    float: right;
}
.interior #redes a::before {
    color: currentColor;
    font-size: 1.6rem;
    line-height: 2.5rem;
}
.interior #pabajo {
    color: #333;
    /*
    position: fixed;
    left: inherit; right: 1.9rem; bottom: 1.9rem;
    */
}
.interior main {
    background: #ffffff;
    color: #1a1a1a;
}
.interior main::before {
    background: #cbcbcb;
}
#noticia {
    padding: 5rem 9.72345% 5.6rem;
}
#noticia::after {
    background-image:
        url(../pics/fondo_lineas_interior_sup.png);
}
#noticia h2 {
    padding: 0 17.578125%;
    margin-bottom: 6.2rem;
}
#noticia h2 b {
    color: #00a9b1;
}
.interior [role='heading'] {
    position: relative;
}
.interior [role='document'] {
    padding-right: 8.671875%;
}
.interior h2 {
    padding: 0 !important;
}
.interior h2 + b {
    display: block;
    text-transform: uppercase;
    font-family: 'BarlowBold';
    font-size: 10pt;
    letter-spacing: 0.4rem;
    position: absolute;
    top: -webkit-calc(100% - 10pt);
    top: calc(100% - 10pt); right: 8.671875%;
}
.interior .fxGaleria {
    width: 50%;
    margin: 0 4.33% 2.2rem 0;
    overflow: visible;
    float: left;
    clear: both;
}
.interior .fxGaleria::before {
    content: '\000A0';
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-radial-gradient(ellipse, rgba(210,210,210,0.85), rgba(0,0,0,0) 65%);
    background: radial-gradient(ellipse, rgba(210,210,210,0.85), rgba(0,0,0,0) 65%);
    width: 82.25%; height: 9%; margin: 0 auto;
    position: absolute;
    top: 95.5%; left: 0; right: 0;
}
.interior .indice {
    position: absolute;
    top: -webkit-calc(109% - 2.2rem);
    top: calc(109% - 2.2rem); bottom: inherit;
}
.interior .indice > * {
    width: 2.2rem; height: 2.2rem;
}
.interior .indice > :not(.activo) {
    background: -webkit-radial-gradient(circle, rgba(0,0,0,0.15) 40%, transparent 45%);
    background: radial-gradient(circle, rgba(0,0,0,0.15) 40%, transparent 45%);
}
.interior .fSiguiente, .interior .fAnterior {
    display: none;
}
.embedido {
    display: inline-block;
    width: 45.66%;
    margin-left: 4.33%;
    margin-bottom: 2.2rem;
    overflow: hidden;
    position: relative;
    float: right;
}
.embedido iframe {
    display: block;
    background: ghostwhite;
    width: 100%;
}
.interior h3 {
    color: #00a9b1;
    padding-bottom: 2rem;
}
.interior p {
    margin-bottom: 2.2rem;
}
#compartir > * {
    display: inline-block;
    vertical-align: middle;
}
#compartir :not(:last-child) {
    margin-right: 1.5625%;
}
#compartir span {
    background: currentColor;
    width: 1px;
    height: 2.4rem;
}
#compartir .icono {
    background: #cbcbcb;
    overflow: hidden;
    position: relative;
}
#compartir .icono::before {
    color: #ffffff;
}
#compartir .icono:hover::before {
    -webkit-transform: scale(2);
    transform: scale(2);
}
#compartir b {
    font-family: 'BarlowBold';
    font-size: 81.75%;
    letter-spacing: 0.6rem;
}
.interior .publicidad + div {
    padding-bottom: 5.6rem;
}
/*
    reproductor de vídeos
*/
#escenario {
    background: rgba(26,26,26,0.98);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
#escenario:not(:empty)::after {
    content: '\000A0';
    pointer-events: none;
    background: url(../pics/ese.png) left bottom no-repeat;
    width: 10rem;
    height: 10rem;
    position: absolute;
    left: 0; bottom: 0;
    z-index: 1;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}
#escenario:not(:empty)::before {
    /* icono equisball */
    content: '\0e80a';
    font-family: 'FrontendIcons';
    font-size: 3.2rem;
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
    z-index: 1;
    cursor: pointer;
}
#escenario[style] {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: inherit;
    bottom: inherit;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
#escenario div, #escenario svg {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#escenario svg {
    -webkit-animation: enrotacion 1s linear infinite;
    animation: enrotacion 1s linear infinite;
}
#escenario circle {
    /*
    stroke-dasharray: 289.02652413 289.02652413;
    stroke-dashoffset: 289.02652413;
    transform-origin: 50% 50%;
    -webkit-animation: stroke-dashoffset 1s ease infinite;
    animation: stroke-dashoffset 1s ease infinite;
    */
}
#escenario .indice {
    bottom: -webkit-calc(100% - 3.6rem);
    bottom: calc(100% - 3.6rem);
}
#escenario .fAnterior, #escenario .fSiguiente {
    font-size: 6.4rem;
    height: 6.4rem;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
}
#escenario .fAnterior { left: 1%; }
#escenario .fSiguiente { right: 1%; }
/* arreglo a botones sociales */
.twitter-share-button, .fb-share-button {
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0.01 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}
.fb-share-button > span {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
#fb-root {
    pointer-events: none !important;
    overflow: hidden !important;
    position: absolute !important;
}
iframe[id^='twitter-widget-'] {
    min-width: 72px !important;
    max-width: 88px !important;
    overflow: visible !important;
}
/*
    responsivo
*/
@media (orientation: portrait) {
    header h1 + div {
        /*max-width: 80.5531%;*/
    }
}
@media (orientation: landscape) {
    header h1 + div {
        /*max-width: 30.625%;*/
    }
}
@media (max-width: 1150px) {
    header[style*='animation'] #menu :nth-child(3) {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    header[style*='animation'] #menu :nth-child(4) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
    header[style*='animation'] #menu :nth-child(5) {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }
    header[style*='animation'] #menu :nth-child(6) {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }
    header[style*='animation'] #menu :nth-child(7) {
        -webkit-animation-delay: 1.1s;
        animation-delay: 1.1s;
    }
    #menu {
        padding: 4.6rem 2.5rem 0.1rem;
        right: 8.671875%;
    }
    #menu::before {
        pointer-events: none;
        background: #1a1a1a;
        border: 0.1rem solid #fcee17;
        position: absolute;
        top: 4.5rem;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }
    #AM:checked + #menu::before {
        content: '\000A0';
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-animation: descender 0.35s ease-out;
        animation: descender 0.35s ease-out;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards;
    }
    #menu label:empty {
        display: block !important;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        color: #0a2529;
        font-family: 'FrontendIcons';
        font-size: 1.6rem;
        line-height: 2.4rem;
        text-align: center;
        width: 2.4rem !important;
        height: 2.4rem  !important;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: transform 0.25s ease;
        transition: transform 0.25s ease;
    }
    #menu label:empty::before {
        content: '\0e811';
        -webkit-transition: content 0s steps(1) 0.125s;
        transition: content 0s steps(1) 0.125s;
    }
    #menu label:empty ~ *,
    #menu label:empty ~ :not(:last-child)::before {
        display: none !important;
    }
    #AM:checked + #menu label:empty {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
    #AM:checked + #menu label:empty::before {
        content: '\0e809';
    }
    #AM:checked + #menu label:empty + * ~ * {
        display: block !important;
        line-height: 3.2rem;
        height: 3.2rem;
        z-index: 1;
    }
    #AM:checked + #menu label:empty ~ :not(:last-child) {
        border-bottom: 0.1rem solid #8bc53f;
    }
    #menu :not(:first-child):hover::after,
    #AP:checked ~ * #menu label::after {
        content: none;
    }
    #menu label:empty + * {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        color: #0a2529;
        font-family: 'FrontendIcons';
        font-size: 1.6rem;
        line-height: 2.4rem;
        text-align: center;
        width: 2.4rem !important;
        height: 2.4rem  !important;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0; right: 2.4rem;
    }
    #menu span::after {
        content: '\0e812';
    }
    #programacion {
        top: -webkit-calc(7.75% + 4.5rem);
        top: calc(7.75% + 4.5rem);
        right: 8.671875%;
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transform: translateX(-1.2rem);
        transform: translateX(-1.2rem);
    }
    .interior #menu label:empty + * {
        display: block !important;
    }
    .interior #programacion {
        top: -webkit-calc(50% + 1.3rem);
        top: calc(50% + 1.3rem);
    }
}
@media (max-width: 1024px) {
    .noticia {
        -webkit-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
    }
    .noticia:nth-of-type(3n) {
        border-right-color: rgba(0,0,0,0);
    }
    .noticia:nth-of-type(4n) {
        border-right: 1px solid rgba(255,255,255,0.2);
    }
    #superconteo .indice span:not(:first-child):not(:nth-child(5n+1)),
    #top5 .indice span:not(:first-child):not(:nth-child(5n+1)),
    #dj_livesession .indice span:not(:first-child):not(:nth-child(5n+1)){
        display: inline-block;
    }
    #superconteo .indice span:not(:first-child):not(:nth-child(4n+1)),
    #top5 .indice span:not(:first-child):not(:nth-child(4n+1)),
    #dj_livesession .indice span:not(:first-child):not(:nth-child(4n+1)) {
        display: none;
    }
    #superconteo a, #top5 a, #dj_livesession a {
        width: 24.2125%;
    }
    footer {
        display: block;
    }
    footer > * {
        display: inline-block;
    }
    footer p {
        width: 100%;
        padding-bottom: 4.9rem;
    }
    footer span {
        text-align: center;
        width: -webkit-calc(25% - 0.8rem);
        width: calc(25% - 0.8rem);
    }
}
@media (max-width: 990px) {
    #locutores .fxGaleria > div > div {
        width: 30%;
    }
    .interior #redes {
        top: -webkit-calc(100% + 2.6rem);
        top: calc(100% + 2.6rem);
    }
    .interior h2 + b {
        top: -webkit-calc(100% + 10pt);
        top: calc(100% + 10pt);
    }
}
@media (max-width: 890px) {
    #noticias [role='feed'] {
        width: 86.328175%;
        margin: 0 auto;
        float: none;
    }
    #superconteo .indice span:not(:first-child):not(:nth-child(4n+1)),
    #top5 .indice span:not(:first-child):not(:nth-child(4n+1)),
    #dj_livesession .indice span:not(:first-child):not(:nth-child(4n+1)),
    #videos .indice span:not(:first-child):not(:nth-child(4n+1)),
    #galerias .indice span:not(:first-child):not(:nth-child(4n+1)) {
        display: inline-block;
    }
    #superconteo .indice span:not(:first-child):not(:nth-child(3n+1)),
    #top5 .indice span:not(:first-child):not(:nth-child(3n+1)),
    #dj_livesession .indice span:not(:first-child):not(:nth-child(3n+1)),
    #videos .indice span:not(:first-child):not(:nth-child(3n+1)),
    #galerias .indice span:not(:first-child):not(:nth-child(3n+1)) {
        display: none;
    }
    #superconteo a, #top5 a, #dj_livesession a {
        width: 32.6333%;
    }
    #videos a, #galerias a {
        width: 32.459425718%;
    }
    .publicidad.mediana {
        float: none;
        margin: 0 auto 6.2rem;
        width: calc(86.328175% - 2rem);
        white-space: nowrap !important;
    }
    .publicidad.mediana > * {
        width: 32.46%;
        margin-right: 1.31%;
        margin-bottom: 0;
    }
    footer span:nth-of-type(1) a, footer span:nth-of-type(2) a {
        width: 8rem;
    }
    footer span:nth-of-type(3) a, footer span:nth-of-type(4) a {
        width: 11.65rem;
    }
    footer a {
        height: 8rem;
    }
}
@media (max-width: 780px) {
    h2, h2 * {
        font-size: 7.6rem;
    }
    #programas .contenedor {
        width: 86.328175% !important;
    }
    #programas .fAnterior {
        left: 0;
        right: inherit;
        margin-right: 0;
        z-index: 2;
    }
    #programas .fSiguiente {
        right: 0;
        left: inherit;
        margin-left: 0;
        z-index: 2;
    }
    footer span:nth-of-type(1) a, footer span:nth-of-type(2) a {
        width: 7.2rem;
    }
    footer span:nth-of-type(3) a, footer span:nth-of-type(4) a {
        width: 10.485rem;
    }
    footer a {
        height: 7.2rem;
    }
}
@media (max-width: 720px) {
    #locutores .fxGaleria > div > div {
        width: 40%;
    }
}
@media (max-width: 680px) {
    h2, h2 * {
        font-size: 6.6rem;
    }
    header h1 + div {
        /* -webkit-justify-content: space-around;
        justify-content: space-around; */
        right: 9.72345%;
    }
    #menu {
        top: -webkit-calc(3.9375% - 1.2rem);
        top: calc(3.9375% - 1.2rem);
    }
    #programacion {
        top: -webkit-calc(3.9375% + 3.3rem);
        top: calc(3.9375% + 3.3rem);
        left: 8.671875%;
    }
    #programacion p {
        white-space: normal;
    }
    #programacion p > i:first-of-type {
        display: block;
        width: inherit;
    }
    #redes {
        text-align: center;
        left: 8.671875%;
        bottom: -webkit-calc(3.625% - 1.2rem);
        bottom: calc(3.625% - 1.2rem);
    }
    #redes a {
        float: none;
    }
    #pabajo {
        border-width: 0.1rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
        height: 2.4rem;
        width: 2.4rem;
        position: fixed;
        left: inherit;
        right: 1.2rem;
        bottom: 1.2rem;
        z-index: 4;
    }
    .noticia {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
    }
    .noticia:nth-of-type(2n) {
        border-right-color: rgba(0,0,0,0) !important;
    }
    .noticia:nth-of-type(3n) {
        border-right: 1px solid rgba(255,255,255,0.2);
    }
    #superconteo .indice span:not(:first-child):not(:nth-child(3n+1)),
    #top5 .indice span:not(:first-child):not(:nth-child(3n+1)),
    #dj_livesession .indice span:not(:first-child):not(:nth-child(3n+1)),
    #videos .indice span:not(:first-child):not(:nth-child(3n+1)),
    #galerias .indice span:not(:first-child):not(:nth-child(3n+1)) {
        display: inline-block;
    }
    #superconteo .indice span:not(:first-child):not(:nth-child(2n+1)),
    #top5 .indice span:not(:first-child):not(:nth-child(2n+1)),
    #dj_livesession .indice span:not(:first-child):not(:nth-child(2n+1)),
    #videos .indice span:not(:first-child):not(:nth-child(2n+1)),
    #galerias .indice span:not(:first-child):not(:nth-child(2n+1)) {
        display: none;
    }
    #superconteo a, #top5 a, #dj_livesession a {
        width: 49.475%;
    }
    #videos a, #galerias a {
        width: 49.344569288%;
    }
    #horoscopos::before {
        content: none;
    }
    #horoscopos > :nth-child(2) {
        text-align: center;
        width: inherit;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 2rem;
        border-bottom: 1px solid #333;
        margin: 0 10.390625% 2rem;
    }
    #horoscopos > :nth-child(3) {
        width: -webkit-calc(88.609375% - 3.2rem);
        width: calc(88.609375% - 3.2rem);
        /*padding-right: 10.390625%;*/
        margin-bottom: 4rem;
    }
    #horoscopos [title] {
        width: 7.2rem;
        height: 7.2rem;
    }
    #contacto .contenedor div:nth-child(2) {
        max-width: inherit;
    }
    #contacto .contenedor div:nth-child(1) {
        max-width: inherit;
        width: inherit;
        padding: 0.6rem 0 4.2rem;
        margin-left: 0;
        float: none;
    }
    #contacto h2, #contacto p {
        margin-bottom: 4.2rem;
    }
    #contacto h2 small {
        font-size: 33.33%;
    }
    /*
    .publicidad.larga > * {
        width: 48.69%;
        margin-right: 1.31%;
    }
    */
    .publicidad.larga img {
        width: 50%;
    }
    .publicidad.larga img:nth-child(3) {
        display: none;
    }
    footer span {
        width: 49%;
    }
    footer span:nth-of-type(1) a, footer span:nth-of-type(2) a {
        width: 9.6rem;
    }
    footer span:nth-of-type(3) a, footer span:nth-of-type(4) a {
        width: 13.98rem;
    }
    footer a {
        height: 9.6rem;
    }
    .interior header h1 + div {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .interior header h1 + div *:not(:first-child) {
        height: 0;
    }
    .interior header .contenedor::before {
        background-size: 150% auto;
    }
    .interior header img {
        width: auto;
    }
    .interior #menu {
        top: 1.2rem;
    }
    .interior #programacion {
        top: 6.3rem;
    }
    .interior #redes {
        text-align: inherit;
        left: inherit; bottom: inherit;
    }
    .interior .fxGaleria {
        width: 100%;
        margin: 0 0 -webkit-calc(2.2rem + 4.33%);
        margin: 0 0 calc(2.2rem + 4.33%);
        float: none;
    }
    .embedido {
        width: 100%;
        margin: 0 0 2.2rem;
        float: none;
    }
}
@media (max-width: 580px) {
    h2, h2 * {
        font-size: 5.6rem;
    }
    .interior h2 + b {
        font-size: 8pt;
    }
}
@media (max-width: 480px) {
    h2, h2 * {
        font-size: 4.6rem;
    }
    .noticia {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        border-right: none;
    }
    .noticia:nth-of-type(1n) {
        border-right: none !important;
    }
    #superconteo .indice span:not(:first-child):not(:nth-child(2n+1)),
    #top5 .indice span:not(:first-child):not(:nth-child(2n+1)),
    #dj_livesession .indice span:not(:first-child):not(:nth-child(2n+1)),
    #videos .indice span:not(:first-child):not(:nth-child(2n+1)),
    #galerias .indice span:not(:first-child):not(:nth-child(2n+1)) {
        display: inline-block;
    }
    #superconteo a, #top5 a, #dj_livesession a {
        width: 100%;
    }
    #videos a, #galerias a {
        width: 100%;
    }
    #locutores .fxGaleria {
        overflow: visible;
    }
    #locutores .fxGaleria > div > div {
        overflow: visible;
    }
    #locutores blockquote {
        top: -2rem; left: -2rem; right: -2rem; bottom: -2rem;
    }
    #locutores blockquote b {
        font-size: 87.5%;
        left: 8.25%;
        right: 8.25%;
    }
    #locutores blockquote i {
        font-size: 75%;
        left: 8.25%;
        right: 8.25%;
    }
    #locutores .fxGaleria > div > div:hover {
        z-index: 1;
    }
    .publicidad.mediana > * , .publicidad.larga > *, .publicidad.grande > * {
        width: 100%;
        margin-right: 0;
    }
    .publicidad.larga img {
        width: 100%;
    }
    .publicidad.larga img:nth-child(2) {
        display: none;
    }
    #contacto h2 small {
        font-size: 45%;
    }
    footer span:nth-of-type(1) a, footer span:nth-of-type(2) a {
        width: 7.2rem;
    }
    footer span:nth-of-type(3) a, footer span:nth-of-type(4) a {
        width: 10.485rem;
    }
    footer a {
        height: 7.2rem;
    }
    .interior #compartir b {
        letter-spacing: 0.3rem;
    }
}
@media (orientation: portrait) and (max-width: 480px) {
    [data-pie]::after {
        background: rgba(26,26,26,0.98);
        font-size: 1.4rem;
        margin-top: 2.5%;
        position: fixed !important;
        bottom: inherit;
    }
}
@media (max-width: 380px) {
    h2, h2 * {
        font-size: 3.6rem;
    }
    #introduccion span {
        background-size: contain;
    }
    #introduccion span[style*='esconder'],
    #introduccion span[style*='rebelar'],
    #introduccion span[style*='ezconder'] {
        width: 300px;
    }
    #contacto [href^='mailto:'] {
        font-size: 101.25%;
    }
}