/**
 * Layout Fix CSS
 * Estilos para evitar o "pulo" da página durante o carregamento
 */

/* Conteúdo pré-renderizado (vindo do cache) */
#episodes.prerender,
#serie_contenido.prerender {
  min-height: auto !important;
  display: block !important;
  opacity: 1 !important; /* Ensure visibility without animation */
}

/* Preparação da div episodes antes do conteúdo ser carregado */
#episodes.preload {
  display: block !important;
  min-height: 400px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  overflow: hidden;
}

#episodes.preload::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: #007cba;
  border-radius: 50%;
  /* Removed animation: spin 1s linear infinite; */
}

/* Preparação da div serie_contenido antes do conteúdo ser carregado */
#serie_contenido.preload {
  display: block !important;
  min-height: 300px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  overflow: hidden;
}

#serie_contenido.preload::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: #007cba;
  border-radius: 50%;
  /* Removed animation: spin 1s linear infinite; */
}

/* Garantir que a div episodes seja imediatamente visível, mesmo com a classe fixidtab */
#episodes.fixidtab.prerender,
#episodes.fixidtab.loaded {
  display: block !important;
}