.elementor-532 .elementor-element.elementor-element-89bdfee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-532 .elementor-element.elementor-element-89bdfee::before, .elementor-532 .elementor-element.elementor-element-89bdfee > .elementor-background-video-container::before, .elementor-532 .elementor-element.elementor-element-89bdfee > .e-con-inner > .elementor-background-video-container::before, .elementor-532 .elementor-element.elementor-element-89bdfee > .elementor-background-slideshow::before, .elementor-532 .elementor-element.elementor-element-89bdfee > .e-con-inner > .elementor-background-slideshow::before, .elementor-532 .elementor-element.elementor-element-89bdfee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F4F7FB 0%, #F4F7FB 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-532 .elementor-element.elementor-element-c956ae4{text-align:center;}.elementor-532 .elementor-element.elementor-element-c956ae4 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:47px;font-weight:600;color:#0D3149;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-532 .elementor-element.elementor-element-6085150{text-align:center;font-family:"Arial", Sans-serif;font-size:17px;font-weight:400;color:#4A4A4A;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-532 .elementor-element.elementor-element-7c9db87{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-532 .elementor-element.elementor-element-7c9db87 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-532 .elementor-element.elementor-element-7c9db87:after{content:"0.66";}.elementor-532 .elementor-element.elementor-element-7c9db87 .elementor-post__thumbnail__link{width:100%;}.elementor-532 .elementor-element.elementor-element-7c9db87 .elementor-post__meta-data span + span:before{content:"///";}.elementor-532 .elementor-element.elementor-element-7c9db87.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-532 .elementor-element.elementor-element-7c9db87.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-532 .elementor-element.elementor-element-7c9db87.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-532 .elementor-element.elementor-element-7c9db87 .elementor-post__read-more{color:#FF6900;}.elementor-532 .elementor-element.elementor-element-0f1a334{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-532 .elementor-element.elementor-element-7c9db87 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-532 .elementor-element.elementor-element-7c9db87:after{content:"0.5";}.elementor-532 .elementor-element.elementor-element-7c9db87 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-7c9db87 *//* -----------------------------
   Negócio Pronto — Blog CSS
   Autor: Desenvolvedor Frontend
   Uso: Cole no Custom CSS do WordPress ou no widget HTML
   ----------------------------- */

/* --- Variáveis de tema --- */
:root{
  --bg-page: #f4f7fb;
  --card-bg: #ffffff;
  --text-primary: #0d3149; /* azul petróleo */
  --text-secondary: #555555;
  --accent: #ff6600; /* laranja */
  --accent-dark: #cc5200;
  --muted: #9aa4ae;
  --shadow: 0 10px 20px rgba(13,49,73,0.08);
  --radius: 14px;
  --max-width: 1200px;
  --gutter: 24px;
  --font-sans: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* --- Reset/box sizing --- */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: var(--font-sans);
  background: linear-gradient(180deg, var(--bg-page) 0%, #ffffff 100%);
  color: var(--text-secondary);
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Container principal --- */
.blog-container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 56px 20px;
}

/* --- Cabeçalho do blog --- */
.blog-header {
  text-align: center;
  margin-bottom: 44px;
}

.blog-header h1 {
  font-size: clamp(1.8rem, 2.6vw, 2.8rem);
  color: var(--text-primary);
  margin: 0 0 10px 0;
  line-height: 1.05;
  letter-spacing: -0.01em;
}

.blog-header p {
  margin: 0 auto;
  max-width: 760px;
  color: var(--muted);
  font-size: 1.02rem;
}

/* --- Grid principal: posts + sidebar (mobile-first) --- */
.blog-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}

/* Sidebar fica abaixo no mobile; no desktop fica ao lado */
@media (min-width: 992px) {
  .blog-layout {
    grid-template-columns: 1fr 320px; /* conteúdo + sidebar */
    align-items: start;
    gap: 36px;
  }
}

/* --- Lista de posts (grid) --- */
.blog-posts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--gutter);
}

/* Card do post */
.blog-post {
  background: var(--card-bg);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  transition: transform .28s cubic-bezier(.22,.9,.32,1), box-shadow .28s ease;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid rgba(13,49,73,0.04);
}

.blog-post:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(13,49,73,0.12);
}

/* Imagem do card (cobre a largura) */
.blog-post img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

/* Conteúdo interno do card */
.blog-post-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
}

.blog-post-content h2 {
  margin: 0;
  font-size: 1.15rem;
  color: var(--text-primary);
  line-height: 1.3;
}

/* Limita o texto do resumo a 3 linhas com ellipsis */
.blog-post-content p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
  font-size: 0.98rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Meta (categoria, autor, data) */
.post-meta {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--muted);
  font-size: 0.9rem;
}

/* Tags dentro do card (pequenas badges) */
.post-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.post-tags .tag {
  background: rgba(13,49,73,0.06);
  color: var(--text-primary);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.8rem;
}

/* Link Ler mais */
.post-cta {
  margin-top: auto;
}

.post-cta a {
  display: inline-block;
  text-decoration: none;
  color: var(--accent);
  font-weight: 700;
  border-bottom: 2px solid transparent;
  transition: color .18s ease, border-color .18s ease;
}

.post-cta a:hover {
  color: var(--accent-dark);
  border-color: var(--accent);
}

/* --- Destaque / Selo Premium --- */
.badge-featured {
  position: absolute;
  top: 12px;
  left: 12px;
  background: linear-gradient(90deg, var(--accent), var(--accent-dark));
  color: #fff;
  padding: 6px 10px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.85rem;
  box-shadow: 0 6px 18px rgba(255,102,0,0.18);
}

/* Para posicionar badge, agente espera que o container do card seja position:relative */
.blog-post { position: relative; }

/* --- Ribbon "Anúncio Premium" (diagonal) --- */
.ribbon {
  position: absolute;
  right: -40px;
  top: 12px;
  transform: rotate(45deg);
  width: 220px;
  text-align: center;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  padding: 6px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  font-size: 0.85rem;
}

/* --- Sidebar --- */
.blog-sidebar {
  background: transparent;
  position: relative;
  top: 0;
}

/* Card da sidebar */
.sidebar-card {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 18px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(13,49,73,0.035);
  margin-bottom: 20px;
}

/* Busca */
.search-box {
  display: flex;
  gap: 10px;
  align-items: center;
}

.search-box input[type="search"]{
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(13,49,73,0.08);
  font-size: 0.95rem;
  outline: none;
}

.search-box button {
  background: var(--text-primary);
  color: #fff;
  border: none;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
}

/* Categorias e lista de posts recentes */
.widget-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-list li {
  padding: 10px 0;
  border-bottom: 1px dashed rgba(13,49,73,0.04);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.widget-list li a {
  color: var(--text-primary);
  text-decoration: none;
  font-weight: 600;
}

.widget-list li span.count {
  color: var(--muted);
  font-size: 0.9rem;
}

/* CTA de assinatura (sidebar) */
.subscribe-cta {
  background: linear-gradient(180deg, #fff5ef, #fff0e6);
  border: 1px solid rgba(255,102,0,0.12);
  padding: 14px;
  border-radius: 12px;
  text-align: center;
}

.subscribe-cta h4 {
  margin: 0 0 8px 0;
  color: var(--text-primary);
}

.subscribe-cta .price {
  font-size: 1.6rem;
  color: var(--accent);
  font-weight: 800;
}

/* --- Paginação --- */
.pagination {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 34px;
  align-items: center;
}

.pagination a,
.pagination span {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--text-primary);
  border: 1px solid rgba(13,49,73,0.06);
  background: #fff;
  min-width: 44px;
  text-align: center;
}

.pagination a:hover {
  background: rgba(13,49,73,0.04);
  border-color: rgba(13,49,73,0.12);
}

.pagination .current {
  background: var(--text-primary);
  color: #fff;
  border-color: var(--text-primary);
  font-weight: 700;
}

/* --- Post único (single) --- */
.single-post {
  background: var(--card-bg);
  border-radius: 12px;
  padding: 28px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(13,49,73,0.04);
}

.single-post h1 {
  color: var(--text-primary);
  margin-top: 0;
  font-size: 2rem;
}

/* Conteúdo do post */
.single-post .content p {
  color: var(--text-secondary);
  line-height: 1.8;
  margin: 0 0 16px 0;
  font-size: 1rem;
}

.single-post .content h2 {
  margin: 18px 0 10px 0;
  color: var(--text-primary);
}

/* Imagem destacada no single */
.single-post .featured-img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 18px;
}

/* Botões dentro do post */
.btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;
}

.btn-primary {
  background: var(--accent);
  color: #fff;
  border: 1px solid rgba(0,0,0,0.02);
}

.btn-outline {
  background: transparent;
  color: var(--text-primary);
  border: 1px solid rgba(13,49,73,0.08);
}

/* --- Footer pequeno para posts (share) --- */
.post-footer {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
}

/* --- Responsividade fina --- */
@media (max-width: 600px) {
  .blog-post img { height: 160px; }
  .ribbon { display: none; }
  .blog-container { padding: 32px 14px; }
  .search-box { flex-direction: column; gap: 8px; }
}

/* --- Acessibilidade: foco --- */
a:focus, button:focus, input:focus {
  outline: 3px solid rgba(13,49,73,0.12);
  outline-offset: 3px;
}

/* --- Pequenos ajustes visuais --- */
hr { border: none; height: 1px; background: rgba(13,49,73,0.04); margin: 20px 0; }

/* --- Print (opcional) --- */
@media print {
  .blog-header, .blog-sidebar, .subscribe-cta, .pagination { display: none; }
  .blog-post img, .featured-img { display: none; }
  body { background: #fff; color: #000; }
}/* End custom CSS */