@charset "utf-8";
/* CSS Document */

.color-leer #header {
    background: #0e1b8e !important} 


.color-leer .heading, .color-leer .listado-eventos .evento .name, .color-leer .listado-eventos .evento .horarios .info .heading, .color-leer .listado-eventos .evento .horarios .info .subheading, .color-leer .listado-eventos .evento .btns-container .boton.hoy, .color-leer .horarios .lista-horarios .hour, .color-leer .pestanas-list li.active a {
    color: #0e1b8e;
}


.color-leer .listado-eventos .evento .btns-container .boton.hoy:before, .color-leer .heading .decoration, .color-leer .pestanas-list li.active {
    border-color: #0e1b8e;
}
.color-leer .boton, .color-leer .evento .destacado span {
    background: #0e1b8e;
}
#carnaval26 { position: relative; }

#confetti-bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

#carnaval26 .carnaval_int{
  position: relative;
  z-index: 1; /* contenido arriba, confetti abajo */
}

.cont-carnaval2026 {
  position: relative;
  overflow: hidden;   

}

#carnaval26 p { color: #FFFFFF; font-size: 1.1em;}

.seccioncarna {
    padding: 25px 0;
    position: relative;
    text-align: center;
}


/* todo el contenido encima del confetti */
.cont-carnaval2026 > *:not(#confetti-bg),
.carnaval_int > *:not(#confetti-bg){
  position: relative;
  z-index: 1;
}

  .carnaval2026 {
    display: flex;
    gap: 4px;
    justify-content: space-between;
	  width: 100%
  }


.carnaval2026 .letras-carnaval {
    display: inline-flex; gap: 4px}

  .carnaval2026 .letter {
    width: 34px;                 /* tamaño base */
    height: auto;
    opacity: 0;
    transform: translateY(30px) scale(0.9);
    animation: enter 500ms ease-out forwards;
    animation-delay: var(--d);
  }

  /* un poco más pequeño el año */
  .carnaval2026 .year {
    width: 38px;
  }

	.carnaval2026 .year-container {
      position: relative;
    width: 100px;
    height: auto;
    margin-bottom: 15px;
    margin-top: 20px;
}

.carnaval2026 .year-bg {
  width: 100%;
  height: auto;
  display: block;
}

.carnaval2026 .year-digit {
  position: absolute;
  opacity: 0;
  transform: translateY(20px) scale(0.9);
  animation: enter 500ms ease-out forwards;
  animation-delay: var(--d);
}

.carnaval2026 .year-bg {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  animation: showBg 300ms ease-out forwards;
  animation-delay: 1100ms; /* después de la L */
}

@keyframes showBg {
  from { opacity: 0; }
  to   { opacity: 1; }
}
	
	
  @keyframes enter {
    0% {
      opacity: 0;
      transform: translateY(20px) scale(0.9);
    }
	  
  
    70% {
      opacity: 1;
      transform: translateY(-3px) scale(1.05);
    }
    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

@media (prefers-reduced-motion: reduce) {
  .carnaval2026 .letras-carnaval,
	.carnaval2026 .letter,
  .carnaval2026 .year-digit,
  .carnaval2026 .year-bg {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}


.carnaval2026 .letter,
.carnaval2026 .year-digit,
.carnaval2026 .year-bg {
  animation: none;
}

.carnaval2026.animate .letter {
  animation: enter 500ms ease-out forwards;
  animation-delay: var(--d);
}

.carnaval2026.animate .year-digit {
  animation: enter 500ms ease-out forwards;
  animation-delay: var(--d);
}

.carnaval2026.animate .year-bg {
  animation: showBg 300ms ease-out forwards;
  animation-delay: 1100ms;
}





/*carnaval ini */
#carnaval26.carnaval {
background: rgb(20, 40, 215);
background: linear-gradient(
  180deg,
  rgba(20, 40, 215, 1) 0%,
  rgba(0, 0, 0, 1) 100%
);
padding-bottom: 25px;
	margin-top: 0
} 
					  
#carnaval26 .noticia .content { padding: 15px 0 0 }


#carnaval26 .noticia .content a {
    color: #fff }
					  
#carnaval26 .noticia .content a:hover {
    color: #ff1da4 }
	
#carnaval26 .text-center  { text-align: center; margin:  0 auto }

#carnaval26 .btn {
    display: inline-block;
    vertical-align: top;
    padding: 8px 15px 8px;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.1;
    color: #FFFFFF;
    background-color: #ff1da4;
    border-radius: 5px;
	margin-top: 15px;
	border: 1px solid #ff1da4 
}

#carnaval26 .btn:hover,
#carnaval26 .btn:focus{
        background-color: rgba(39, 0, 76, 0);
        color: #FFFFFF;	border: 1px solid #ffffff }
	
#carnaval26 .logos-carnaval { display: inline-flex; gap:15px; color: #FFFFFF; font-size: 1.8em}

@media (max-width: 767px){
	
	.carnaval2026 .letras-carnaval {
    max-width: 93% }
	
	.carnaval2026 .letter {
    width: 28px  }
		
	#carnaval26 .noticia .content .share-btn.red share-button, #podcast .noticia .content .share-btn.red share-button, #colorarriba .noticia .content .share-btn.red share-button, #noseasmalo .wrapper .noticia .content .share-btn.red share-button {
    background-image: url(../imagenes17/icons/share-w@3.png);
    background-image: url(../imagenes17/icons/share-w.svg), none;
}
	
	#carnaval26 .sponsorcarna{  height: 25px } 
 		 		
  #carnaval26 .logos-carnaval {
    margin-top: 10px;
	  flex-wrap: wrap; gap: 6px
  }

  #carnaval26 .logos-carnaval .item:nth-child(1) {
    flex: 0 0 100%; 
    text-align: center
  }

  #carnaval26 .logos-carnaval .item:nth-child(n+3) {
    flex: 0 0 25%; text-align: center
  }
	
	#carnaval26 .noticia .content {
    padding: 22px 37px 0 22px }
}


					  
@media (min-width: 768px){ 		  
	#carnaval26 .cabezal-carnaval {  display: flex;  gap: 5px; justify-content: space-between; width: 100%}
	#carnaval26 .logos-carnaval { display: flex; align-items: center; gap:20px
	}
}


@media (min-width: 980px){ 		  
 	#carnaval26 .logos-carnaval { gap:35px}
}


@media (max-width: 468px){
	    #carnaval26 .logos-carnaval {
        gap: 5px;
    }

	.carnaval2026 .year-container {
   width: 90px}
	
	.carnaval2026 .letter {
    width: 25px  }

}
	
	
	
	/* carnaval 2025 fin */