/* Estilo automático para o tipo de post: segmento (single-segmento.php) */

/* Sobre o segmento: texto do editor + imagem destacada, com os atalhos (.card-acesso, em style.css) embaixo */
#sobre-segmento {
    padding: 60px 0 80px;

    .conteudo-segmento {
        color: var(--Neutros-Cinza);
        font-size: 15px;
        line-height: 1.6;
        
        
        > * + * {
            margin-top: 20px;
        }

        .wp-block-paragraph {
            font-family: "Fredoka", sans-serif;
            color: var(--Neutros-Cinza, #646464);
            font-size: 16px;
            font-weight: 400;
            line-height: 24px; /* 150% */
        }
        
        ul {
            padding-left: 8px;
            list-style: none;
            
            li {
                position: relative;
                padding-left: 16px;
                font-family: "Fredoka", sans-serif;


                /* Marcador "•" pequeno, como no layout */
                &::before {
                    content: "•";
                    position: absolute;
                    left: 0;
                }
            }
        }

        ol {
            padding-left: 24px;
            list-style: decimal;
        }

        strong {
            color: var(--Primrias-Azul);
        }

        a {
            color: var(--Primrias-Azul);
            text-decoration: underline;
        }
    }

    /* Foto: moldura azul clara ondulada */
    .moldura-segmento {
        padding: 12px;
        aspect-ratio: 16 / 10;
        background: rgba(53, 28, 119, 0.1);
        clip-path: url(#sobre-segmento-blob);

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            clip-path: url(#sobre-segmento-blob);
        }
    }

    .atalhos-segmento {
        margin-top: 32px;
    }

    @media (max-width: 768px) {
        padding: 40px 0 60px;

        h2 {
            font-size: 26px;
        }
    }
}

/* Diferenciais: fundo azul claro + carrossel de cards com foto */
#diferenciais {
    position: relative;
    padding: calc(var(--onda-altura) + 40px) 0 80px;
    background: #F1F5FE;

    h3 {
        margin: 0 0 12px;
    }

    h2 {
        margin-bottom: 40px;
        text-align: center;
    }

    /* Respiro para a moldura atrás do card não ser cortada pelo overflow do Swiper */
    .swiperDiferenciais {
        padding: 10px 8px;
    }

    .swiper-slide {
        position: relative;

        /* Moldura azul clara atrás do card */
        &::before {
            content: "";
            position: absolute;
            inset: -6px -6px -8px -6px;
            background: rgba(53, 28, 119, 0.12);
            clip-path: url(#diferencial-blob);
        }
    }

    /* Card: foto de fundo (inline via --card-diferencial-bg) + degradê escuro com o título */
    .card-diferencial {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        aspect-ratio: 16 / 11;
        padding: 0 16px 32px;
        clip-path: url(#diferencial-blob);
        background:
            linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 50%),
            var(--card-diferencial-bg) center / cover no-repeat;
    }

    .titulo-diferencial {
        color: #fff;
        font-family: "Fredoka", sans-serif;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
    }

    /* Barra de progresso: linha fina com o trecho ativo em azul */
    .scrollbar-diferenciais {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        height: 4px;
        margin-top: 32px;
        border-radius: 4px;
        background: linear-gradient(#DCDFEA, #DCDFEA) center / 100% 1px no-repeat;

        .swiper-scrollbar-drag {
            border-radius: 4px;
            background: var(--Primrias-Azul);
        }
    }

    @media (max-width: 768px) {
        padding: calc(var(--onda-altura) + 30px) 0 60px;

        h3 {
            font-size: 18px;
        }

        h2 {
            font-size: 24px;
        }
    }
}