html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    margin: 0.67em 0;
    font-size: 2em;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace;
    font-size: 1em;
}
a {
    background-color: #0000;
}
abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: 600;
}
code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="reset"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring {
    outline: 1px dotted buttontext;
}
[type="button"]:-moz-focusring {
    outline: 1px dotted buttontext;
}
[type="reset"]:-moz-focusring {
    outline: 1px dotted buttontext;
}
[type="submit"]:-moz-focusring {
    outline: 1px dotted buttontext;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    white-space: normal;
    max-width: 100%;
    padding: 0;
    display: table;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button {
    height: auto;
}
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template,
[hidden] {
    display: none;
}
html {
    scroll-behavior: smooth;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: “liga” on;
    letter-spacing: -0.01rem;
}
*,
:before,
:after {
    box-sizing: inherit;
}
html,
.page,
.post {
    margin: 0 !important;
}
.col-1 {
    float: left;
    width: 8.33333%;
    margin-right: 24px;
}
.col-1:nth-child(12n) {
    margin-right: 0;
}
.col-2 {
    float: left;
    width: 16.6667%;
    margin-right: 24px;
}
.col-2:nth-child(12n) {
    margin-right: 0;
}
.col-3 {
    float: left;
    width: 25%;
    margin-right: 24px;
}
.col-3:nth-child(12n) {
    margin-right: 0;
}
.col-4 {
    float: left;
    width: 33.3333%;
    margin-right: 24px;
}
.col-4:nth-child(12n) {
    margin-right: 0;
}
.col-5 {
    float: left;
    width: 41.6667%;
    margin-right: 24px;
}
.col-5:nth-child(12n) {
    margin-right: 0;
}
.col-6 {
    float: left;
    width: 50%;
    margin-right: 24px;
}
.col-6:nth-child(12n) {
    margin-right: 0;
}
.col-7 {
    float: left;
    width: 58.3333%;
    margin-right: 24px;
}
.col-7:nth-child(12n) {
    margin-right: 0;
}
.col-8 {
    float: left;
    width: 66.6667%;
    margin-right: 24px;
}
.col-8:nth-child(12n) {
    margin-right: 0;
}
.col-9 {
    float: left;
    width: 75%;
    margin-right: 24px;
}
.col-9:nth-child(12n) {
    margin-right: 0;
}
.col-10 {
    float: left;
    width: 83.3333%;
    margin-right: 24px;
}
.col-10:nth-child(12n) {
    margin-right: 0;
}
.col-11 {
    float: left;
    width: 91.6667%;
    margin-right: 24px;
}
.col-11:nth-child(12n) {
    margin-right: 0;
}
.col-12 {
    float: left;
    width: 100%;
    margin-right: 24px;
}
.col-12:nth-child(12n) {
    margin-right: 0;
}
:root {
    --rosa: #f4035c;
    --coral: #fa352e;
    --laranja: #f60;
    --laranja-10: #fff1e7;
    --branco: #fff;
    --cinza: #eff2f7;
    --azul-escuro: #1f3447;
    --preto: #1b1b1b;
    --degrade-h: linear-gradient(90deg, var(--rosa) 0%, var(--laranja) 100%);
    --degrade-v: linear-gradient(180deg, var(--rosa) 0%, var(--laranja) 100%);
}
body {
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-family: Goldplay, sans-serif !important;
}
.title {
    color: var(--preto);
    margin: 0;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.subtitle {
    color: var(--preto);
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.text {
    color: var(--preto);
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
}
.smaller-title {
    color: var(--preto);
    margin: 0;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.container {
    width: 100%;
    max-width: 1440px;
    padding: 0 64px;
}
.button-container .button {
    background-color: var(--preto);
    color: var(--branco);
    border-radius: 16px;
    padding: 16px 24px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    display: inline-block;
}
.button-container .button b {
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    line-height: 120%;
}
.button-container .button.rosa {
    background-color: var(--rosa);
}
.header {
    background-color: var(--rosa);
    color: var(--branco);
}
.header .navbar {
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 64px;
}
.header .navbar .container-fluid {
    margin: 0;
    padding: 0;
}
.header .navbar .nav-link {
    color: var(--branco);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.header .navbar .nav-link.dropdown-toggle:after {
    content: url(../img/triangle-down.svg);
    border: none;
    align-items: center;
    transition: all 0.2s ease-in-out;
    position: absolute;
}
.header .navbar .navbar-nav {
    gap: 56px;
}
.header .navbar .nav-item .dropdown-toggle.show:after {
    transform: rotate(-90deg);
}
.header .navbar .nav-item .dropdown-menu {
    transition: all 0.2s ease-in-out;
}
.header .navbar .nav-item .dropdown-menu.show {
    padding: 16px;
    border-radius: 12px;
}
.header .navbar .nav-item .dropdown-menu.show .dropdown-item {
    padding: 0 12px;
}
.header .navbar .nav-item .dropdown-menu.show .dropdown-item svg {
    max-width: 24px;
    margin-right: 8px;
}
.header .navbar .nav-item .dropdown-menu.show .dropdown-item svg g path {
    fill: var(--laranja);
}
.header .navbar .search-box {
    border: 1px solid var(--branco);
    background-color: #0000;
    border-radius: 16px;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 260px;
    margin-right: 24px;
    padding: 16px;
    display: flex;
}
.header .navbar .search-box button {
    all: unset;
}
.header .navbar .search-box input {
    all: unset;
    color: var(--branco);
    background-color: #0000;
    width: 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
.header .navbar .search-box input::placeholder {
    color: var(--branco);
}
.header .navbar .search-box button:hover {
    cursor: pointer;
}
.footer {
    padding: 80px 0;
}
.footer .container .top-footer {
    border-bottom: 2px solid var(--laranja);
    justify-content: space-between;
    padding-bottom: 24px;
    display: flex;
}
.footer .container .top-footer .right-column {
    align-items: center;
    gap: 24px;
    display: flex;
}
.footer .container .content {
    justify-content: space-between;
    margin-top: 48px;
    display: flex;
}
.footer .container .content .column {
    max-width: 272px;
}
.footer .container .content .column a {
    color: var(--preto);
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    display: block;
}
.footer .container .content .column a:hover {
    color: var(--laranja);
}
.highlight-card {
    background-color: var(--laranja-10);
    border-radius: 24px;
    gap: 48px;
    height: auto;
    padding: 64px;
    display: flex;
}
.highlight-card .left-column {
    width: 100%;
    max-width: 532px;
}
.highlight-card .left-column img {
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.highlight-card .right-column {
    max-width: 532px;
    height: auto;
}
.highlight-card .right-column .tag {
    background: var(--degrade-h);
    border-radius: 8px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: inline-flex;
}
.highlight-card .right-column .title {
    margin: 24px 0 16px;
    font-size: 32px;
    font-weight: 600;
}
.highlight-card .right-column .text {
    margin-bottom: 24px;
}
.highlight-card .right-column .infos {
    display: flex;
}
.highlight-card .right-column .infos .date {
    color: var(--preto);
    border-right: 1px solid var(--preto);
    align-items: center;
    margin-right: 12px;
    padding-right: 12px;
}
.highlight-card .right-column .button-container .btn-read {
    color: var(--preto);
    font-weight: 600;
    text-decoration: none;
}
.highlight-card .right-column .button-container .btn-read svg {
    margin-left: 12px;
}
.highlight-card .right-column .button-container .btn-read svg g path {
    fill: var(--preto);
}
.small-card {
    border: 1px solid var(--preto);
    border-radius: 24px;
    width: 100%;
    max-width: 397px;
    padding: 32px;
    transition: 0.2s;
}
.small-card:hover {
    background-color: var(--laranja-10);
}
.small-card img {
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    height: 200px;
    margin-bottom: 24px;
}
.small-card .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.small-card .infos {
    margin: 24px 0;
    display: flex;
}
.small-card .infos .date {
    color: var(--preto);
    border-right: 1px solid var(--preto);
    align-items: center;
    margin-right: 12px;
    padding-right: 12px;
}
.small-card .button-container {
    text-align: left !important;
}
.small-card .button-container .btn-read {
    color: var(--preto);
    font-weight: 600;
    text-decoration: none;
}
.small-card .button-container .btn-read svg {
    margin-left: 12px;
}
.small-card .button-container .btn-read svg g path {
    fill: var(--preto);
}
.category {
    border: 1px solid var(--preto);
    color: var(--preto);
    border-radius: 8px;
    align-items: center;
    padding: 8px 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: inline-flex;
    position: relative;
    margin-bottom: 24px !important;
}
.category:before {
    content: "";
    background-image: url(../img/Briefcase.svg);
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.category.category-gestao {
    background-color: var(--cinza);
    border: none;
}
.category.category-gestao:before {
    background-image: url(../img/Handshake.svg);
}
.category.category-produtos-card {
    background-color: var(--laranja);
    color: var(--branco);
    border: none;
}
.category.category-produtos-card:before {
    background-image: url(../img/CreditCard.svg);
}
.category.category-marketing {
    background-color: var(--laranja-10);
    border: none;
}
.category.category-marketing:before {
    background-image: url(../img/Heart-l.svg);
}
.newsletter {
    background-color: var(--coral);
    padding: 80px 0;
    margin-top: 48px;
}
.newsletter .container {
    gap: 48px;
    display: flex;
}
.newsletter .container .left-column {
    max-width: 596px;
}
.newsletter .container .left-column .title {
    color: var(--branco);
    margin-bottom: 24px;
}
.newsletter .container .left-column .subtitle {
    color: var(--branco);
}
.newsletter .container .right-column {
    width: 100%;
}
.newsletter .container .right-column .input-group {
    border: 1px solid var(--branco);
    border-radius: 16px;
    align-items: start;
    gap: 12px;
    margin-bottom: 12px;
    padding: 24px 32px;
    display: flex;
}
.newsletter .container .right-column .input-group span {
    height: 24px;
}
.newsletter .container .right-column .input-group input {
    all: unset;
    width: 100%;
    max-width: 90%;
    color: var(--branco);
    height: 24px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}
.newsletter .container .right-column .input-group input::placeholder {
    color: var(--branco);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}
.newsletter .container .right-column button {
    background-color: var(--preto);
    color: var(--branco);
    border-radius: 16px;
    width: 100%;
    padding: 24px 32px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.hero {
    background: var(--degrade-v);
    padding: 80px 0 300px;
    position: relative;
}
.hero .container {
    color: var(--branco);
}
.hero .container .hero_title {
    text-align: center;
    margin: 0 0 24px;
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.hero .container .hero_sub {
    text-align: center;
    margin-bottom: 72px;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.hero .container .hero_sub b {
    font-weight: 600;
}

/* Estilo Corrigido para o Highlight Card Flutuante com Margens */
.hero .container .highlight-card {
    /* 1. Mantém o posicionamento para o efeito de sobreposição */
    position: absolute;
    left: 0;
    right: 0;

    /* 2. Define a largura máxima desejada */
    max-width: 1280px;

    /* 3. A regra principal: a largura será 100% menos as margens laterais */
    width: calc(100% - 128px); /* 64px de cada lado */

    /* 4. Centraliza o card horizontalmente */
    margin-left: auto;
    margin-right: auto;
}

.categories {
    margin-top: 290px;
}
.categories .container .title {
    text-align: center;
    margin-bottom: 40px;
}
.categories .container .subtitle {
    text-align: center;
    margin-bottom: 48px;
}
.categories .container .content {
    flex-wrap: wrap;
    gap: 24px;
    display: flex;
}
.categories .container .content .card {
    border: none;
    border-radius: 24px;
    justify-content: end;
    width: 100%;
    max-width: 446px;
    padding: 96px 48px 48px;
}
.categories .container .content .card .title {
    text-align: left;
    margin-bottom: 4px;
    font-size: 32px;
}
.categories .container .content .card .subtitle {
    text-align: left;
    margin-bottom: 24px;
}
.categories .container .content .card .subtitle p {
    margin: 0;
}
.categories .container .content .card .button-container .btn-read {
    color: var(--preto);
    font-weight: 600;
    text-decoration: none;
}
.categories .container .content .card .button-container .btn-read svg {
    margin-bottom: 0;
    margin-left: 12px;
}
.categories .container .content .card .button-container .btn-read svg g path {
    fill: var(--preto);
}
.categories .container .content .card.gestao {
    background-color: var(--cinza);
    border: none;
    position: relative;
}
.categories .container .content .card.gestao:before {
    content: "";
    background-image: url(../img/Briefcase.svg);
    background-size: contain;
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    display: block;
}
.categories .container .content .card.negocios {
    background-color: var(--branco);
    border: 1px solid var(--preto);
}
.categories .container .content .card.negocios:before {
    content: "";
    background-image: url(../img/Handshake.svg);
    background-size: contain;
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    display: block;
}
.categories .container .content .card.marketing {
    background-color: var(--laranja-10);
    border: none;
    max-width: 770px;
}
.categories .container .content .card.marketing:before {
    content: "";
    background-image: url(../img/Heart-l.svg);
    background-size: contain;
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    display: block;
}
.categories .container .content .card.produtos-card {
    background-color: var(--laranja);
    color: var(--branco);
    border: none;
    max-width: 770px;
}
.categories .container .content .card.produtos-card .title,
.categories .container .content .card.produtos-card .subtitle,
.categories .container .content .card.produtos-card .btn-read {
    color: var(--branco);
}
.categories .container .content .card.produtos-card .btn-read svg g path {
    fill: var(--branco);
}
.categories .container .content .card.produtos-card:before {
    content: "";
    background-image: url(../img/CreditCard.svg);
    background-size: contain;
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    display: block;
}
.categories .container .content .card:first-child {
    background-color: var(--laranja);
}
.categories .container .content .card:first-child .title,
.categories .container .content .card:first-child .subtitle {
    color: var(--branco);
}
.categories .container .content .card:first-child .button-container .btn-read {
    color: var(--branco);
    font-weight: 600;
    text-decoration: none;
}
.categories .container .content .card:first-child .button-container .btn-read svg g path {
    fill: var(--branco);
}
.last-posts {
    margin-top: 160px;
}
.last-posts .container .top-header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px;
    display: flex;
}
.last-posts .container .top-header .button {
    background-color: var(--rosa);
}
.last-posts .container .content {
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 48px;
    display: flex;
}
.last-posts .container .button-container {
    text-align: center;
}
.archive.category {
    background-color: var(--branco);
    border-radius: 0;
    padding: 0;
    display: block;
    margin-bottom: 0 !important;
}
.archive.category:before {
    display: none;
}
.archive.category .last-posts {
    margin-top: 380px;
}
.archive.category .last-posts #load-more {
    background-color: var(--preto);
}
.archive.category .hero .container {
    text-align: center;
}
.archive.category .hero .container .highlight-card {
    margin-top: 80px;
}
.archive.category .hero .container .highlight-card .title,
.archive.category .hero .container .highlight-card .text,
.archive.category .hero .container .highlight-card .right-column,
.archive.category .hero .container .highlight-card .button-container {
    text-align: left;
}
.archive.category .hero .hero_title {
    border-bottom: 1px solid var(--branco);
    align-items: center;
    gap: 24px;
    margin: 0 auto 24px;
    padding-bottom: 12px;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    display: inline-flex;
    position: relative;
}
.archive.category .hero .hero_title:before {
    content: "";
    filter: brightness(0) invert();
    background-image: url(../img/Handshake.svg);
    background-size: contain;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    display: block;
}
.archive.category .hero .hero_title.produtos-card:before {
    background-image: url(../img/CreditCard.svg);
}
.archive.category .hero .hero_title.marketing:before {
    background-image: url(../img/Heart-l.svg);
}
.archive.category .hero .subtitle {
    color: var(--branco);
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
}
.archive.category .hero .subtitle p {
    margin: 0;
}
.archive.category .categories {
    margin-top: 0;
    padding: 80px 0;
}
.archive.category .categories .button {
    background-color: var(--rosa);
}
.archive.category .categories .another-categories {
    max-width: 446px;
}
.another-categories .top-header {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 48px;
    display: flex;
}
.archive.category .categories .another-categories .title,
.archive.category .categories .another-categories .subtitle {
    text-align: left;
}
.search-page {
    padding: 0;
}
.search-page .categories {
    margin: 80px 0;
}
.search-page .categories .button-container {
    text-align: left;
    margin-top: 0;
}
.search-page .categories .button-container .button {
    text-align: center;
    margin-top: 48px;
}
.search.search-results {
    padding: 0;
}
.search-results-section {
    padding: 80px 0;
}
.search-results-section .top-header {
    text-align: center;
    margin-bottom: 48px;
}
.search-results-section .top-header .title {
    border-bottom: 1px solid var(--preto);
    align-items: center;
    padding-bottom: 12px;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: inline-flex;
}
.search-results-section .top-header .title svg {
    margin-right: 24px;
}
.search-results-section .top-header .title b {
    color: var(--laranja);
    margin-left: 8px;
    font-weight: 600;
}
.search-results-section .content {
    flex-wrap: wrap;
    gap: 24px;
    display: flex;
}
.search-results-section .button-container {
    text-align: center;
    margin-top: 48px;
}
.search-results-section .button-container .button {
    background-color: var(--rosa);
}
.filter {
    padding: 80px 0;
}
.filter .content {
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 48px;
    display: flex;
}
.filter .top-header {
    text-align: center;
    margin-bottom: 48px;
}
.filter .top-header .title {
    border-bottom: 1px solid var(--preto);
    margin-bottom: 24px;
    padding-bottom: 12px;
    display: inline-block;
}
.filter .tabs {
    justify-content: center;
    gap: 24px;
    display: flex;
}
.filter .tab {
    background-color: var(--laranja-10);
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    padding: 8px 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    position: relative;
}
.filter .tab:before {
    content: "";
    background-image: url(../img/Briefcase.svg);
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.filter .tab.all:before {
    background-image: url(../img/newspaper.svg);
}
.filter .tab.gestao:before {
    background-image: url(../img/Handshake.svg);
}
.filter .tab.produtos-card {
    background: var(--degrade-h);
    color: var(--branco);
}
.filter .tab.produtos-card:before {
    filter: brightness(0) invert();
    background-image: url(../img/CreditCard.svg);
}
.filter .tab.marketing:before {
    background-image: url(../img/Heart.svg);
}
.filter .tab:hover {
    background: var(--laranja);
    color: var(--branco);
    border: 1px solid var(--branco);
}
.filter .tab:hover:before {
    filter: brightness(0) invert();
}
.filter .tab.active {
    background: var(--laranja);
    color: var(--branco);
    border: 1px solid var(--branco);
}
.filter .tab.active:before {
    filter: brightness(0) invert();
}
.error-404 {
    background-color: var(--preto);
    padding: 128px 0;
}
.error-404 .container {
    text-align: center;
}
.error-404 .title {
    color: var(--branco);
    margin: 48px 0;
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.error-404 .subtitle {
    color: var(--branco);
    margin: 48px 0;
}
.single .last-posts {
    margin: 0;
    padding: 80px 0;
}
.single .categories {
    margin-top: 0;
    padding: 80px 0;
}
.single .categories .another-categories {
    max-width: 446px;
}
.single .categories .another-categories .title,
.single .categories .another-categories .subtitle {
    text-align: left;
}
.single .categories .card {
    width: 100%;
}
.single .categories .card:nth-child(2) {
    max-width: 768px !important;
}
.single .categories .card:nth-child(3),
.single .categories .card:nth-child(4) {
    max-width: 607px !important;
}
.hero-post {
    padding: 80px 0;
}
.hero-post .highlight-card {
    background-color: #fff;
    padding: 0;
}
.hero-post .highlight-card .right-column {
    width: 100%;
    max-width: 596px;
}
.hero-post .highlight-card .right-column .category {
    margin-bottom: 0 !important;
}
.hero-post .highlight-card .left-column {
    box-sizing: border-box;
    max-width: 596px;
    position: relative;
}
.hero-post .highlight-card .left-column img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}
.post-text {
    color: var(--preto);
    padding: 0;
}
.post-text p {
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 175%;
}
.post-text p a {
    color: var(--laranja);
}
.post-text h1 {
    margin: 24px 0;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.post-text h2 {
    margin: 20px 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
@media only screen and (width<=767px) {
    .col-mobile-1 {
        width: 33.3333%;
        margin-right: 16px;
    }
    .col-mobile-1:nth-child(4n) {
        margin-right: 0;
    }
    .col-mobile-2 {
        width: 33.3333%;
        margin-right: 16px;
    }
    .col-mobile-2:nth-child(4n) {
        margin-right: 0;
    }
    .col-mobile-3 {
        width: 33.3333%;
        margin-right: 16px;
    }
    .col-mobile-3:nth-child(4n) {
        margin-right: 0;
    }
    .col-mobile-4 {
        width: 33.3333%;
        margin-right: 16px;
    }
    .col-mobile-4:nth-child(4n) {
        margin-right: 0;
    }
}
@media only screen and (width<=479px) {
    .title {
        text-align: left;
        font-size: 32px;
    }
    .text {
        font-size: 16px;
    }
    .container {
        max-width: 100%;
        padding: 0 24px;
    }
    .button-container .button {
        border-radius: 8px;
        padding: 12px 16px;
        font-size: 16px;
    }
    .header {
        position: relative;
    }
    .header .navbar {
        padding: 0;
    }
    .header .navbar .navbar-toggler {
        all: unset;
        box-shadow: none;
        border: none;
        outline: none;
        padding-right: 24px;
    }
    .header .navbar .navbar-brand {
        padding-left: 24px;
    }
    .header .navbar .container-fluid {
        padding: 24px 0;
    }
    .header .navbar .navbar-collapse {
        background-color: #fff;
        width: 100%;
        padding: 24px;
        position: absolute;
        top: 100px;
        z-index: 99999;
    }
    .header .navbar .nav-link {
        color: var(--preto);
    }
    .header .navbar .navbar-nav {
        gap: 24px;
        margin-left: 0;
    }
    .header .navbar .nav-item .dropdown-menu {
        border: none;
        display: block;
    }
    .header .navbar .nav-item .dropdown-menu .dropdown-item {
        border-bottom: 1px solid var(--laranja);
        padding: 0;
    }
    .header .navbar .nav-item .dropdown-menu .dropdown-item svg {
        max-width: 24px;
        margin-right: 8px;
    }
    .header .navbar .nav-item .dropdown-menu .dropdown-item svg g path {
        fill: var(--laranja);
    }
    .header .navbar .search-box {
        border-color: var(--preto);
        max-width: 100%;
        margin-bottom: 24px;
        margin-right: 0;
        padding: 12px;
    }
    .header .navbar .search-box button svg g path {
        fill: var(--preto);
    }
    .header .navbar .search-box input,
    .header .navbar .search-box input::placeholder {
        color: var(--preto);
    }
    .header .navbar .button-container .button,
    .header .navbar .button-container .button b {
        font-size: 16px;
    }
    .footer {
        padding: 48px 0;
    }
    .footer .container .top-footer {
        flex-direction: column;
        gap: 24px;
    }
    .footer .container .content {
        flex-direction: column;
        gap: 48px;
    }
    .footer .container .content .subtitle {
        margin-bottom: 12px;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }
    .footer .container .content .subtitle.mbs {
        margin-top: 48px;
    }
    /* Bloco de código NOVO E CONSOLIDADO para substituir os antigos */
    .highlight-card {
        border-radius: 0;
        flex-direction: column;
        padding: 0; /* Resetamos o padding aqui para controlar nas colunas */
    }
    .highlight-card .left-column {
        /* Reseta o max-width para o mobile */
        max-width: 100%;
    }
    .highlight-card .left-column img {
        height: 200px;
    }
    .highlight-card .right-column {
        /* Reseta o max-width para o mobile */
        max-width: 100%;
    }
    .highlight-card .right-column .tag {
        margin-bottom: 16px !important;
    }
    .highlight-card .right-column .title {
        margin-top: 0px;
        font-size: 24px;
    }
    .highlight-card .right-column .text {
        margin-bottom: 16px;
    }
    .hero .container .highlight-card {
        position: static; /* Restaura o posicionamento */
        width: 100%;      /* Ocupa 100% da largura do container pai */
        max-width: 100%;
        margin-top: 120px;        
        padding: 24px;
        border-radius: 16px;
        gap: 24px;
    }
    .hero .container .highlight-card .left-column {
        margin-top: -120px;
    }
    .small-card img {
        border-radius: 12px;
        height: 160px;
    }
    .small-card .title {
        height: auto;
        font-size: 20px;
        margin-top: 16px !important;
    }
    .small-card .infos {
        margin: 12px 0;
    }
    .category {
        font-size: 16px;
        margin-bottom: 0 !important;
    }
    .newsletter {
        padding: 48px 0;
    }
    .newsletter .container {
        flex-direction: column;
    }
    .newsletter .container .left-column .subtitle {
        font-size: 16px;
    }
    .newsletter .container .right-column .input-group {
        flex-wrap: nowrap;
        padding: 12px 16px;
    }
    .newsletter .container .right-column .input-group input,
    .newsletter .container .right-column .input-group input::placeholder {
        font-size: 16px;
    }
    .newsletter .container .right-column button {
        padding: 12px 16px;
        font-size: 16px;
    }
    .hero {
        padding: 24px;
    }
    .hero .container {
        padding: 0;
        padding-bottom: 32px;
    }
    .hero .container .hero_title {
        padding: 0 24px;
        font-size: 48px;
        line-height: 120%;
    }
    .hero .container .hero_title svg {
        max-width: 56%;
    }
    .hero .container .hero_sub {
        padding: 0 24px;
        font-size: 20px;
    }
    .hero .container .highlight-card .left-column {
        margin-top: -120px;
    }
    .categories {
        margin-top: 48px;
    }
    .categories .container .title {
        text-align: left;
        margin-bottom: 24px;
    }
    .categories .container .content .card {
        width: 100%;
        padding: 16px;
        max-width: calc(50% - 12px) !important;
    }
    .categories .container .content .card:before {
        width: 24px !important;
        height: 24px !important;
    }
    .categories .container .content .card .title {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }
    .categories .container .content .card .subtitle {
        display: none;
    }
    .categories .container .content .card .button-container .btn-read {
        font-size: 16px;
    }
    .categories .container .content .card .button-container .btn-read svg {
        display: none;
    }
    .last-posts {
        margin-top: 0;
        padding: 32px 0 32px;
    }
    .last-posts .container .top-header .button {
        display: none;
    }
    .last-posts .container .content {
        gap: 16px;
        margin-bottom: 16px;
    }
    .archive.category .last-posts {
        margin-top: 0;
        padding: 48px 0;
    }
    .archive.category .hero .hero_title {
        font-size: 32px;
        flex-direction: column;
    }
    .archive.category .hero .subtitle {
        padding-bottom: 80px;
    }
    .archive.category .categories {
        padding: 0;
    }
    .archive.category .categories .button {
        text-align: center;
        display: block;
    }
    .archive.category .categories .another-categories .title {
        margin-bottom: 16px;
    }
    .archive.category .categories .another-categories .subtitle {
        margin-bottom: 16px;
        font-size: 16px;
    }
    .archive.category .categories .card.produtos-card {
        max-width: 100% !important;
    }
    .search-page .categories {
        margin: 0;
        padding: 48px 0;
    }
    .search-page .categories .subtitle {
        text-align: left;
        font-size: 16px;
    }
    .search-page .categories .button-container .button {
        text-align: center;
        margin-top: 24px;
        display: block;
    }
    .search-results-section {
        padding: 48px 0;
    }
    .search-results-section .top-header .title {
        font-size: 24px;
        font-weight: 600;
    }
    .search-results-section .top-header .title b {
        font-size: 32px;
    }
    .search-results-section .top-header .title {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 16px;
        display: flex;
    }
    .filter .top-header {
        text-align: left;
    }
    .filter .tabs {
        flex-wrap: wrap;
        justify-content: start;
    }
    .filter .tab {
        text-align: left;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 12px;
        width: 100%;
        max-width: calc(50% - 12px);
        padding: 16px;
        font-size: 14px;
        display: flex;
    }
    .filter .tab.all {
        display: none;
    }
    .error-404 {
        padding: 48px 0;
    }
    .error-404 .title {
        text-align: center;
        font-size: 40px;
    }
    .single .last-posts {
        padding: 48px 0;
    }
    .single .categories .card.produtos-card {
        max-width: 100% !important;
    }
    .hero-post,
    .post-text {
        padding: 24px 0;
    }
    .categories .container .content {
        gap: 12px;
    }
    .categories .container .content .card {
        border-radius: 12px;
    }
    .last-posts .container .top-header {
        margin-bottom: 24px;
    }
    .small-card {
        padding: 20px;
        border-radius: 16px;
    }
    .desktop {
        display: none;
    }
}

/* --- Estilos para a Navbar Fixa na Rolagem --- */

/* Adiciona uma transição suave ao header para a mudança de cor */
.header {
    transition: background-color 0.3s ease-in-out;
}

/* A nova classe que será adicionada via JavaScript */
.header.scrolled {
    /* 1. Fixa a navbar no topo da tela */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Garante que a navbar fique acima de todo o conteúdo */

    /* 2. Aplica o fundo rosa com 90% de opacidade */
    background-color: rgba(244, 3, 92, 0.95); /* Usando a cor da sua variável --rosa com opacidade */

    /* 3. Aplica o "Glass Effect" (desfoque no conteúdo abaixo) */
    -webkit-backdrop-filter: blur(10px); /* Para Safari */
    backdrop-filter: blur(10px);
}

/* --- Ajuste para a Barra de Administração do WordPress --- */

/* * Quando a classe .admin-bar está presente no <body> (usuário logado),
 * e o nosso header tem a classe .scrolled (após rolar a página),
 * empurramos a navbar para baixo.
*/
body.admin-bar .header.scrolled {
    top: 32px; /* Altura padrão da barra de admin em desktops */
}

/* * A barra de admin do WordPress é mais alta em telas menores (abaixo de 783px).
 * Este código ajusta a posição da navbar para essa situação.
*/
@media screen and (max-width: 782px) {
    body.admin-bar .header.scrolled {
        top: 46px; /* Altura da barra de admin em telas mobile */
    }
}

/* --- Efeito de Hover para a IMAGEM do Highlight Card --- */

/* 1. Prepara a coluna da imagem para receber a camada de efeito */
.highlight-card .left-column {
    position: relative; /* Necessário para posicionar a camada do efeito */
    overflow: hidden; /* Garante que o degradê não "vaze" para fora */
    /* Adiciona as mesmas bordas da imagem para que a máscara funcione perfeitamente */
    border-radius: 20px;
}

/* 2. Cria a camada do degradê sobre a imagem (invisível por padrão) */
.highlight-card .left-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* O degradê solicitado com as suas variáveis de cor e angulação */
    background: linear-gradient(135deg, var(--rosa), var(--laranja));

    /* O modo de mesclagem para o efeito de filtro */
    mix-blend-mode: multiply;

    /* Começa invisível e define a suavidade da transição */
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

/* 3. Mostra o degradê quando o mouse está sobre QUALQUER LUGAR do card pai */
.highlight-card:hover .left-column::before {
    opacity: 0.5;
}

/* --- Efeito de Hover para Background dos Botões --- */

/* 1. Prepara os botões para uma transição de cor suave */
.button-container .button,
.newsletter .container .right-column button {
    transition: background-color 0.2s ease-in-out;
}

/* 2. Aplica o background com 90% de opacidade para os botões pretos no hover */
.button-container .button:hover,
.newsletter .container .right-column button:hover {
    /* Cor --preto (#1b1b1b) convertida para RGBA com 90% de opacidade */
    background-color: rgba(27, 27, 27, 0.9);
}

/* 3. Regra específica para o botão rosa no hover */
.button-container .button.rosa:hover {
    /* Cor --rosa (#f4035c) convertida para RGBA com 90% de opacidade */
    background-color: rgba(244, 3, 92, 0.9);
}

/* --- Efeito de Foco para o Campo de Busca --- */

/* 1. Prepara o container da busca para uma transição suave */
.header .navbar .search-box {
    transition: max-width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

/* 2. Aplica os novos estilos quando o input interno recebe foco */
.header .navbar .search-box:focus-within {
    max-width: 276px;
    background-color: rgba(255, 255, 255, 0.1);
}

/* --- Ajustes de Responsividade para Informações do Card --- */

@media screen and (max-width: 1279px) {
    /* Altera o layout do container de 'linha' para 'coluna' */
    .small-card .infos {
        flex-direction: column; /* Empilha os itens verticalmente */
        align-items: flex-start; /* Alinha os itens à esquerda */
        gap: 8px; /* Adiciona um pequeno espaço vertical entre a data e o tempo de leitura */
    }

    /* Remove a borda e o espaçamento lateral da data, que não são mais necessários */
    .small-card .infos .date {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }
}

/* --- Animação de Elevação para Ícones dos Cards de Categoria --- */

/* 1. Prepara o ícone para uma transição suave de qualquer transformação */
.categories .container .content .card::before {
    transition: transform 0.3s ease-in-out;
}

/* 2. Move o ícone 16px para cima quando o mouse está sobre o card */
.categories .container .content .card:hover::before {
    transform: translateY(-8px);
}