/**
 * Componentes reutilizáveis carregados em todas as páginas.
 *
 * Inclui: .logos (carousel), .servicos-hero, .standards, .faq, .stats,
 * .contact (form embed). Originalmente moradores de home.css/pentest.css/
 * servicos.css; movidos pra cá porque são usados em múltiplos templates.
 * Os arquivos page-specific continuam funcionando se você os editar — este
 * arquivo carrega ANTES e os page-specific podem sobrescrever quando preciso.
 */

/* ========== .logos (carousel infinito de logos de clientes — home/pentest/parceiros) ==========
   Layout fiel ao LogosCarousel.astro do dist:
   - mobile (base): coluna, label centralizado em cima, animação 30s
   - desktop (≥768px): linha, label fixo à esquerda (228px), carousel ocupa o resto, animação 45s */
.logos{background-color:var(--color-white);padding:24px 0;overflow:hidden}.logos__inner{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px;padding-left:var(--container-padding);padding-right:var(--container-padding)}.logos__text{font-size:16px;font-weight:500;line-height:normal;color:#191F2F;max-width:220px;text-align:center;margin:0}.logos__track-wrapper{position:relative;width:100%;overflow:hidden}.logos__track{display:flex;padding:16px 0;width:max-content;animation:scroll-logos 30s linear infinite}.logos__track-wrapper:hover .logos__track{animation-play-state:paused}.logos__set{display:flex;align-items:center;gap:48px;padding-right:48px;flex-shrink:0}.logos__item{height:24px;width:auto;flex-shrink:0;object-fit:contain;opacity:.4}.logos__fade{position:absolute;top:0;bottom:0;width:48px;z-index:1;pointer-events:none}.logos__fade--left{left:0;background:linear-gradient(to right,var(--color-white),transparent)}.logos__fade--right{right:0;background:linear-gradient(to left,var(--color-white),transparent)}@keyframes scroll-logos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (min-width:768px){.logos__inner{flex-direction:row;align-items:center;gap:64px}.logos__text{font-size:18px;min-width:228px;max-width:228px;text-align:left}.logos__track-wrapper{flex:1}.logos__track{animation-duration:45s}.logos__set{gap:40px;padding-right:40px}}

/* ========== .servicos-hero (single-servico, archive-servico) ========== */
.servicos-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:48px var(--container-padding);background-color:var(--color-white);border-bottom:1px solid var(--color-border-solid);overflow:clip}.servicos-hero__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:840px;height:364px;pointer-events:none;z-index:0}.servicos-hero__pattern img{display:block;width:100%;height:100%}.servicos-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:327px;text-align:center}.servicos-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:100px;border:1px solid var(--color-border);background-color:var(--color-white)}.servicos-hero__badge-dot{display:block;width:6px;height:6px;border-radius:50%;background-color:var(--color-blue)}.servicos-hero__badge-text{font-size:14px;font-weight:500;line-height:19px;color:var(--color-blue)}.servicos-hero__text{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.servicos-hero__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}.servicos-hero__subtitle{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text);margin:0}@media (min-width: 768px){.servicos-hero{padding:64px var(--container-padding) 80px}.servicos-hero__pattern{width:1440px;height:623px}.servicos-hero__content{max-width:846px;gap:32px}.servicos-hero__text{gap:24px}.servicos-hero__title{font-size:52px;line-height:56px}.servicos-hero__subtitle{font-size:18px}}

/* ========== .standards (logos de padrões em 2 filas) ========== */
.standards{background-color:var(--color-white-2);padding:48px 0;overflow:hidden}.standards__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:40px;padding:0 var(--container-padding)}.standards__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 var(--container-padding)}.standards__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}.standards__subtitle{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}.standards__logos-wrap{position:relative;overflow:hidden}.standards__fade{position:absolute;top:0;bottom:0;width:80px;z-index:1;pointer-events:none}.standards__fade--left{left:0;background:linear-gradient(to right,var(--color-white-2),transparent)}.standards__fade--right{right:0;background:linear-gradient(to left,var(--color-white-2),transparent)}.standards__logos{display:flex;flex-direction:column}.standards__row{background-color:var(--color-white);border-top:1px solid var(--color-border);overflow:hidden}.standards__row:last-child{border-bottom:1px solid var(--color-border)}.standards__track{display:flex;width:max-content}.standards__track--left{animation:standards-scroll-left 60s linear infinite}.standards__track--right{animation:standards-scroll-right 60s linear infinite}@keyframes standards-scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes standards-scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.standards__logos-wrap:hover .standards__track{animation-play-state:paused}.standards__logo-cell{display:flex;align-items:center;justify-content:center;padding:24px;width:200px;flex-shrink:0;border-right:1px solid var(--color-border)}.standards__logo-img{display:block;max-width:100%;height:80px;object-fit:contain}@media (min-width: 768px){.standards{padding:80px 0}.standards__container{gap:64px}.standards__title{font-size:40px;line-height:normal;max-width:949px}.standards__subtitle{font-size:18px}.standards__fade{width:120px}.standards__logo-cell{width:268px}.standards__logo-img{height:110px}}

/* ========== .faq (accordion) ========== */
.faq{background-color:var(--color-white-2);padding:48px var(--container-padding);overflow:hidden}.faq__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}.faq__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0;text-align:center}.faq__grid-wrap{position:relative;width:100%}.faq__grid-lines{display:none}.faq__list{background-color:var(--color-white);width:100%}.faq__item{border-bottom:1px solid var(--color-border-solid);border-left:3px solid transparent;transition:background-color 0.2s ease,border-color 0.2s ease}.faq__item:hover{background-color:var(--color-white-2)}.faq__item--open{background-color:var(--color-white-2);border-left-color:var(--color-blue)}.faq__item:last-child{border-bottom:none}.faq__question{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;padding:24px;background:none;border:none;cursor:pointer;text-align:left}.faq__question-text{font-size:16px;font-weight:500;line-height:normal;color:var(--color-dark-blue);flex:1}.faq__chevron{flex-shrink:0;color:var(--color-dark-blue);transition:transform 0.3s ease}.faq__item--open .faq__chevron{transform:rotate(180deg)}.faq__answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq__item--open .faq__answer{max-height:300px}.faq__answer-text{font-size:14px;font-weight:400;line-height:18px;color:var(--color-text-dark);margin:0;padding:0 24px 24px}@media (min-width: 768px){.faq{padding:80px 0}.faq__container{gap:64px}.faq__title{font-size:40px;line-height:48px}.faq__grid-lines{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}.faq__grid-line--h{position:absolute;left:-40px;right:-40px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(25,31,47,0.1) 10%,rgba(25,31,47,0.1) 90%,transparent 100%)}.faq__grid-line--h1{top:0}.faq__grid-line--h2{bottom:0}.faq__grid-line--v{position:absolute;top:-40px;bottom:-40px;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(25,31,47,0.1) 15%,rgba(25,31,47,0.1) 85%,transparent 100%)}.faq__grid-line--v1{left:0}.faq__grid-line--v2{right:0}.faq__list{width:100%}.faq__question{padding:40px}.faq__question-text{font-size:18px}.faq__answer-text{font-size:16px;line-height:18px;padding:0 40px 40px}}

/* ========== .stats (carousel de estatísticas) ========== */
.stats{background-color:var(--color-white-2);padding:48px 0;display:flex;flex-direction:column;align-items:center;gap:40px}
.stats__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:900px;padding:0 var(--container-padding)}
.stats__title{font-size:28px;font-weight:500;line-height:1.2;color:var(--color-dark-blue);margin:0}
.stats__subtitle{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}
.stats__carousel-wrap{position:relative;width:100%}
.stats__carousel{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--container-padding)}
.stats__carousel::-webkit-scrollbar{display:none}
.stats__track{display:flex;gap:24px;padding:0 var(--container-padding)}
.stats__fade{position:absolute;top:0;bottom:0;width:53px;pointer-events:none;z-index:2}
.stats__fade--left{left:0;background:linear-gradient(to right,var(--color-white-2),transparent)}
.stats__fade--right{right:0;background:linear-gradient(to left,var(--color-white-2),transparent)}
.stats__card{flex:0 0 238px;height:161px;padding:24px;display:flex;flex-direction:column;gap:10px;background:var(--color-white);border:1px solid var(--color-border-solid);scroll-snap-align:start;transition:background-color .2s ease}
.stats__card:hover{background:var(--color-blue-light)}
.stats__card:hover .stats__value{color:var(--color-blue)}
.stats__value{font-size:40px;font-weight:500;line-height:normal;color:var(--color-dark-blue);margin:0;transition:color .2s ease}
.stats__desc{font-size:14px;font-weight:400;line-height:18px;color:var(--color-text-dark);margin:0;flex:1;display:flex;align-items:center}
@media (min-width:768px){
  .stats{padding:0 0 80px;gap:64px}
  .stats__title{font-size:40px;line-height:normal}
  .stats__subtitle{font-size:20px}
  .stats__carousel{overflow:visible}
  .stats__track{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;max-width:var(--container-max);margin:0 auto}
  .stats__card{flex:auto;width:auto;height:auto}
  .stats__value{font-size:48px}
  .stats__desc{font-size:16px}
  .stats__fade{display:none}
}

/* ========== .contact (form embed em sobre/pentest/servico) ========== */
.contact{background-color:var(--color-white);padding:48px 0;overflow:hidden}
.contact__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;flex-direction:column;gap:40px}
.contact__info{display:flex;flex-direction:column;gap:40px}
.contact__header{display:flex;flex-direction:column;gap:16px}
.contact__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.contact__title strong{font-weight:700}
.contact__subtitle{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}
/* Features (accordion: 1º aberto, hover/click expande, blue underline 330px) */
.contact__features{display:flex;flex-direction:column}
.contact__feature{padding:24px 0;border-bottom:1px solid var(--color-border-solid);position:relative}
.contact__feature::after{content:'';position:absolute;bottom:-1px;left:0;width:330px;max-width:100%;height:2px;background:var(--color-blue);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.contact__feature--open::after,.contact__feature:hover::after{transform:scaleX(1)}
.contact__feature-row{display:flex;gap:12px;align-items:center;width:100%;padding:0;margin:0;background:none;border:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.contact__feature-icon{width:40px;height:40px;border-radius:50%;border:.8px solid var(--color-border-solid);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-white)}
.contact__feature-title{font-size:16px;font-weight:500;line-height:normal;color:var(--color-dark-blue);flex:1}
.contact__feature-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding-top .3s ease;padding-top:0;padding-left:52px}
.contact__feature--open .contact__feature-answer{max-height:300px;padding-top:8px}
.contact__feature-desc{font-size:16px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}
/* Form wrap: cor white-2, sem border-radius, com grid lines no desktop */
.contact__form-wrap{position:relative;background:var(--color-white-2);padding:32px}
.contact__lines{display:none}
.contact__form{display:flex;flex-direction:column;gap:24px;position:relative;z-index:2}
.contact__form-row{display:flex;flex-direction:column;gap:24px}
.contact__field{display:flex;flex-direction:column;gap:12px}
.contact__label{font-size:16px;font-weight:400;color:var(--color-dark-blue)}
.contact__required{color:#E95353}
.contact__input{height:43px;padding:12px 16px;border:1px solid var(--color-border-solid);border-radius:8px;background:var(--color-white);font-family:inherit;font-size:16px;color:var(--color-text-dark);outline:none;transition:border-color .2s;width:100%}
.contact__input:focus{border-color:var(--color-blue)}
.contact__input::placeholder{color:var(--color-text-dark);opacity:.6}
.contact__input--error{border-color:#e34935}
.contact__textarea{height:100px;min-height:100px;resize:vertical}
.contact__select-wrapper{position:relative}
.contact__select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23303030' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;line-height:normal;min-height:48px;cursor:pointer}
.contact__select-icon{display:none}
.contact__checkbox{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;color:var(--color-text-dark);cursor:pointer}
.contact__checkbox input{margin-top:2px;flex-shrink:0;accent-color:var(--color-blue)}
.contact__checkbox a{color:var(--color-blue);text-decoration:underline}
.contact__submit{height:42px;width:100%;border:none;border-radius:100px;background:var(--color-blue);color:var(--color-white);font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .15s,background-color .15s}
.contact__submit:hover{opacity:.9;background:#1845a8}
.contact__privacy{font-size:14px;line-height:1.5;color:var(--color-text-dark);margin:0}
.contact__privacy-link,.contact__privacy a{color:var(--color-blue);text-decoration:underline}
.contact__success{padding:16px;border-radius:8px;background:#e6f4ea;color:#1e6c2f;font-size:14px;margin-bottom:16px}
.contact__success p{margin:0}
.contact__error-banner{padding:16px;border-radius:8px;background:#fdecea;color:#c0392b;font-size:14px;margin-bottom:16px}
.contact__error-banner p{margin:0}
@media (min-width:768px){
  .contact{padding:80px 0}
  .contact__container{flex-direction:row;gap:80px;align-items:flex-start;padding:0 var(--container-padding)}
  .contact__info{width:500px;flex-shrink:0}
  .contact__title{font-size:40px;line-height:48px}
  .contact__subtitle{font-size:18px}
  .contact__form-wrap{flex:1}
  .contact__form-row{flex-direction:row;gap:16px}
  .contact__form-row .contact__field{flex:1;min-width:0}
  /* Grid lines decorativas (visíveis só desktop) */
  .contact__lines{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}
  .contact__line--v1,.contact__line--v2{position:absolute;top:-40px;bottom:-40px;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(25,31,47,.1) 15%,rgba(25,31,47,.1) 85%,transparent 100%)}
  .contact__line--v1{left:0}
  .contact__line--v2{right:0}
  .contact__line--h1,.contact__line--h2{position:absolute;left:-40px;right:-40px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(25,31,47,.1) 10%,rgba(25,31,47,.1) 90%,transparent 100%)}
  .contact__line--h1{top:0}
  .contact__line--h2{bottom:0}
}
/* ========== Página de blog/category/search/tag (compartilhado) ========== */
/* ===== Featured post (blog) — port de dist/blog .blog-featured ===== */
.blog-featured{padding:0 var(--container-padding) 40px;background-color:var(--color-white)}
.blog-featured__card{display:flex;flex-direction:column;gap:24px;text-decoration:none;color:inherit;border:1px solid var(--color-border-solid);border-radius:8px;overflow:hidden;transition:box-shadow .2s ease;max-width:var(--container-max);margin:0 auto}
.blog-featured__card:hover{box-shadow:0 4px 24px rgba(0,0,0,.06)}
.blog-featured__thumb{width:100%;overflow:hidden;background:#ebf1fc}
.blog-featured__thumb-img{display:block;width:100%;aspect-ratio:760/340;object-fit:cover}
.blog-featured__body{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}
.blog-featured__category{display:inline-block;font-size:12px;font-weight:500;line-height:normal;color:var(--color-blue);text-transform:uppercase;letter-spacing:.04em}
.blog-featured__title{font-size:20px;font-weight:500;line-height:normal;color:var(--color-dark-blue);margin:0}
.blog-featured__summary{font-size:14px;font-weight:400;line-height:1.5;color:var(--color-text);margin:0}
.blog-featured__meta{display:flex;align-items:center;gap:8px;margin-top:4px}
.blog-featured__author-img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.blog-featured__author{font-size:13px;font-weight:500;color:var(--color-dark-blue)}
.blog-featured__date{font-size:13px;font-weight:400;color:var(--color-text)}
.blog-featured__date::before{content:"·";margin-right:8px}
@media (min-width:768px){
  .blog-featured{padding:0 max(var(--container-padding),calc((100% - var(--container-max)) / 2)) 40px}
  .blog-featured__card{flex-direction:row;gap:0}
  .blog-featured__thumb{flex-shrink:0;width:50%}
  .blog-featured__thumb-img{height:100%;aspect-ratio:auto}
  .blog-featured__body{padding:32px;justify-content:center}
  .blog-featured__title{font-size:24px}
}

.blog-listing-hero{position:relative;background-color:var(--color-white);overflow:clip;padding:48px var(--container-padding);border-bottom:1px solid var(--color-border-solid)}
.blog-listing-hero__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1440px;height:623px;pointer-events:none;z-index:0;opacity:.6}
.blog-listing-hero__pattern img{display:block;width:100%;height:100%}
.blog-listing-hero__container{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:24px}
.blog-listing-hero__head{display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center;max-width:720px;margin:0 auto}
.blog-listing-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:100px}
.blog-listing-hero__badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-blue)}
.blog-listing-hero__badge-text{font-size:14px;font-weight:500;color:var(--color-blue);line-height:19px}
.blog-listing-hero__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.blog-listing-hero__subtitle{font-size:16px;line-height:1.6;color:var(--color-text);margin:0}
@media (min-width:768px){
  .blog-listing-hero{padding:64px var(--container-padding) 56px}
  .blog-listing-hero__title{font-size:48px;line-height:56px}
  .blog-listing-hero__subtitle{font-size:18px}
}

/* Search bar do blog */
.blog-search{position:relative;width:100%;max-width:560px;margin:0 auto}
.blog-search__form{position:relative;display:flex;align-items:center}
.blog-search__icon{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;color:var(--color-text);pointer-events:none}
.blog-search__input{width:100%;height:48px;padding:0 48px;border:1px solid var(--color-border-solid);border-radius:9999px;background:var(--color-white);font-size:16px;color:var(--color-dark-blue);transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none}
.blog-search__input::-webkit-search-cancel-button,.blog-search__input::-webkit-search-decoration,.blog-search__input::-webkit-search-results-button,.blog-search__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}
.blog-search__input::-ms-clear,.blog-search__input::-ms-reveal{display:none;width:0;height:0}
.blog-search__input::placeholder{color:var(--color-text)}
.blog-search__input:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px rgba(28,81,198,.1)}
.blog-search__clear{position:absolute;right:8px;display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-white-2);border-radius:50%;cursor:pointer;color:var(--color-text);transition:background-color .15s ease,color .15s ease}
.blog-search__clear:hover{background:var(--color-border-solid);color:var(--color-dark-blue)}
.blog-search__input:not(:placeholder-shown) ~ .blog-search__clear{display:flex}

/* Tabs de categorias */
.blog-tabs-wrap{width:100%;max-width:100%;overflow:hidden}
.blog-tabs{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px}
.blog-tabs::-webkit-scrollbar{display:none}
.blog-tab{flex:0 0 auto;padding:8px 16px;font-size:15px;font-weight:500;line-height:normal;color:var(--color-dark-blue);background-color:var(--color-white);border:1px solid var(--color-border-solid);border-radius:9999px;cursor:pointer;scroll-snap-align:start;white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.blog-tab:hover{border-color:var(--color-blue);color:var(--color-blue)}
.blog-tab--active{background-color:var(--color-blue);color:var(--color-white);border-color:var(--color-blue)}
.blog-tab--active:hover{background-color:var(--color-blue);color:var(--color-white)}
@media (min-width:768px){
  .blog-tabs-wrap{overflow:visible}
  .blog-tabs{overflow:visible;scroll-snap-type:none;justify-content:center;flex-wrap:wrap;padding:0}
}

/* Estado vazio */
.blog-empty{padding:80px var(--container-padding);text-align:center;color:var(--color-text);font-size:16px}
.blog-empty strong{color:var(--color-dark-blue)}

/* ===== Single post (.blogpost-*) — mobile-first ===== */
.blogpost-hero{position:relative;background-color:var(--color-white);border-bottom:1px solid var(--color-border-solid);overflow:clip;padding:32px var(--container-padding) 40px}
.blogpost-hero__pattern{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.5;z-index:0}
.blogpost-hero__pattern img{width:100%;height:100%;object-fit:cover}
.blogpost-hero__container{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column-reverse;gap:24px}
.blogpost-hero__left{display:flex;flex-direction:column;gap:16px}
.blogpost-hero__back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-dark-blue);text-decoration:none;transition:opacity .2s}
.blogpost-hero__back:hover{opacity:.7}
.blogpost-hero__title{font-size:24px;font-weight:500;line-height:1.3;color:var(--color-dark-blue);margin:0}
.blogpost-hero__tags{display:flex;flex-wrap:wrap;gap:8px}
.blogpost-hero__tag{display:inline-flex;align-items:center;padding:6px 12px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:9999px;font-size:13px;font-weight:500;color:var(--color-blue);line-height:normal;text-decoration:none}
.blogpost-hero__date{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--color-text-dark);line-height:normal}
.blogpost-hero__date svg{flex-shrink:0;color:var(--color-text-dark)}
.blogpost-hero__right{width:100%}
.blogpost-hero__image{width:100%;height:auto;border-radius:8px;object-fit:cover;display:block;aspect-ratio:16/9}
@media (min-width:768px){
  .blogpost-hero{padding:32px var(--container-padding) 48px}
  .blogpost-hero__container{flex-direction:row;gap:40px;align-items:flex-start}
  .blogpost-hero__left{flex:1;min-width:0}
  .blogpost-hero__title{font-size:40px;line-height:1.2}
  .blogpost-hero__right{width:480px;flex-shrink:0}
  .blogpost-hero__image{width:100%;height:auto;aspect-ratio:auto;max-height:280px}
}

.blogpost-article{background-color:var(--color-white);padding:40px var(--container-padding) 64px}
.blogpost-article__container{max-width:1200px;margin:0 auto}
.blogpost__body{display:flex;flex-direction:column;gap:20px}
.blogpost__body p{font-size:16px;line-height:1.6;color:var(--color-text-dark);font-weight:400;margin:0}
.blogpost__body h2{font-size:22px;font-weight:600;color:var(--color-dark-blue);margin:8px 0 0;line-height:1.3}
.blogpost__body h3{font-size:18px;font-weight:600;color:var(--color-dark-blue);margin:8px 0 0;line-height:1.3}
.blogpost__body h4{font-size:16px;font-weight:600;color:var(--color-dark-blue);margin:0;line-height:1.3}
.blogpost__body strong{font-weight:600;color:var(--color-text-dark)}
.blogpost__body a{font-weight:500;color:var(--color-blue);text-decoration:underline;text-underline-offset:3px}
.blogpost__body a:hover{opacity:.75}
.blogpost__body ul,.blogpost__body ol{margin:0;padding-left:24px;font-size:16px;line-height:1.7;color:var(--color-text-dark)}
.blogpost__body li{margin:0 0 6px}
.blogpost__body blockquote{margin:0;padding:12px 16px;border-left:3px solid var(--color-blue);background:var(--color-blue-light);border-radius:0 6px 6px 0;font-style:italic;color:var(--color-text-dark)}
.blogpost__body blockquote p{margin:0}
.blogpost__body code{font-size:14px;background-color:var(--color-white-2);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border-solid);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.blogpost__body pre{margin:0;padding:16px;background-color:#0b0f1a;color:#e6edf3;border-radius:8px;overflow-x:auto;font-size:14px;line-height:1.6}
.blogpost__body pre code{background:none;padding:0;border:none;color:inherit;font-size:inherit}
.blogpost__body img{max-width:100%;height:auto;border-radius:8px;display:block}
@media (min-width:768px){
  .blogpost-article{padding:56px var(--container-padding) 96px}
  .blogpost__body h2{font-size:28px}
  .blogpost__body h3{font-size:22px}
}

.blogpost__divider{border:none;height:1px;background-color:var(--color-border-solid);margin:32px 0 24px}
.blogpost__author-share{display:flex;flex-direction:column;gap:24px}
.blogpost__author{display:flex;align-items:center;gap:12px}
.blogpost__author-avatar{width:36px;height:36px;border-radius:9999px;object-fit:cover;display:block}
.blogpost__author-name{font-size:16px;font-weight:500;color:var(--color-dark-blue);line-height:normal}
.blogpost__share{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.blogpost__share-label{font-size:14px;font-weight:400;color:var(--color-dark-blue);line-height:normal}
.blogpost__share-icons{display:flex;align-items:center;gap:8px}
.blogpost__share-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;background-color:var(--color-dark-blue);color:var(--color-white);text-decoration:none;border:none;cursor:pointer;padding:0;transition:opacity .2s}
.blogpost__share-link:hover{opacity:.8}
@media (min-width:768px){
  .blogpost__author-share{flex-direction:row;justify-content:space-between;align-items:center}
  .blogpost__author-name{font-size:18px}
  .blogpost__share-label{font-size:16px}
  .blogpost__share-icons{gap:10px}
  .blogpost__share-link{width:36px;height:36px}
}

.blogpost__nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}
.blogpost__nav-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-dark-blue);text-decoration:none;transition:opacity .2s}
.blogpost__nav-link:hover{opacity:.7}
@media (min-width:768px){.blogpost__nav-link{font-size:16px}}

.blogpost-related{background-color:var(--color-white-2);padding:48px var(--container-padding) 64px}
.blogpost-related__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:24px}
.blogpost-related__header{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.blogpost-related__title{font-size:24px;font-weight:500;line-height:1.3;color:var(--color-dark-blue);margin:0}
.blogpost-related__grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:calc(100% + var(--container-padding) * 2);margin-inline:calc(-1 * var(--container-padding));padding-inline:var(--container-padding)}
.blogpost-related__grid::-webkit-scrollbar{display:none}
.blogpost-related__grid > .blog-card{min-width:280px;width:280px;flex-shrink:0;scroll-snap-align:start;height:auto}
@media (min-width:768px){
  .blogpost-related{padding:80px var(--container-padding) 96px}
  .blogpost-related__container{gap:40px}
  .blogpost-related__header{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}
  .blogpost-related__title{font-size:32px}
  .blogpost-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible;width:100%;margin-inline:0;padding-inline:0}
  .blogpost-related__grid > .blog-card{min-width:0;width:auto}
}


/* ========== Breadcrumbs ========== */
.breadcrumbs{padding:16px var(--container-padding);background:var(--color-white);border-bottom:1px solid var(--color-border-solid);font-size:14px;color:var(--color-text)}
.breadcrumbs__container{max-width:var(--container-max);margin:0 auto}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.breadcrumbs li{display:inline-flex;align-items:center}
.breadcrumbs li + li::before{content:"/";color:var(--color-border-solid);margin-right:6px}
.breadcrumbs a{color:var(--color-text);text-decoration:none;transition:color .15s ease}
.breadcrumbs a:hover{color:var(--color-blue)}
.breadcrumbs [aria-current="page"]{color:var(--color-dark-blue);font-weight:500}
.breadcrumbs .rank-math-breadcrumb p{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.breadcrumbs .rank-math-breadcrumb a{color:var(--color-text);text-decoration:none}
.breadcrumbs .rank-math-breadcrumb a:hover{color:var(--color-blue)}
.breadcrumbs .rank-math-breadcrumb .separator{color:var(--color-border-solid);margin:0 2px}

/* Item de menu atual (aria-current="page") */
.header__nav-link--current,
.header__mobile-btn--current{color:var(--color-blue)!important}

/* ========== Conteúdos page (template-conteudos) ========== */
.conteudos-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:48px var(--container-padding);background-color:var(--color-white);overflow:clip;border-bottom:1px solid var(--color-border-solid)}
.conteudos-hero__pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1440px;height:623px;pointer-events:none;z-index:0;opacity:.6}
.conteudos-hero__pattern img{display:block;width:100%;height:100%}
.conteudos-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:720px;text-align:center}
.conteudos-hero__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.conteudos-hero__subtitle{font-size:16px;line-height:1.6;color:var(--color-text);margin:0}
@media (min-width:768px){.conteudos-hero{padding:64px var(--container-padding)}.conteudos-hero__title{font-size:48px;line-height:56px}.conteudos-hero__subtitle{font-size:18px}}

.conteudos-featured{padding:48px var(--container-padding) 24px;background-color:var(--color-white)}
.conteudos-featured__container{max-width:var(--container-max);margin:0 auto}
.conteudos-featured__card{display:flex;flex-direction:column;gap:0;background:var(--color-white);border:1px solid var(--color-border-solid);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s ease,border-color .2s ease}
.conteudos-featured__card:hover{box-shadow:0 8px 24px rgba(0,0,0,.06);border-color:var(--color-blue)}
.conteudos-featured__image{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-white-2)}
.conteudos-featured__image img{display:block;width:100%;height:100%;object-fit:cover}
.conteudos-featured__body{display:flex;flex-direction:column;gap:12px;padding:24px}
.conteudos-featured__title{font-size:22px;font-weight:500;line-height:1.3;color:var(--color-dark-blue);margin:0}
.conteudos-featured__summary{font-size:15px;line-height:1.6;color:var(--color-text);margin:0}
.conteudos-featured__btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--color-blue);margin-top:4px}
@media (min-width:768px){
  .conteudos-featured{padding:64px var(--container-padding) 32px}
  .conteudos-featured__card{flex-direction:row}
  .conteudos-featured__image{width:50%;aspect-ratio:auto;flex-shrink:0}
  .conteudos-featured__body{flex:1;padding:40px;justify-content:center;gap:16px}
  .conteudos-featured__title{font-size:28px}
}

.conteudos-list{padding:24px var(--container-padding) 80px;background-color:var(--color-white)}
.conteudos-list__container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:32px}
.conteudos-list__title{font-size:24px;font-weight:500;color:var(--color-dark-blue);margin:0}
.conteudos-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:768px){.conteudos-list{padding:32px var(--container-padding) 96px}.conteudos-list__title{font-size:32px}.conteudos-grid{grid-template-columns:repeat(3,1fr)}}

.conteudos-card{display:flex;flex-direction:column;gap:0;background:var(--color-white);border:1px solid var(--color-border-solid);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s ease,border-color .2s ease}
.conteudos-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);border-color:var(--color-blue)}
.conteudos-card__image{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-white-2)}
.conteudos-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.conteudos-card__body{display:flex;flex-direction:column;gap:8px;padding:20px}
.conteudos-card__title{font-size:16px;font-weight:500;line-height:1.4;color:var(--color-dark-blue);margin:0}
.conteudos-card__link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-blue);margin-top:auto}

.conteudos-badge{display:inline-block;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:500;line-height:normal;color:var(--color-blue);background:var(--color-blue-light);border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}

.conteudos-pagination{display:flex;justify-content:center;margin-top:8px}