/* ============================================================
   SECCIÓN: DATOS RÁPIDOS (horario / dirección / contacto)
   ============================================================ */

/* === CONTENEDOR PRINCIPAL === */
.quick-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 50px;
}

/* TÍTULO */
.quick-info__title {
    padding: 24px;
    font-family: var(--font-family-poppins);
    font-size: 24px;
    font-weight: var(--font-weight-regular);
    text-align: center;
    color: #101112;
    line-height: 40px;
}

.quick-info__title span {
    font-weight: var(--font-weight-bold);
}

/* === CONTENEDOR TARJETAS === */
.quick-info__cards {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
}

/* === TARJETAS === */
.info-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* === CABECERA DE TARJETA === */
.info-card__header {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 12px;
}

/* Icono */
.info-card__icon {
    width: 48px;
    height: 48px;
}

/* Título (Horario, Dirección, Contacto) */
.info-card__label {
    font-family: var(--font-family-pangolin);
    font-size: 28px;
    color: var(--color-accent);
    line-height: 48px;
    white-space: nowrap;
}

/* Texto contenido */
.info-card__text {
    font-family: var(--font-family-figtree);
    font-size: 24px;
    font-weight: var(--font-weight-medium);
    text-align: center;
    line-height: 48px;
    color: #000304;
}

.info-card__text a {
    color: inherit;
    text-decoration: none;
}

/* Enlace que envuelve el contenido (p. ej. dirección → Google Maps);
   antes estilo inline en el HTML */
.info-card-content a {
    color: inherit;
    text-decoration: none;
}

/* Acordeón (móvil/tablet): el contenido solo se ve en la tarjeta abierta.
   accordion.js alterna la clase is-open en .info-card */
.info-card-content {
  display: none;
}

.info-card.is-open .info-card-content {
  display: block;
}

@media (min-width: 768px) {

  .br-mobile {
    display: none;
  }

  /* =====================
    UBICACION
  ===================== */

  .quick-info__cards {
    flex-direction: row;
    padding: 0 80px;
  }

  .info-card--border {
    border-left: 2px solid var(--color-teal-dark);
  }
}

@media (min-width: 1030px) {

  .br-mobile {
    display: none;
  }

  /* =====================
    UBICACION
  ===================== */
  .quick-info__title {
    font-size: 28px;
  }

  .info-card__text {
    font-size: 28px;
  }

  .quick-info__cards {
    flex-direction: row;
    padding: 0 80px;
  }

  .info-card {
    gap: 32px;
    padding: 48px 40px;
  }

  .info-card__header {
    cursor: default;
    pointer-events: none; /* Deshabilitamos la interactividad del encabezado */
  }

  /* Título (Horario, Dirección, Contacto) */
  .info-card__label {
    font-size: 32px;
  }

  .info-card-content {
    display: block; /* En escritorio el contenido se muestra siempre */
  }
}