/* ==========================================================================
   Vídeo de fundo do Hero (página inicial)
   Carregado em pages/home-melhorada.blade.php via route('assets.css', ...).
   Mantém o vídeo em full-bleed atrás do conteúdo, com camada clara por cima
   para preservar a legibilidade do texto à esquerda.
   ========================================================================== */

.hero-bg-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

/* Seletor com especificidade + !important para vencer resets globais de <video>
   (ex.: img, video { max-width: 100%; height: auto }) e garantir o full-bleed. */
.hero-bg-video video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    pointer-events: none;
}

/* Camada clara: mais forte à esquerda (onde fica o texto) e transparente à direita. */
.hero-bg-video__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.80),
        rgba(255, 255, 255, 0.30) 45%,
        rgba(255, 255, 255, 0) 80%
    );
}

/* Título do hero: branco com contorno preto ultrafino + sombra forte
   para profundidade e legibilidade sobre o vídeo claro. */
.hero-title {
    color: #fff;
    -webkit-text-stroke: 0.6px rgba(0, 0, 0, 0.65);
    paint-order: stroke fill; /* contorno atrás do preenchimento: mantém o texto nítido */
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.75),
        3px 5px 6px rgba(0, 0, 0, 0.55),
        0 10px 24px rgba(0, 0, 0, 0.40);
}

/* "Serviços": mantém o gradiente intacto. O text-shadow quebra o
   background-clip:text (vira preto), então a sombra vem por filter:drop-shadow,
   que respeita o preenchimento em gradiente. */
.hero-title .bg-clip-text {
    -webkit-text-stroke: 0;
    text-shadow: none;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6)) drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.45));
}