/* Dicas Maromba - sistema visual
   Direcao ativa: dicas-maromba-arena (Novamira Design)
   Preto #111111, lima #DEFB02, Bai Jamjuree caixa alta, raio 12px. */

/* =========================================================
   1. Fontes self-hosted (Bai Jamjuree, SIL Open Font License)
   ========================================================= */
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-400-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-500-latin.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-500-latin-ext.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-600-latin.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-600-latin-ext.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-700-latin.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bai Jamjuree';src:url('fonts/bai-jamjuree-700-latin-ext.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* =========================================================
   2. Tokens
   ========================================================= */
:root{
  --dm-ground:#FFFFFF;
  --dm-surface:#F6F6F6;
  --dm-ink:#111111;
  --dm-ink-muted:#646464;
  --dm-accent:#DEFB02;
  --dm-accent-deep:#C9E400;
  --dm-on-accent:#111111;
  --dm-dark:#111111;
  --dm-line:#E6E6E6;
  --dm-radius:12px;
  --dm-font:'Bai Jamjuree',system-ui,-apple-system,sans-serif;
  --dm-container:1200px;
  --dm-read:760px;
  --dm-section:96px;
}

/* =========================================================
   3. Base
   ========================================================= */
body{
  background-color:var(--dm-ground);
  color:var(--dm-ink-muted);
  font-family:var(--dm-font);
  font-size:1.125rem;
  line-height:1.44;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

::selection{background:var(--dm-accent);color:var(--dm-on-accent)}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,
.post-link:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--dm-ink);
  outline-offset:2px;
  border-radius:4px;
}
.cs-bg-dark a:focus-visible,.site-footer a:focus-visible,.dm-marquee a:focus-visible{
  outline-color:var(--dm-accent);
}

/* Um raio so no site inteiro. */
.cs-overlay-ratio,.cs-overlay-background,.cs-overlay-background img,
.post-outer .entry-thumbnail,.wp-block-image img,.wp-block-image,
button,.button,input,textarea,select,.pk-button,figure img,
.entry-content img{
  border-radius:var(--dm-radius);
}

/* =========================================================
   4. Tipografia: titulo e caixa alta
   ========================================================= */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
.site-title,.entry-title,.page-title,.comment-author .fn,
.title-block,.pk-font-heading{
  font-family:var(--dm-font);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.03em;
  line-height:1.12;
}

h1,.h1,.page-title{font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem);line-height:1.08}
h2,.h2{font-size:clamp(1.625rem,1.25rem + 1.5vw,2.5rem);line-height:1.14}
h3,.h3{font-size:clamp(1.25rem,1.1rem + .7vw,1.75rem);line-height:1.2}
h4,.h4{font-size:1.25rem;line-height:1.25}
h5,.h5,h6,.h6{font-size:1.0625rem;line-height:1.3}

/* Corpo de leitura. */
.entry-content{
  font-family:var(--dm-font);
  font-size:1.125rem;
  line-height:1.55;
  color:var(--dm-ink-muted);
}
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > blockquote,
.entry-content > figure{max-width:var(--dm-read)}
.entry-content h2{font-size:1.5rem;line-height:1.25;color:var(--dm-ink);margin-top:2.25em;margin-bottom:.6em}
.entry-content h3{font-size:1.25rem;line-height:1.3;color:var(--dm-ink);margin-top:1.9em;margin-bottom:.5em}
.entry-content li{margin-bottom:.4em}
.entry-content strong{color:var(--dm-ink);font-weight:600}

.entry-content a:not(.button):not(.wp-block-button__link){
  color:var(--dm-ink);
  font-weight:500;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:.18em;
  text-decoration-color:var(--dm-accent);
  transition:background-color .18s ease;
}
.entry-content a:not(.button):not(.wp-block-button__link):hover{
  background-color:var(--dm-accent);
  text-decoration-color:transparent;
}

/* Citacao: card escuro com aspas lima, como na referencia. */
.entry-content blockquote,.wp-block-quote{
  position:relative;
  background-color:var(--dm-dark);
  border:0;
  border-radius:var(--dm-radius);
  padding:2.25rem 2rem 2rem 3.75rem;
  margin:2.5rem 0;
  color:rgba(255,255,255,.82);
}
.entry-content blockquote::before,.wp-block-quote::before{
  content:"\201C";
  position:absolute;
  left:1.5rem;
  top:1.5rem;
  font-size:3.5rem;
  line-height:.7;
  font-weight:700;
  color:var(--dm-accent);
}
.entry-content blockquote p,.wp-block-quote p{
  margin:0;
  color:#FFFFFF;
  font-weight:600;
  font-size:1.0625rem;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:-.01em;
}
.entry-content blockquote cite,.wp-block-quote cite{
  display:block;
  margin-top:1rem;
  font-style:normal;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--dm-accent);
}

/* =========================================================
   5. Rotulos, pills e tags
   ========================================================= */
.dm-pill{
  display:inline-block;
  background-color:var(--dm-accent);
  color:var(--dm-on-accent);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:.4375rem 1rem;
  border-radius:999px;
}

.title-block,.pk-font-block,.archive-count{
  font-family:var(--dm-font);
  font-weight:600;
  font-size:.8125rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--dm-ink);
}

.post-meta,.cs-font-secondary,figcaption,.wp-caption-text{
  font-family:var(--dm-font);
  font-size:.8125rem;
  font-weight:500;
  color:var(--dm-ink-muted);
  letter-spacing:0;
}

/* Categoria do post: tag com contorno, como na referencia. */
.entry-header-standard .entry-inline-meta .post-categories a,
.entry-header-title .entry-inline-meta .post-categories a,
.entry-header-large .entry-inline-meta .post-categories a,
.layout-full .post-categories a,
.meta-category .post-categories a,
.post-categories a{
  display:inline-block;
  font-family:var(--dm-font);
  font-weight:600;
  font-size:.75rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--dm-ink);
  text-decoration:none;
  border:1px solid var(--dm-line);
  border-radius:10px;
  padding:.3125rem .75rem;
  transition:background-color .18s ease,border-color .18s ease;
}
.post-categories a:hover{background-color:var(--dm-accent);border-color:var(--dm-accent);color:var(--dm-on-accent)}
.post-categories li{display:inline-block;margin-right:.375rem}
.post-categories{list-style:none;margin:0;padding:0}

.post-tags a,.tagcloud a{
  display:inline-block;
  border:1px solid var(--dm-line);
  border-radius:10px;
  padding:.3125rem .75rem;
  margin:0 .375rem .375rem 0;
  font-size:.75rem !important;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--dm-ink-muted);
  text-decoration:none;
}
.post-tags a:hover,.tagcloud a:hover{background-color:var(--dm-accent);border-color:var(--dm-accent);color:var(--dm-on-accent)}

/* =========================================================
   6. Faixa de texto corrida (topo do site)
   ========================================================= */
.dm-marquee{
  background-color:var(--dm-dark);
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.dm-marquee__track{
  display:flex;
  width:max-content;
  animation:dm-slide 38s linear infinite;
}
.dm-marquee__group{display:flex;flex-shrink:0}
.dm-marquee__item{
  display:inline-flex;
  align-items:center;
  gap:.625rem;
  padding:.6875rem 1.5rem;
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#FFFFFF;
  white-space:nowrap;
}
.dm-marquee__item::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:2px;
  background-color:var(--dm-accent);
  transform:rotate(45deg);
}
@keyframes dm-slide{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){
  .dm-marquee__track{animation:none}
}

/* =========================================================
   7. Cabecalho
   ========================================================= */
.site-header,.navbar,.navbar-wrap{background-color:var(--dm-ground)}
.site-header{border-bottom:1px solid var(--dm-line)}
.site-header .site-title,.navbar-brand .site-title{
  font-family:var(--dm-font);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.03em;
  color:var(--dm-ink);
}
.navbar-nav > li > a{
  font-family:var(--dm-font);
  font-weight:600;
  font-size:.8125rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--dm-ink);
}
.navbar-nav > li > a:hover,.navbar-nav > li.current-menu-item > a{color:var(--dm-ink)}
.navbar-nav > li > a::after{
  content:"";
  display:block;
  height:3px;
  margin-top:4px;
  background-color:var(--dm-accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}
.navbar-nav > li > a:hover::after,
.navbar-nav > li.current-menu-item > a::after,
.navbar-nav > li.current-post-ancestor > a::after{transform:scaleX(1)}

@media (min-width:1024px){
  .navbar-toggle-offcanvas{display:none}
}

/* =========================================================
   8. Cards de post
   ========================================================= */
.post-outer .entry-title{
  font-size:1.25rem;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.03em;
  margin-bottom:.5rem;
}
.layout-list .post-outer .entry-title,
.layout-list-alternative .post-outer .entry-title{font-size:1.5rem}
.post-outer .entry-title a{color:var(--dm-ink)}
.post-outer:hover .entry-title a{color:var(--dm-ink)}
.post-outer .entry-excerpt{
  color:var(--dm-ink-muted);
  font-size:.9375rem;
  line-height:1.5;
}
.post-outer .entry-thumbnail{position:relative;overflow:visible;border-radius:var(--dm-radius)}
.post-outer .cs-overlay-background img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.post-outer:hover .cs-overlay-background img{transform:scale(1.04)}

/* Arquivo em grade de tres colunas, como na referencia:
   foto em cima, meta e titulo embaixo. */
@media (min-width:768px){
  .archive-main{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(20px,2.2vw,32px);
    align-items:start;
  }
  .archive-main > article{margin-bottom:0}
  .archive-main .post-outer{flex-direction:column;gap:1rem}
  .archive-main .post-inner{width:100%;max-width:none;padding:0}
  .archive-main .entry-excerpt{display:none}
  /* Mesma proporcao em todos os cards, com ou sem imagem propria. */
  .archive-main .entry-thumbnail .cs-overlay-ratio,
  .archive-main .entry-thumbnail .cs-overlay-background,
  .archive-main .entry-thumbnail .cs-overlay-background img{
    aspect-ratio:3/2;
    height:auto;
    padding-bottom:0;
    object-fit:cover;
  }
}
@media (max-width:767px){
  .archive-main .post-outer{flex-direction:column;gap:1rem}
  .archive-main .post-inner{width:100%;max-width:none;padding:0}
}
.archive-main .entry-data > .meta-category{margin-bottom:.625rem}

/* Badge de data sobre a foto. */
.dm-date{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:60px;
  padding:.5rem .625rem;
  background-color:var(--dm-accent);
  color:var(--dm-on-accent);
  border-radius:var(--dm-radius);
  line-height:1;
}
.dm-date__day{font-size:1.375rem;font-weight:700;letter-spacing:-.03em}
.dm-date__month{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:.1875rem}

/* Post sem imagem destacada: foto de apoio com a categoria por cima. */
.entry-thumbnail-fallback .dm-thumb{
  position:relative;
  display:flex;
  align-items:flex-end;
  aspect-ratio:3/2;
  overflow:hidden;
  border-radius:var(--dm-radius);
  padding:.875rem 1rem;
  background-color:var(--dm-surface);
}
.entry-thumbnail-fallback .dm-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.post-outer:hover .entry-thumbnail-fallback .dm-thumb img{transform:scale(1.04)}
.entry-thumbnail-fallback .dm-thumb::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:45%;
  background:linear-gradient(to top,rgba(17,17,17,.78),transparent);
}
.entry-thumbnail-fallback .dm-thumb__label{
  position:relative;
  z-index:1;
  font-family:var(--dm-font);
  font-weight:600;
  font-size:.6875rem;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#FFFFFF;
}

/* Chamada do card. */
.entry-more-button .button.entry-more,
.entry-more-button .entry-more{
  background-color:transparent;
  color:var(--dm-ink);
  padding:0;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  border-bottom:2px solid var(--dm-accent);
  border-radius:0;
}
.entry-more-button .button.entry-more:hover,
.entry-more-button .entry-more:hover{
  background-color:var(--dm-accent);
  color:var(--dm-on-accent);
}

/* =========================================================
   9. Post
   ========================================================= */
:root{--dm-postbar:180px;--dm-postgap:48px}

@media (min-width:1024px){
  .single .entry-container{justify-content:flex-start;gap:var(--dm-postgap)}
  .single .entry-sidebar-wrap{flex:0 0 var(--dm-postbar);max-width:var(--dm-postbar)}
  .single .entry-content-wrap{max-width:var(--dm-read);width:100%;padding-left:0;padding-right:0}
  .single .entry-single-header > .cs-container{
    padding-left:calc(var(--dm-postbar) + var(--dm-postgap));
  }
  .single .entry-single-header .entry-title,
  .single .entry-single-header .entry-excerpt,
  .single .entry-single-header .post-meta{max-width:var(--dm-read)}
}

.single .entry-single-header .entry-title{
  font-size:clamp(1.875rem,1.3rem + 2.2vw,3rem);
  line-height:1.14;
}
.entry-single-header .entry-excerpt{
  font-size:1.0625rem;
  line-height:1.55;
  color:var(--dm-ink-muted);
}

.entry-sidebar-wrap .post-sidebar-date,
.entry-sidebar-wrap .post-sidebar-author,
.entry-sidebar-wrap .post-sidebar-shares{font-size:.8125rem}
.entry-sidebar-wrap .title-block{margin-bottom:.5rem;color:var(--dm-ink)}

/* =========================================================
   10. Botoes e formularios
   ========================================================= */
button,.button,input[type="submit"],.wp-block-button__link,.pk-button{
  font-family:var(--dm-font);
  font-weight:600;
  font-size:.875rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  background-color:var(--dm-accent);
  color:var(--dm-on-accent);
  border:0;
  border-radius:var(--dm-radius);
  padding:.9375rem 2.25rem;
  transition:background-color .18s ease,transform .18s ease;
}
button:hover,.button:hover,input[type="submit"]:hover,.wp-block-button__link:hover,.pk-button:hover{
  background-color:var(--dm-accent-deep);
  color:var(--dm-on-accent);
}
button:active,.button:active,.wp-block-button__link:active{transform:translateY(1px)}

.post-comments-show{text-align:left}
.post-comments-show button{
  background-color:transparent;
  color:var(--dm-ink);
  border:1px solid var(--dm-line);
  font-size:.8125rem;
  padding:.75rem 1.5rem;
}
.post-comments-show button:hover{background-color:var(--dm-accent);border-color:var(--dm-accent);color:var(--dm-on-accent)}

input[type="text"],input[type="email"],input[type="search"],input[type="url"],textarea,select{
  background-color:var(--dm-surface);
  border:1px solid var(--dm-line);
  color:var(--dm-ink);
  font-family:var(--dm-font);
  font-size:1rem;
  padding:.875rem 1rem;
}
input::placeholder,textarea::placeholder{color:var(--dm-ink-muted)}

/* =========================================================
   11. Rodape
   ========================================================= */
.site-footer{background-color:var(--dm-dark)}
.site-footer .footer-title,.site-footer .site-title{
  font-family:var(--dm-font);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.03em;
  color:#FFFFFF;
}
.site-footer,.site-footer .footer-copyright{color:rgba(255,255,255,.6);font-size:.875rem}
.site-footer a{color:rgba(255,255,255,.78);text-decoration:none}
.site-footer a:hover{color:var(--dm-accent)}
.site-footer .navbar-footer .navbar-nav > li > a{
  color:rgba(255,255,255,.86);
  font-weight:600;
  font-size:.8125rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.site-footer .navbar-footer .navbar-nav > li > a::after{display:none}
.site-footer .navbar-footer .navbar-nav > li > a:hover{color:var(--dm-accent)}

/* =========================================================
   12. Mobile
   ========================================================= */
@media (max-width:767px){
  :root{--dm-section:56px}
  body{font-size:1.0625rem}
  .entry-content{font-size:1.0625rem}
  .entry-content blockquote,.wp-block-quote{padding:2rem 1.25rem 1.5rem 1.25rem}
  .entry-content blockquote::before,.wp-block-quote::before{left:1.25rem;top:1rem;font-size:2.5rem}
  button,.button,input[type="submit"],.wp-block-button__link{padding:.875rem 1.5rem}
}