/* ===========================================================================
   Ajustes del home (explorar.html), 27-oct
   - Secciones bajo demanda: Casos de uso y CICLIC Learning no se muestran
     al cargar; aparecen al hacer clic en el menú o en el pie (home-secciones.js).
   - Equipo: sin el bloque "Cultura Multipaís", quedan 2 indicadores.
   =========================================================================== */

.section.is-collapsed {
  display: none;
}

.section.is-revealed {
  animation: hs-reveal 0.45s ease both;
}

@keyframes hs-reveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .section.is-revealed {
    animation: none;
  }
}

/* Equipo: dos indicadores a lo ancho (en celular siguen en una columna) */
@media (min-width: 721px) {
  .team-section .team-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.team-section .team-stats div {
  align-content: start;
}

/* La lista de países va en una fila (se acomoda en varias si no cabe),
   sin el recuadro interno, para equilibrar la altura con el otro indicador. */
.team-section .team-stats .country-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 6px;
  padding: 0;
  background: none;
  border: 0;
}

/* Equipo: solo queda el filtro por especialidad, a lo ancho */
.team-section .team-filters {
  grid-template-columns: minmax(0, 1fr);
}

/* Mercado activo: República Dominicana (10-nov) */
.flag-do {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18'%3E%3Cpath fill='%23002d62' d='M0 0h12.4v7.4H0zM15.6 10.6H28V18H15.6z'/%3E%3Cpath fill='%23ce1126' d='M15.6 0H28v7.4H15.6zM0 10.6h12.4V18H0z'/%3E%3Cpath fill='%23fff' d='M12.4 0h3.2v18h-3.2zM0 7.4h28v3.2H0z'/%3E%3Cellipse cx='14' cy='9' rx='1.75' ry='1.6' fill='none' stroke='%23007a3d' stroke-width='.45'/%3E%3Cpath fill='%23002d62' d='M13.1 8.1h.85v.85h-.85z'/%3E%3Cpath fill='%23ce1126' d='M14.05 8.1h.85v.85h-.85zM13.1 9.05h.85v.85h-.85z'/%3E%3Cpath fill='%23002d62' d='M14.05 9.05h.85v.85h-.85z'/%3E%3C/svg%3E");
  background-size: cover;
}