/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 15 2026 | 17:34:37 */
/*-----------------------------------------------
Para el footer fijo:
-----------------------------------------------*/


.site-footer {
  color: #adadad;
  bottom: 0px;
  z-index: 999;
  position: sticky;
}

.navbar-outer{
	margin-top: 100px;
}

/* -----------------------------------------------
# REPRODUCTOR EN EL FOOTER
-----------------------------------------------*/

@media (max-width: 1400px){
	
	.material-icons {
		font-size: 20px !important;
	}
	#centrado {
	width:380px !important;
	}	
	#aWrap{
		padding: 0px;
	}
	.sonando{
		font-size: 8px;
		max-width:110px;
	}
	#aPlay2 {
		margin:0 0 0 0;
	}
	/*Esto es para cuando el repro esté en móviles */
.top-site-ad{
	padding:0;
}
.navbar-outer{
	margin-top: 110px;
}
	/* Esto es para el botón cookie consent en móviles 
	#cmplz-manage-consent .cmplz-manage-consent {
    display: unset!important;
  
} */
} /* Cierre de tamaño movil */


/*Oculta el copyright para movil menos de 1000*/
@media (max-width: 1000px){
	
#copyrait {
	
		display: none !important;
}
	
#aVolume2 {
		width: 70px;
}
}

/* Mi player solo CSS*/


/* (A) MATERIAL ICONS */
.material-icons {
  font-size: 36px !important;
  color: #ffe401;
}
.sonando {
  font-family: inherit;
  font-size: 14px;
  color: white;
	font-variant:small-caps;
	padding-right:20px;
	max-width:120px;
}

/* (B) WRAPPER */
#centrado {
	margin:auto;
	width:400px;
}
#aWrap {
	margin-top:20px;
	margin-bottom:20px;
  font-family: inherit;
  display: flex;
	flex-wrap:wrap;
  align-items: center;
  box-sizing: border-box;
  max-width: 350px;
	min-width:250px;
  padding: 10px;
  border-radius: 10px;
  background: #484848;
}
/*Botón amarilllo Onda 4 Directo*/
#aLive{
	float:left;
	border-radius: 10px;
  background: #31e1f7;
  margin:0px 20px 0px 0px;
  padding: 2px 0 6px 0; 
  width: 80px;
  height: 80px;
	font-family: inherit;
	font-variant:small-caps;
	font-weight:bold;
  text-align: center;
  align-items: center;
}

#soloTexto {
	animation:blink 3s linear infinite;
	font-size:0.7em;
	font-variant:small-caps;
	line-height:0.9em;
	color:black;
}

@keyframes blink{
        0% {
          opacity: 0;
        }
	25%{
		opacity:0.4;
	}
        50% {
          opacity: .7;
        }
        100% {
          opacity: 1;
        }
}
/* (C) PLAY/PAUSE BUTTON */
#aPlay2, #aVolumeDown {
  padding:3px 0 0 0;
  margin: 0 15px 0 15px;
  background: 0;
  border: 0;
  cursor: pointer;
}
#aVolume2 {
	width:90px;
	
}
#aVolume2 .input{
	color: #ff9100;
	background-color:#ff9100;
	width:70px;
}
#aVolumeDown {
  align-items: right;
}

.top-site-ad {
 
    max-height: 100px!important;
}
#aWrap {
    margin-top: 10px!important;
    
    max-height: 80px!important;
}
.sonando {
    font-family: inherit;
    font-size: 14px;
    color: white;
    font-variant: small-caps;
    padding-right: 0px!important;
    max-width: 120px!important;
}		


/* Logo a la izquierda del nombre */

.site-branding {
display: flex;
}
			
.site-header.layout--default .main-header .site-title {
margin: 1.2em;
}

.site-header.layout--default .main-header .site-title a{
font-size: 1.2em;
}

.site-header.layout--default .main-header .site-description {
	padding: 36px 5px 0;

}

/*-----------------------------------------------
MODIFICACIONES PARA MOVILES
-----------------------------------------------*/

@media (max-width: 768px){
	nav.main-navigation ul.menu li a, nav.main-navigation ul.nav-menu li a {
		color: #000;
	}
.site-header.layout--default .main-header .site-title {
margin: 0.1em !important;
}
.site-header.layout--default .main-header .site-title a{
font-size: 0.8em !important;
}
.site-header.layout--default .main-header .site-branding-section .site-branding {
padding: 0 !important;
	margin-top:-12px !important;
}
.site-branding > a:nth-child(1) {
max-width: 70px;
}
#aLive{
	display:none;
}
	
#centrado {
	width:280px !important;
}
}
	/* Esto es para el tema mío desde Cero*/
.is-style-term-button a {
		background-color:#ff2290 !important;
}
	
.wp-post-image{
transition: transform 0.5s ease;
}
.wp-post-image:hover{
transform: rotate(5deg);
}

.wp-block-post-featured-image img{
	transition: transform 0.5s ease;
}

.wp-block-post-featured-image img:hover{
	transform: rotate(5deg);
}