/* ----------------------------------------------------------------
	Custom CSS - Theiler Packaging
-----------------------------------------------------------------*/

/* ================================================================
   LOGO - Lógica de colores:
   - logo-default (logo.png) = letras NEGRAS → para fondo claro
   - logo-dark (logo-dark.png) = letras BLANCAS → para fondo oscuro

   Estado inicial: header transparente sobre slider oscuro → logo-dark
   Estado sticky: header con fondo blanco → logo-default
   ================================================================ */

/* Estado inicial (transparente sobre fondo oscuro): mostrar logo-dark */
#header.transparent-header:not(.sticky-header) #logo a [class^="logo-"] {
	display: none !important;
}
#header.transparent-header:not(.sticky-header) #logo a .logo-dark {
	display: flex !important;
}

/* Estado sticky (fondo claro): mostrar logo-default (letras negras) */
#header.sticky-header #logo a [class^="logo-"] {
	display: none !important;
}
#header.sticky-header #logo a .logo-default {
	display: flex !important;
}

/* ================================================================
   VIDEO FIX
   ================================================================ */

.video-wrap video {
	opacity: 1 !important;
}