/*
Theme Name: Expresso Rio V21.1.1 Calibração Editorial
Theme URI: https://expressorio.com.br/
Author: Expresso Rio
Description: Tema jornalístico leve, responsivo e otimizado para Google News, Discover e Core Web Vitals.
Version: 21.1.1
Text Domain: expresso-rio
*/
:root{
  --er-black:#151515;
  --er-soft-black:#1f1f1f;
  --er-text:#161616;
  --er-muted:#666;
  --er-border:#e7e7e7;
  --er-red:#2F3B52;
  --er-red-dark:#222B3C;
  --er-bg:#fff;
  --er-surface:#f7f7f7;
  --er-container:1400px;
  --er-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --er-title-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --er-serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--er-font);color:var(--er-text);background:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.45}
a{color:inherit;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}
a:hover{color:var(--er-red)}
img,svg,video,iframe{max-width:100%}
img{height:auto;vertical-align:middle}
button,input,textarea,select{font:inherit}
.er-container{width:min(var(--er-container),calc(100% - 48px));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.post-image{background:#eee;object-fit:cover}
@media(max-width:760px){.er-container{width:min(100% - 28px,var(--er-container))}}

/* v10.7 — tipografia editorial base */
h1,h2,h3,h4,h5,h6,.entry-title,.post-title,.post-card-title,.article-title,.archive-title,.related-title{font-family:var(--er-title-font);line-height:1.18;color:#231F20;letter-spacing:-.018em}
.widget-title,.section-title,.er-section-title,.sidebar-widget__title{font-family:var(--er-font);line-height:1.2;color:#231F20;letter-spacing:0}
.post-title{font-weight:700}
.subtitle,.post-detail,.category,.post-excerpt,.entry-summary{font-family:var(--er-font);}


/* v16 — identidade visual Expresso Rio: mais leve, limpa e consistente */
:root{
  --er-brand:#2F3B52;
  --er-brand-2:#222B3C;
  --er-paper:#FFFFFF;
  --er-paper-soft:#F7FAFE;
  --er-line-soft:#DDE5EF;
  --er-shadow-soft:0 10px 30px rgba(7,23,45,.06);
}
body.er-v16-clean{background:var(--er-paper);}
.er-v16-clean .er-container,
.er-v16-clean .site-main,
.er-v16-clean .content-area{max-width:1400px;}
.er-v16-clean img{image-rendering:auto;}
.er-v16-clean :focus-visible{outline:3px solid rgba(15,76,218,.28);outline-offset:3px;}
.er-v16-clean .post-title:hover,
.er-v16-clean h1 a:hover,
.er-v16-clean h2 a:hover,
.er-v16-clean h3 a:hover{color:var(--er-brand-2);}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}

/* v17.2 — Botão Ver mais da galeria permanente de vídeos */
.er-load-more--videos{margin-top:38px;margin-bottom:60px}
.er-video-gallery-card h2,.er-video-gallery-card h2 a{font-family:"Source Sans Pro",Arial,sans-serif!important;font-size:19px!important;line-height:1.28!important;font-weight:400!important;color:#102136!important}
/* =========================================
   V20.16 — EMBEDS SOCIAIS & BARRA DE ENGAJAMENTO
   Adicionar AO FINAL do style.css existente
   ========================================= */

/* Embeds Responsivos Universais */
.er-embed-responsive {
    position: relative; width: 100%; margin-block: 1.5rem;
    border-radius: 4px; overflow: hidden; background: #F7FAFE;
}
.er-embed-responsive iframe,
.er-embed-responsive blockquote,
.er-embed-responsive .fb-post,
.er-embed-responsive .instagram-media {
    width: 100% !important; max-width: 100% !important; display: block;
}
.er-embed-responsive iframe { aspect-ratio: 16/9; height: auto; border: 0; }
.er-embed-responsive .twitter-tweet { margin: 0 auto !important; max-width: 550px !important; }
.er-embed-responsive .instagram-media,
.er-embed-responsive .fb-post { margin: 0 auto !important; max-width: 540px !important; }

/* Barra de Engajamento Moderna (Padrão Portal) */
.er-engagement-bar {
    margin-top: 2rem; padding-block: 1.5rem;
    border-block: 1px solid #DDE5EF; background: #F7FAFE;
}
.er-engagement-bar__inner {
    display: flex; flex-wrap: wrap; align-items: center;
    justify-content: space-between; gap: 1rem;
    max-width: 1400px; margin-inline: auto; padding-inline: 1rem;
}
.er-engagement-bar__label {
    font-size: 0.875rem; font-weight: 600; color: #595959; margin-right: 0.5rem;
}
.er-btn-google-news {
    display: inline-flex; align-items: center; gap: 0.25rem;
    padding: 0.5rem 1.5rem; background: #174EA6; color: #fff !important;
    border-radius: 100px; font-weight: 700; font-size: 0.875rem;
    text-decoration: none !important; transition: transform 0.2s, box-shadow 0.2s;
    white-space: nowrap;
}
.er-btn-google-news:hover {
    transform: translateY(-1px); box-shadow: 0 4px 12px rgba(23,78,166,0.3);
}
@media (min-width: 1200px) {
    .er-engagement-bar { position: sticky; bottom: 0; z-index: 800; backdrop-filter: blur(8px); background: rgba(247,250,254,0.95); }
}
@media (max-width: 760px) {
    .er-engagement-bar__inner { flex-direction: column; align-items: stretch; text-align: center; }
    .er-btn-google-news { justify-content: center; width: 100%; }
}
