/**
 * Seção: Seções Dinâmicas
 * Estilos para seções configuradas dinamicamente no banco de dados
 */

/* ===== CONTAINER PRINCIPAL ===== */
.secao-dinamica {
    padding: var(--section-padding, 80px) 0;
    position: relative;
    background: var(--white);
}

/* Alternar background para seções ímpares */
.secao-dinamica:nth-child(odd) {
    background: var(--light-gray, #f8f9fa);
}

/* ===== IMAGEM ===== */
.secao-dinamica__image {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-lg, 12px);
}

.secao-dinamica__image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.secao-dinamica__image:hover img {
    transform: scale(1.05);
}

/* ===== CONTEÚDO ===== */
.secao-dinamica__content {
    /* Tipografia */
    font-size: var(--font-size-base, 1rem);
    line-height: 1.8;
    color: var(--text-color, #333);
}

.secao-dinamica__content p {
    margin-bottom: var(--spacing-md, 1.5rem);
}

.secao-dinamica__content p:last-child {
    margin-bottom: 0;
}

.secao-dinamica__content ul,
.secao-dinamica__content ol {
    margin: var(--spacing-md, 1.5rem) 0;
    padding-left: var(--spacing-xl, 2rem);
}

.secao-dinamica__content li {
    margin-bottom: var(--spacing-sm, 0.75rem);
}

.secao-dinamica__content h3,
.secao-dinamica__content h4,
.secao-dinamica__content h5 {
    margin-top: var(--spacing-lg, 2rem);
    margin-bottom: var(--spacing-md, 1.5rem);
    color: var(--primary-color, #1B5E20);
    font-weight: 700;
}

.secao-dinamica__content h3 {
    font-size: var(--font-size-xl, 1.5rem);
}

.secao-dinamica__content h4 {
    font-size: var(--font-size-lg, 1.25rem);
}

.secao-dinamica__content h5 {
    font-size: var(--font-size-base, 1rem);
}

.secao-dinamica__content a {
    color: var(--primary-color, #1B5E20);
    text-decoration: underline;
    transition: color 0.3s ease;
}

.secao-dinamica__content a:hover {
    color: var(--primary-dark, #0d3310);
}

.secao-dinamica__content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius, 8px);
    margin: var(--spacing-md, 1.5rem) 0;
}

.secao-dinamica__content strong,
.secao-dinamica__content b {
    font-weight: 700;
    color: var(--primary-color, #1B5E20);
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 991px) {
    .secao-dinamica {
        padding: var(--section-padding-mobile, 60px) 0;
    }

    .secao-dinamica__image {
        margin-bottom: var(--spacing-xl, 2rem);
    }
}

@media (max-width: 576px) {
    .secao-dinamica {
        padding: var(--section-padding-small, 40px) 0;
    }

    .secao-dinamica__content {
        font-size: var(--font-size-sm, 0.9rem);
    }
}