/* ============================================
   PAGE SPECIFIC STYLES - Portal Libertação
   ============================================ */

/* ====== CORES ESPECÍFICAS DA PÁGINA ====== */
.bg-d3b68d {
    background-color: #D3B68D;
}

/* ====== ANIMAÇÕES DE TESTEMUNHOS ====== */
.testimonial-scroll {
    animation: scroll 30s linear infinite;
}

.testimonial-scroll:hover {
    animation-play-state: paused;
}

/* ====== EFEITOS PARALLAX ====== */
.parallax-bg {
    transform: translateZ(0);
    will-change: transform;
}

/* ====== HERO BACKGROUND ====== */
.hero-background {
    background-size: cover;
    animation: heroBackgroundFade 1.2s ease-out forwards;
}

@keyframes heroBackgroundFade {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* ====== GLASS MORPHISM ====== */
.glass-panel {
    border-radius: 7.681px !important;
    border: 1px solid rgba(237, 203, 154, 0.2) !important;
    background: rgba(14, 29, 51, 0.65) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    transition: all 0.3s ease;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

.glass-panel:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

/* ====== GRADIENTES ANIMADOS ====== */
@keyframes gradientShift {
    0%, 100% { 
        background-position: 0% 50%; 
    }
    50% { 
        background-position: 100% 50%; 
    }
}

/* ====== HERO LAYOUT FIXES ====== */
/* Corrigir alinhamento dos elementos da hero à esquerda */
.hero-content-left {
    text-align: left !important;
    align-items: flex-start !important;
}

.hero-content-left .flex {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.hero-content-left .inline-flex {
    align-self: flex-start !important;
}

/* Corrigir largura do subtítulo para 100% */
.hero-subtitle-width {
    width: 100% !important;
    text-align: center !important;
}

/* Container interno do subtítulo com texto menor */
.hero-subtitle-width p {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

/* Forçar alinhamento à esquerda para elementos específicos da hero */
.hero-left-align {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}