/* xl - DESKTOP STYLES */ 
/* ========================================================================================================
   Header depois do scroll
   ======================================================================================================== */
/* Transições */
header.l05-header,
div.l05-header {
  height: 88px !important;
  transition: height 0.3s ease, padding 0.3s ease, background-color 0.3s ease;
}

/* mostrar apenas o logo branco */
header.l05-header .l05-header-logo-w,
div.l05-header .l05-header-logo-w {
  display: block !important;
  transition: all 0.3s ease;
}

header.l05-header .l05-header-logo-cor,
div.l05-header .l05-header-logo-cor {
  display: none !important;
  transition: all 0.3s ease;
}

/* Altura, padding e bg apos scroll */
header.l05-header.l05-scrolled,
div.l05-header.l05-scrolled {
	height: 70px !important;
	padding: 8px;
	background-color: var(--background-neutral-primary) !important;
}

/* mostrar apenas o logo a cor depois do croll */
header.l05-header.l05-scrolled .l05-header-logo-w,
div.l05-header.l05-scrolled .l05-header-logo-w {
  display: none !important;
}

header.l05-header.l05-scrolled .l05-header-logo-cor,
div.l05-header.l05-scrolled .l05-header-logo-cor {
  display: block !important;
}

/* ========================================================================================================
   Hover nos acessos 
   ======================================================================================================== */
/* 1. Previne que a imagem saia dos limites do card */
.l05-s01-c2,
.l05-s01-c1 {
    position: relative;
    overflow: hidden;
}

/* 2. Cria o fundo fantasma e herda a imagem/gradiente que o Oxygen gerou */
.l05-s01-c2::before,
.l05-s01-c1::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: inherit;      /* Pega o fundo e o gradiente do Oxygen automaticamente */
    background-size: inherit;
    background-position: inherit;
    background-repeat: inherit;
    transition: transform 0.4s ease-in-out;
}

/* 3. Faz o zoom apenas na imagem ao passar o mouse */
.l05-s01-c2:hover::before,
.l05-s01-c1:hover::before {
    transform: scale(1.1); /* Ajuste a intensidade do zoom */
}

/* 4. Para o texto aparecer na mesma */
.l05-text {
    z-index: 2;
}