/* ==========================================================================
   BLOQUE CARNAVAL - VIVE POTOSÍ 2026
   ========================================================================== */

.carnaval-block {
  position: relative;
  background: linear-gradient(135deg, #ffefba, #ff0044);
  /* 1. Reducimos el padding al mínimo (0 arriba/abajo, 10px a los lados) */
  padding: 28px 10px; 
  margin: 0;
  text-align: center;
  color: #fff;
  overflow: hidden;
  /* 2. Bajamos o quitamos el min-height (antes era 350px) */
  min-height: 200px; 
  display: flex;
  flex-direction: column;
  /* 3. Cambiamos center por flex-start si quieres que pegue arriba */
  justify-content: center; 
}

/* Capa para oscurecer el fondo cuando se usa imagen */
.carnaval-block::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: var(--overlay-color, transparent);
  z-index: 0;
}

/* Elimina espacios innecesarios del tema del periódico */
.stream-item.stream-item-below-header,
.stream-item.stream-item-below-header .stream-item-size {
  margin: 0 !important;
  padding: 0 !important;
}

/* CONTENEDOR DE TARJETAS (Escritorio) */
.carnaval-cards {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  gap: 15px;
  transition: all 0.3s ease;
  width: 100%;
}

.carnaval-card {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 15px;
  width: 200px;
  flex-shrink: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carnaval-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}

.carnaval-card img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  margin: 0 auto 4px auto;
  object-fit: contain;
}

.carnaval-card h3, 
.carnaval-card h4 {
  margin: 5px 0;
  font-size: 1.1em;
  line-height: 1.2;
}

.carnaval-card p {
  font-size: 0.9em; /* Corregido: punto en lugar de coma */
  margin-bottom: 8px;
  line-height: 1.2;
}

/* BOTONES */
.carnaval-card a {
  display: inline-block;
  text-decoration: none;
  color: #ffefba;
  background: #ff0044;
  padding: 8px 12px;
  border-radius: 5px;
  font-weight: bold;
  margin-top: auto;
  font-size: 0.9em;
}

/* ==========================================================================
   CONFIGURACIÓN ESPECIAL SPONSOR (CARNAVAL 2026)
   ========================================================================== */

.sponsor-card {
  background: transparent !important;
  box-shadow: none !important;
  justify-content: center;
}

/* Título Grande CARNAVAL 2026 */
.sponsor-card h3 {
  font-size: 1.8em !important; /* Tamaño aumentado */
  font-weight: 900;
  line-height: 1;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.sponsor-card h4 {
  font-size: 1em !important;
  font-weight: bold;
  opacity: 0.9;
  margin-bottom: 10px;
}

.sponsor-logo {
  width: 140px !important;
  height: auto !important;
  margin: 10px auto !important;
}

/* ==========================================================================
   RESPONSIVE: CARRUSEL SOLO EN MÓVIL
   ========================================================================== */

@media (max-width: 768px) {
  .carnaval-block {
    padding: 20px 0;
  }

  .carnaval-cards {
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 10px 20px 20px 20px;
  }

  /* Ocultar barra de scroll */
  .carnaval-cards::-webkit-scrollbar {
    display: none;
  }
  
  .carnaval-card h3, 
  .carnaval-card h4 {
  margin: 5px 0;
  font-size: 1.4em;
  line-height: 1.2;
  }
  
  .carnaval-card p {
  font-size: 1.0em; /* Corregido: punto en lugar de coma */
  margin-bottom: 8px;
  line-height: 1.5;
  }

  .carnaval-card {
    width: 75%;
    scroll-snap-align: center;
    margin-bottom: 0;
  }

  /* Ajuste de título sponsor en móviles para que no se corte */
  .sponsor-card h3 {
    font-size: 2.2em !important;
  }
}