:root {
    --azul: #0062FD;
    --laranja: #F55716;
    --main-color-one:var(--laranja) !important;
    --main-color-two:var(--azul) !important;
}

body {
    overflow-x: clip !important;
}

.header-style-03.header-variant-12 .navbar-area {
    top: 20px;
}

.container.nav-container {
    border-radius: 20px !important;
}

.bss1-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 80vh;
    min-height: 700px;
    max-height: 800px;
}

@media screen and (min-width:1500px) {
    .bss1-section {
        border-radius: 30px;
        margin: 10px auto;
        max-width: 1500px;
    }
}

.botao a, .botao button {
    display: inline-block;
    padding: 9px 40px;
    background-color: var(--azul);
    color: #FFF;
    font-weight: bold;
    border-radius: 10px;
    transition: all 0.5s;
    outline: unset !important;
    box-shadow: unset !important;
    border: unset;
}

.botao a:hover, .botao button:hover {
    background-color: var(--laranja);
}

.botao a.laranja, .botao button.laranja {
    background-color: var(--laranja);
}

.botao a.laranja:hover, .botao button.laranja:hover {
    background-color: #b14c11;
}


/* ── Slides de fundo ────────────────────────────────── */
.bss1-bg-track {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.bss1-bg-slide {
    position: absolute;
    inset: 0;

    background-size: cover;
    background-position: center;

    opacity: 0;
    transform: scale(1);

    transition:
        opacity .7s ease,
        transform 10s ease-out;
}

.bss1-bg-slide.bss1-active {
    opacity: 1;
    transform: scale(1.28);
}

/* Overlay sobre a imagem */
.bss1-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgba(10, 18, 35, .62) 0%, rgba(10, 18, 35, .18) 100%);
    z-index: 1;
}

/* ── Card fixo ──────────────────────────────────────── */
.bss1-card-wrap {
    position: absolute;

    left: 8%;
    z-index: 10;
    width: 100%;
    max-width: 400px;
}

.bss1-card {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 18px;
    padding: 46px 42px 36px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

/* Subtítulo com linhas */
.bss1-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #2c2c2c;
}

.bss1-subtitle::before,
.bss1-subtitle::after {
    content: '';
    width: 32px;
    height: 2px;
    background: #d95c14;
    flex-shrink: 0;
}

/* Título */
.bss1-title {
    font-size: 1.7em;
    font-weight: 600;
    line-height: 1.32;
    color: #111;
    text-align: center;
    margin: 0;
    transition: opacity .35s ease;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
}

.bss1-title a {
    color: inherit;
    text-decoration: none;
}

.bss1-title a:hover {
    color: #1a6fff;
}

/* Excerpt */
.bss1-excerpt {
    font-size: 13.5px;
    color: #666;
    line-height: 1.72;
    text-align: center;
    margin: 0;
    transition: opacity .35s ease;
}


/* Estado de troca (fade) */
.bss1-card.bss1-fading .bss1-title,
.bss1-card.bss1-fading .bss1-excerpt {
    opacity: 0;
}

/* ── Dots ───────────────────────────────────────────── */
.bss1-dots {
    display: flex;
    gap: 8px;
    margin-top: 18px;
    justify-content: center;
}

.bss1-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: background .25s;
}

.bss1-dot.bss1-dot--active {
    background: #2c2c2c;
}

/* ── Seta direita ───────────────────────────────────── */
.bss1-arrow {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, .92);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .14);
    transition: background .2s, transform .18s;
    font-size: 20px;
    color: #333;
    line-height: 1;
}

.bss1-arrow:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.07);
}

.bss1-arrow-prev {
    right: auto;
    left: 28px;
}



/* ── Responsivo ─────────────────────────────────────── */
@media (max-width: 768px) {
    .bss1-section {
        min-height: 500px;
    }

    .bss1-card-wrap {
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        max-width: calc(100% - 32px);
    }

    .bss1-card {
        padding: 28px 22px 24px;
    }

    .bss1-title {
        font-size: 19px;
    }

    .bss1-arrow {
        display: none;
    }
}

/* Badge de categoria */
.bss1-badge {
    display: inline-block;
    align-self: center;
    background: var(--laranja);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 20px;
    transition: opacity .35s ease;
}

.bss1-badge:empty {
    display: none;
}

.bss1-card.bss1-fading .bss1-badge {
    opacity: 0;
}

/*

SEÇÃO DE DESTAQUES HOMEPAGE

*/

.destaques-homepage .left-double-item {
    display: flex;
    gap: 25px;

}

.destaques-homepage .left-double-item .destaque-item .thumb, .blog-card-item .thumb, .destaques-homepage .left-double-item .destaque-item .thumb {
    position: relative;
}

.destaques-homepage .left-double-item .destaque-item .thumb img, .blog-card-item .thumb img {
    width: 100;
    object-fit: cover;
    aspect-ratio: 1/0.8;
    border-radius: 10px;
}

@media (min-width: 768px) {
   .footer-top .img-widget {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
  .footer-top .img-widget {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.destaques-homepage .left-double-item .destaque-item .thumb .blog-category-badge, .blog-card-item .thumb .blog-category-badge {
    position: absolute;
    left: 15px;
    bottom: 10px;
    border-radius: 5px;
    background-color: var(--laranja);
    padding: 2px 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.destaques-homepage .destaque-item  .title, .blog-card-item .title  {
    font-weight: 600 !important;
    margin-top: 20px;
}
.destaques-homepage .left-double-item .destaque-item .excerpt, .blog-card-item .excerpt {
 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;
}

.destaques-homepage .right-single-item .destaque-item .thumb img, .blog-card-single-item .thumb img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/0.5;
    border-radius: 10px;
}

.destaques-homepage .right-single-item .destaque-item .thumb, .blog-card-single-item .thumb {
    position: relative;
}

.destaques-homepage .right-single-item .destaque-item .thumb .blog-category-badge, .blog-card-single-item  .thumb .blog-category-badge{
    position: absolute;
    left: 15px;
    bottom: 10px;
    border-radius: 5px;
    background-color: var(--laranja);
    padding: 2px 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.destaques-homepage .right-single-item .title, .blog-card-single-item  .title {
    font-size: 1.9em;
}

.destaques-homepage .destaque-item .readmore, .blog-card-single-item .readmore, .blog-card-item .readmore{
    color: var(--azul);
    font-weight: bold;
    transition: color 0.5s;
}

.destaques-homepage .destaque-item .blog-date, .blog-card-item .blog-date, .blog-card-single-item .blog-date {
    color: #333333;
    font-weight: 500;
    margin-bottom: 15px;
    border-left: 2px solid var(--laranja);
    padding-left: 5px;
}

.destaques-homepage .destaque-item a,  .blog-card-item a, .blog-card-single-item a, .sidebar-post-item a {
    transition: color 0.5s;
}

.destaques-homepage .destaque-item a:hover,  .blog-card-item a:hover, .blog-card-single-item a:hover, .sidebar-post-item a:hover {
    color: var(--laranja) !important;
}

/* Titulo seções */
.section-title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.section-title h2 {
    margin: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.section-title span {
    flex: 1;
    height: 2px;
    background: #4f7cff; /* azul da linha */
}

/* Responsivo */
@media (max-width: 768px) {
    .section-title {
        gap: 12px;
    }

    .section-title h2 {
        font-size: 1.4rem;
        white-space: normal;
    }
}

/* Categorias */

.blog-categories-list {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

@media screen and (min-width:1400px) {
    .blog-categories-list {
        max-width: 70%;
        margin: 0 auto;
    }
}


.blog-categories-list li a {
     display: inline-block;
    padding: 3px 15px;
    border: 2px solid var(--azul);
    color: #111;
    border-radius: 5px;
    font-weight: bold;
    transition: all 0.5s;
}

.blog-categories-list li a:hover {
    background-color: var(--azul);
    color: #fff;
}

/* Newsletter */

.newsletter-sec {
    position: relative;
}

.newsletter-sec::before {
    content: '';
    width: 50%;
    height: 100%;
    background-color: var(--laranja);
    left: 0;
    position: absolute;
    top: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: -1;
}

.news-wrapper {
    background-image:
    
        url('../../../assets/uploads/media-uploader/group-171780502974.svg'), linear-gradient(to right, #1054c1, #0043ae);

    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: cover, contain;

    padding: 70px;
    border-radius: 20px;
}

.news-wrapper h2 {
    font-size: 2.4em;
    color: #fff;
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.checkbox-item p {
    font-size: 11px;
    color: #fff;
    margin: 0 !important;
}

.news-wrapper .mail-input {
    width: 100%;
    background-color: transparent;
    border: unset !important;
    border-bottom: 1px solid #fff !important;
    padding: 5px 0 !important;
    color: #fff;
}

.news-wrapper .mail-input::placeholder {
    color: #fff;
}

.form-news {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* por categoria */

.badge-fixo{
    border-radius: 5px;
    background-color: var(--laranja);
    padding: 2px 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.sidebar-post-item:not(:first-child) {
    margin-top: 20px;
}

.sidebar-post-item .title {
    margin: 10px 0;
}

.center-featured-item .destaque-item.blog-card-single-item {
    position: sticky;
    top: 12%;
}

.center-featured-item {
    position: relative;
    height: 100%;
}

.por_categorias .left-small-item .blog-card-item:not(:first-child) {
margin-top: 20px;
}

.promocional-area:not(:first-child) {
    margin-top: 20px;
}


.area-fixa-promocional {
    height: 100%;
    position: relative;
}
.promocional .banner-column img {
    border-radius: 15px;
    width: 100%;
}

.promocional .banner-column {
    position: sticky;
    top: 20%;
}

 .footer-top {
    background: linear-gradient(to right, #003892, #1054c1) !important;
}

.footer-area.home-variant-20 .widget.footer-widget .widget-title {
    color: #fff !important;
}

.footer-top a {
    color: #fff !important;
    transition: all 0.5s;
}

.footer-top a:hover {
    color: var(--laranja) !important;
}

.footer-top img {
    border-radius: 15px;
}

.copyright-area.copyright-bg {
    background-color: #003892 !important;
    color: #fff !important;
}

.destaque-item .thumb img {
    width: 100%;
}

@media screen and (max-width:992px) {
    .destaques-homepage .left-double-item {
        flex-direction: column;
    }

    .destaques-homepage .right-single-item .destaque-item {
        margin-bottom: 25px;
    }

    .center-featured-item {
        margin:25px 0;
    }

    .center-featured-item .blog-card-single-item {
        position: unset !important;
    }

    .area-fixa-promocional {
        margin-bottom: 25px;
    }

    .area-fixa-promocional .banner-column {
        position: unset !important;
    }

    .destaques-homepage .right-single-item .title, .blog-card-single-item .title {
        font-size: 1.5em;
    }

    .blog-card-item.promocional-area .thumb {
        margin-bottom: 15px;
    }

     .blog-card-item.promocional-area .thumb img {
        width: 100%;
     }
}

@media screen and (max-width:460px) {
    .news-wrapper h2 {
        font-size: 1.4em;
        margin-bottom: 20px;
    }

    
}

.blog-details-content-area .blog-details-item .thumb img {
    border-radius: 20px;
    max-height: 500px;
    object-fit: cover;
    width: 100%;
}

.blog-content-area .widget, .blog-details-content-area .widget {
    border-radius: 15px;
    border: 1px solid #dbdbdb;
}

.blog-content-area .widget .thumb img, .blog-details-content-area .widget .thumb img {
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 10px;
}

.blog-widget a {
    display: block;
    width: 100%;
}

.blog-details-content-area .footer-logo, .blog-content-area .footer-logo {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #dbdbdb;
}