/* Fonts (exemplo usando Google Fonts; ajuste no tema conforme necessidade) */
/*@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@500;600&family=Roboto+Condensed:wght@300;400;500;700&display=swap');*/
.sm-studio-block-wrapper {
    padding: 60px 0;
}

.sm-studio-block-claro {
    background-color: #ffffff;
}

.sm-studio-block-escuro {
    background-color: var(--e-global-color-primary);
}

.sm-studio-block-escuro .sm-studio-block {
    color: #f5f5f5;
}

.sm-studio-block-escuro .sm-studio-cta-button {
    border-color: #f5f5f5;
    color: #f5f5f5;
}

.sm-studio-block {
    text-align: center;
    padding: 60px 20px;
    max-width: 1100px;
    margin: 0 auto 0px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    color: #222;
}

.sm-studio-heading {
    font-family: "Bodoni", Sans-serif;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 35px;
}

/*
==========================
Slider
==========================
*/

/* Container geral (já tinha algo assim) */
.sm-studio-slider-wrapper {
    max-width: 820px;
    margin: 0 auto 35px; /* centraliza */
}

/* Garante que o slider use 100% desse wrapper */
.sm-studio-slider {
    width: 100%;
}

/* Imagem ocupa toda a largura disponível */
.sm-studio-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Zera o conteúdo padrão das setas do Slick */
.sm-studio-slider .slick-prev:before,
.sm-studio-slider .slick-next:before {
    content: '' !important;
}

/* Setas customizadas */
.sm-studio-slider .slick-prev,
.sm-studio-slider .slick-next {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    border: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    z-index: 2;
}

/* posição mais próxima da imagem, não tão colado na borda branca */
.sm-studio-slider .slick-prev {
    left: -5%
}

.sm-studio-slider .slick-next {
    right: -5%
}

.sm-studio-block-escuro .slick-prev svg.seta-left,
.sm-studio-block-escuro .slick-next svg.seta-right {
    fill:#ffffff;
}

.sm-studio-slider .slick-prev svg.seta-left,
.sm-studio-slider .slick-next svg.seta-right {
    min-width: 20px;
}

.sm-studio-slider .slick-prev:hover,
.sm-studio-slider .slick-next:hover,
.sm-studio-slider .slick-prev:active,
.sm-studio-slider .slick-next:active,
.sm-studio-slider .slick-prev:focus,
.sm-studio-slider .slick-next:focus {
    background: rgba(0,0,0,0.7);
}

.sm-studio-slide.slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sm-studio-slider .slick-track,
.sm-studio-slide.slick-slide{
    height:400px;
}



/*
==========================
Texto em destaque
==========================
*/

/* Texto em destaque */
.sm-studio-highlight-text {
    font-size: 24px;
    font-weight: 300;
    line-height: 2;
    text-transform: uppercase;
    margin: 20px auto 10px;
}

.sm-studio-highlight-text strong{
    font-weight: 600;
}

.sm-studio-highlight-text p {
    margin: 0;
}

/* CTA */
.sm-studio-cta-wrap {
    margin-top: 25px;
}

.sm-studio-cta-button {
    display: inline-block;
    padding: 14px 50px;
    border: 1px solid #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 26px;
    text-decoration: none;
    color: #000;
    font-weight: 200;
}

/*.sm-studio-cta-button:hover {
    background: #000;
    color: #fff;
}*/

@media (width <= 1024px){
    .sm-studio-block-wrapper{
        padding: 30px 0px;
    }
    .sm-studio-heading {
        font-size: 38px;
    }
    .sm-studio-highlight-text {
        font-size: 22px;
    }
    .sm-studio-cta-button {
        padding: 12px 45px;
        font-size: 24px;
    }
}

@media (width <= 768px){
    .sm-studio-block-wrapper{
        padding: 0px;
    }
    .sm-studio-heading {
        font-size: 36px;
        margin: 0 0 26px;
    }
    .sm-studio-slider-wrapper{
        margin: 0 0 26px;
    }
    .sm-studio-highlight-text,
    .sm-studio-highlight-text p {
        font-size: 18px;
    }
    .sm-studio-cta-button {
        padding: 15px 50px;
        font-size: 18px;
    }
    .sm-studio-slider .slick-track, .sm-studio-slide.slick-slide {
        height: auto;
    }
}