/**
 * Imperio Solvyr — reservas de layout y micro-optimizaciones (CLS / paint)
 * Carga síncrona (assets.php): no diferir.
 */

.hero,
.admin-showcase,
.admin-gallery,
.schedule-gallery,
.members-grid {
  contain: layout style;
}

.hero {
  contain: layout style paint;
}

.schedule-gallery__track,
.admin-gallery__track {
  backface-visibility: hidden;
}

.header-bar,
nav .header-right {
  min-height: 56px;
}

.header-nav-toggle {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

.hero-content {
  min-height: 120px;
}

.hero-tags {
  min-height: 28px;
}

.admin-gallery,
.schedule-gallery {
  min-height: 210px;
}

.admin-gallery__viewport,
.schedule-gallery__viewport {
  min-height: 200px;
}

.admin-member {
  min-height: 220px;
}

.admin-member__frame {
  height: 110px;
  contain: layout size;
}

.admin-member__body {
  min-height: 3.9em;
}

.pay-flag {
  width: 90px;
  height: 60px;
  aspect-ratio: 3 / 2;
}

.isv-faq {
  min-height: 200px;
}

.isv-site-footer {
  min-height: 140px;
}

/* Iconos FA async: reserva de ancho para no empujar texto al cargar la fuente */
.tag-pill i,
.admin-showcase__badge i,
.admin-member__tier i,
.header-link i,
.member-icon i {
  display: inline-block;
  width: 1em;
  min-width: 1em;
  text-align: center;
}

@media (max-width: 900px) {
  .header-bar .header-inner {
    min-height: 52px;
  }

  .schedule-gallery,
  .admin-gallery {
    min-height: 190px;
  }
}

@media (max-width: 768px) {
  .admin-member__frame {
    height: 88px;
  }

  .pay-flag {
    width: 72px;
    height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero,
  .schedule-gallery__track,
  .admin-gallery__track {
    animation: none !important;
    transition: none !important;
  }
}