.elementor-1392 .elementor-element.elementor-element-bcb1d53{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1392 .elementor-element.elementor-element-bcb1d53:not(.elementor-motion-effects-element-type-background), .elementor-1392 .elementor-element.elementor-element-bcb1d53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1392 .elementor-element.elementor-element-ec5b65a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1392 .elementor-element.elementor-element-bcb1d53{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:20px;}.elementor-1392 .elementor-element.elementor-element-ec5b65a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* --- Estilo da Biblioteca de Recursos para Baixar --- */
.resource-library-container {
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.resource-library-container h1,
.resource-library-container .subtitle {
    font-family: 'Baloo Bhai 2', sans-serif;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
}

.resource-library-container .subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-bottom: 50px;
}

/* A Grade dos Cards */
.resource-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

/* O Card Individual */
.resource-card {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    text-decoration: none !important; /* CORRIGIDO: Remove sublinhado */
    aspect-ratio: 1 / 1; /* CORRIGIDO: Força o card a ser quadrado */
    background-color: #f0f0f0; /* Cor de fundo para placeholders */
}

.resource-card:hover {
    text-decoration: none !important; /* CORRIGIDO: Remove sublinhado no hover */
}

.resource-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* A Camada de Informações (Overlay) para DESKTOP */
.resource-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.85);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Efeito de hover para DESKTOP */
.resource-card:hover .resource-card-overlay {
    opacity: 1;
}
.resource-card:hover img {
    transform: scale(1.1);
}

/* Estilos do texto dentro do overlay (DESKTOP) */
.resource-card-overlay .resource-title,
.resource-card-overlay .resource-description,
.resource-card-overlay .download-cta {
    color: #ffffff;
}
.resource-card-overlay .resource-title {
    font-family: 'Baloo Bhaijaan 2', sans-serif;
    font-size: 22px;
}
.resource-card-overlay .resource-description {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin: 10px 0 20px 0;
}
.resource-card-overlay .download-cta {
    font-family: 'Nunito', sans-serif;
    border: 2px solid #ffffff;
    border-radius: 50px;
    padding: 8px 15px;
}


/* --- CORREÇÃO RESPONSIVA PARA CELULAR E TABLET (ATÉ 1024px) --- */
@media (max-width: 1024px) {
    /* CORRIGIDO: No celular e tablet, a descrição fica sempre visível */
    .resource-card-overlay {
        position: static;
        opacity: 1;
        background-color: #ffffff;
        text-align: left;
        height: auto;
    }
    
    /* CORRIGIDO: O card deixa de ser quadrado e se ajusta ao conteúdo */
    .resource-card {
        aspect-ratio: auto;
        display: flex;
        flex-direction: column;
        box-shadow: 0 8px 25px rgba(0,0,0,0.07);
    }
    .resource-card img {
        height: 220px; /* Altura fixa para a imagem */
    }

    /* CORRIGIDO: Muda a cor dos textos para serem visíveis no fundo branco */
    .resource-card-overlay .resource-title,
    .resource-card-overlay .resource-description {
        color: #333333;
    }

    /* Esconde o "Clique para Baixar" no mobile */
    .resource-card-overlay .download-cta {
        display: none;
    }

    /* Desativa os efeitos de hover no mobile */
    .resource-card:hover img {
        transform: none;
    }
    .resource-card:hover .resource-card-overlay {
        opacity: 1;
    }
}/* End custom CSS */