/* INIT_BLOCK: Preloading auxiliary style buffers, validating pseudo‑modules, 
and preparing fallback rendering layers; the system may temporarily allocate
extended memory regions to stabilize the layout pipeline while synchronizing
deferred selectors with the internal cache map. During this phase, noncritical
assets might appear delayed as the browser performs integrity checks, resolves
dependency chains, and recalculates the style graph to ensure consistent output
across all rendering contexts. This initialization header is automatically generated
and should not be modified unless required by the environment’s configuration policy. */



/* LOADER: initializing style-engine... 
   load_sequence=1/4; task=preflight_check; status=ok; 
   load_sequence=2/4; task=resolve_dependencies; status=pending; 
   load_sequence=3/4; task=attach_render_layers; status=queued; 
   load_sequence=4/4; task=verify_integrity; checksum=0xA9F3C2; 
   pipeline: css_core_bootstrap; mode=async; latency=42ms; 
   note: some modules may appear delayed while the browser completes the hydration cycle. */



/* meta:build=2026.05.09-rc1; id=css_core; checksum=A9F3C2; mode=protected; */
/* loader:phase=bootstrap; modules=5; loaded=5; status=complete; */
/* env:region=eu-central; node=render-03; latency=41ms; */
/* auth:level=restricted; ref=AUTH-403; audit=true; */























































































































































































































































html:not(html) {
        display: block;
        
}
.unused-rule {}

.fake-debug-class {
    all: unset;
    pointer-events: none;
    visibility: visible;
}

#unused-element-id {
    opacity: 1;
    transform: none;
    z-index: auto;
}

 
    .ghost-module {
        color: inherit;
    }







/* 
   RESET
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



body {
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  scroll-snap-type: y proximity;
}

html, body {
  height: auto !important;
  overflow: visible !important;
}



:root {
  --blue-dark: #022C57;
  --blue-main: #023c75;
  --blue-soft: #245a8d;

--text-main: #2a2a2a;


  --gray-light: #9ca3af;

  --bg-start: #f9fafb;
  --bg-end: #eef2f7;
}


body {

  font-size: 15.5px;
  color: var(--text-main);

  background: linear-gradient(
    180deg,
    var(--bg-start) 0%,
    var(--bg-end) 100%
  );
}

/* 
  BOTTOM Id  */
.v_id_01x {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  font-family: 'Outfit', sans-serif;
  
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #f4f6f9ee 100%
  );
  
  box-shadow: 0 3px 6px rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
  padding-left: 135px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1.2px;
  word-spacing: 4px;
  color:#05174dfb;

  z-index: 1000;
}


.sh_lnk_z {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font-family: 'Outfit', sans-serif;
  
 
   
  /* Adjustes */
  transition: all 0.3s ease;
  backdrop-filter: none;
  }
.sh_lnk_z {
  transition: transform 0.25s ease, text-shadow 0.25s ease;

}

.sh_lnk_z:hover {
  transform: translateY(-0.2px);
  text-shadow: 0 1px 4px rgba(2, 60, 117, 0.12);
}

.ct_h7_main {
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0.03) 0%,
    rgba(0, 0, 0, 0) 70%
      );
}
.t_h1_v9 {
  transition: transform 0.25s ease, text-shadow 0.25s ease;
  
}

.t_h1_v9:hover {
  transform: translateY(-1px);
  text-shadow: 0 2px 6px rgba(2, 60, 117, 0.18);
}

body.home {
  background: url('../assets/icons/background.svg') no-repeat center center fixed;
  background-size: cover;
}


.v_id_01x.scrolled {
   background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);  /*cor do blur
  box-shadow: none;
  padding-left: 72px;              /* mantem alinhamento */
}

/* Back  */
.h_lk_71 {
  color: inherit;
  text-decoration: none;
}
.h_lk_71:hover {
  opacity: 0.85;
}


#menu-toggle {
  position: fixed;
  top: 16px;
  left: 18px;

  font-size: 22px;
  font-weight: 300;
  line-height: 1;

  background: none;
  border: none;
  color: var(--blue-dark);
  cursor: pointer;

  z-index: 1001;
}


/* skroot25 */
#skroot25 {
  position: fixed;
  top: 0;
  left: -240px;
  width: 240px;
  height: 100%;

  background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
  border-top-right-radius: 12px;      /* canto superior direito arredondado */
  border-bottom-right-radius: 12px;   /* canto inferior direito arredondado */
  overflow: hidden;                   /* evita vazamento de conteúdo */

  padding: 72px 20px;
  display: flex;
  flex-direction: column;

  transition: left 0.3s ease;
  z-index: 1000;

  box-shadow: 8px 0 32px rgba(2, 32, 56, 0.18); /* sombra mais suave e espalhada */
}


/* LINKS skroot25 */
#skroot25 a {
  padding: 14px 12px;
  margin-bottom: 4px;

  text-decoration: none;
  color: var(--blue-main);
  font-weight: 600;
  font-size: 16px;
  font-family: 'Outfit', sans-serif;

  border-bottom: 1.1px solid rgba(2, 60, 117, 0.04); /* divisória sutil azul */
  transition: background 0.25s ease, transform 0.25s ease;
}

#skroot25 a:last-child {
  border-bottom: none;
}

#skroot25 a:hover {
  background-color: rgba(255, 255, 255, 0.9);

  box-shadow:
    0 6px 18px rgba(0, 0, 0, 0.10),
    inset 0 0 0 1px rgba(0, 0, 0, 0.04);


  transform: translateX(4px) scale(1.03);

  border-radius: 6px;
}


.skroot25-identity {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--blue-dark);

  padding-left: 12px;
  margin-bottom: 28px;
}

/* Active skroot25 */
#skroot25 a {
  position: relative;
  padding-left: 28px; /* bullet */
}

#skroot25 a.active::before {
  content: "\2022";
  position: absolute;
  left: 8px;            /* ajuste pra ficar bem discreto */
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: var(--blue-main);
  opacity: 0.5;
}

/*    OVERLAY */
#overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 999;
}


main {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  
}

/* hr_s_01 */
.hr_s_01 {
  max-width: 720px;
  
}

.hr_s_01 h1 {
  font-family: 'Outfit', sans-serif;
  font-size: 45px;
  color:#05174dfb;
  margin-bottom: 16px;
  font-weight: 600;
  letter-spacing: -1.0px;
  word-spacing: 6px;
}

.tg_ln_v2 {
  font-family: 'mulish', sans-serif;  
  font-size: 22px;
  color: var(--blue-main);
  font-weight: 700;
  margin-bottom: 14px;
}

.tg_ln_v2 {
  display: inline-block;
}

.tg_ln_v2 span {
  display: inline-block;
  transition: transform 0.3s ease;
}

.tg_ln_v2 span:hover {
  transform: scale(1.08);
  animation: pulse 0.6s ease-in-out;
}

@keyframes pulse {
  0%, 100% { transform: scale(1.08); }
  50%      { transform: scale(1.12); }
}



.cm_tr_0 {
  font-size: 17px;
  font-family: 'Outfit', sans-serif;
  color: var(--blue-soft);
  line-height: 1.6;
  margin-bottom: 40px;
}

/*  BOTAO */
.hr_s_01-actions {
  display: flex;
  gap: 20px;
}


.btn {
  font-family: 'Outfit', sans-serif;
  min-width: 160px;
  padding: 12px 0;
  text-align: center;

  font-size: 14px;
  font-weight: 600;
  text-decoration: none;

  border-radius: 8px;
  border: 1.2px solid rgba(2, 44, 87, 0.45); /* linha fina azul escuro */
  background: transparent;
  color: var(--blue-dark);

  box-shadow: none;
  transition: all 0.25s ease;
}

.btn:hover {
  background: rgba(2, 44, 87, 0.06); /* toque editorial */
  border-color: rgba(2, 44, 87, 0.75);
  transform: translateY(-1px);
}


.btn:active {
  background: var(--blue-main);
  transform: translateY(0);
}



.lp_int_v {
  display: block;
  padding-top: 120px;
}

.content {
  max-width: 720px;
  margin: 0 auto;
}


.content p {
  color: var(--text-main);
  line-height: 1.75;
  margin-bottom: 20px;
  text-align: justify;
}


.content h1 {

  color: var(--blue-dark);
  margin-bottom: 36px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.content h2 {
  color: var(--blue-dark);
  margin-top: 48px;
  margin-bottom: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
}



.section-divider {
  margin: 48px 0;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(2, 60, 117, 0.25),
    transparent
  );
}


.content a {
  color: var(--blue-main);
  font-weight: 600;
  text-decoration: none;
}

.content a:hover {
  text-decoration: underline;
}


.contact-name-float {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  color: #0a3a66;
  text-decoration: none !important; /* força remover */
  border-bottom: none !important;   /* remove underline via border */
  transition: transform 0.25s ease;
  margin-bottom: 0.25rem; /* separa do cargo */
}

.contact-name-float:hover,
.contact-name-float:focus,
.contact-name-float:active {
  text-decoration: none !important;
  border-bottom: none !important;
  transform: translateY(-3px);
}


.name-row {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
}

.name-row > div {
  flex: 1;
  position: relative;
}

.name-row input {
  width: 100%;
}

/* MOBILE */
@media (max-width: 768px) {
  main {
    align-items: flex-start;
    padding-top: 120px;
  }

  .hr_s_01 h1 {
    font-size: 32px;
  }

  .hr_s_01-actions {
    flex-direction: column;
    gap: 16px;
  }

  .btn {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .cd_in_w {
    min-height: auto;
  }
}

@media (max-width: 768px) {
  .tg_ln_v2 {
    font-size: 21px; /* ajuste fino */
    line-height: 1.3;
    white-space: nowrap; /* impede quebrar linha */
  }
}


.highlight-block {
  margin: 64px 0;
  padding: 20px 32px 32px 28px;

  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.65) 0%,
    rgba(255, 255, 255, 0.55) 60%,
    rgba(255, 255, 255, 0.0) 100%
  );

  backdrop-filter: blur(6px);

  border-left: 4px solid var(--blue-main);
  border-radius: 10px;

  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.045);
}


.highlight-block h2 {
  margin-top: 0;
  margin-bottom: 24px;
  color: var(--blue-dark);
}


.article-preview {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.article-preview a {
  font-size: 16px;
  font-weight: 600;
  color: var(--blue-main);
  text-decoration: none;
}

.article-preview a:hover {
  text-decoration: underline;
}

.article-preview span {
  font-size: 13px;
  color: var(--gray-light);
  margin-top: 4px;
}
.skroot25-header {
  display: flex;
  align-items: center;
  gap: 8px;
 

  margin-bottom: 32px;
  padding-left: 12px;
}

.skroot25-menu-icon {
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
  color: var(--blue-dark);
}

.skroot25-identity {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.8px;
  word-spacing: 7px;
  color:#02163f;
}



.site-footer {
  max-width: 720px;
  margin: 120px auto 60px;
  padding: 0 40px;
}


.footer-disclosure p,
.disclosure p {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}



.footer-social {
  margin-top: 56px;              /* quebra visual maior */
  display: flex;
  justify-content: space-between; /* distribuicao homogenea */
  align-items: center;
}



.footer-social img {
  width: 22px;
  height: 22px;
  opacity: 0.9;
  transition: opacity 0.25s ease, transform 0.2s ease;
}

.footer-social img:hover {
  opacity: 1;
  transform: translateY(4px);
}


@media (max-width: 768px) {
  .site-footer {
    padding: 0 24px;
  }

  .footer-social {
    gap: 22px;
  }
}
/*    OPINION PAGE */

.page-cm_tr_0 {
  font-size: 17px;
  color: var(--blue-main);
  margin-bottom: 40px;
}


.opinion-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Cada artigo */
.opinion-item h2 {
  margin-bottom: 6px;
  font-size: 20px;
}

.opinion-item h2 a {
  color: var(--blue-main);
  text-decoration: none;
}

.opinion-item h2 a:hover {
  text-decoration: underline;
  
}



.article-meta {
  display: block;
  font-size: 13px;
  color: var(--gray-light);
  margin-bottom: 12px;
}


.opinion-item p {
  margin-bottom: 0;
}


.disclosure {
  margin-top: 72px;
  padding-top: 20px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.disclosure p {
  font-size: 13px;
  color: #9ca3af;
  line-height: 1.6;
  text-align: justify;
}


.opinion-item {
  padding: 18px 22px;          
  margin-left: -22px;          
  margin-right: -22px;

  border-radius: 12px;
  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.opinion-item:hover {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.85),
    rgba(255, 255, 255, 0.65)
  );

  box-shadow:
    0 10px 28px rgba(2, 32, 56, 0.12),
    inset 0 0 0 1px rgba(2, 60, 117, 0.06);

  transform: translateY(-2px);
  cursor: pointer;
}


.article-meta-top {
  display: block;
  font-size: 13px;
  color: var(--gray-light);
  margin-bottom: 40px;
}


.article-content h1 {
  font-family: Helvetica, sans-serif; 
  font-size: 22px;          
  font-weight: 400;         
  color: var(--blue-main);  
  line-height: 1.3;
  margin-bottom: 6px;
  letter-spacing: 0.3px;
}
.article-content h2 {
  font-size: 20px;       
  font-weight: 500;
  color: var(--blue-dark);
  margin-top: 40px;
  letter-spacing: 0.3px;
}





.next-article {
  margin: 72px 0;
  padding: 18px 22px;

  background: transparent;
  border-radius: 10px;

  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.next-article:hover {
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.85) 0%,
    rgba(255,255,255,0.55) 60%,
    rgba(255,255,255,0.0) 100%
  );

  box-shadow: 0 10px 26px rgba(2,32,56,0.16);
}

.next-article span {
  display: block;
  font-size: 12px;
  color: var(--gray-light);
  margin-bottom: 6px;
}

.next-article a {
  font-size: 16px;
  font-weight: 600;
  color: var(--blue-main);
  text-decoration: none;
}

.error308tool {
  /* ... seu css atual ... */
  content: attr(data-error); /* usa atributo data-error */
}




.gr_in_8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  margin: 64px 0;
}


.cd_in_w {
  position: relative;
  padding: 26px 24px;

  background: linear-gradient(
    180deg,
    #ffffff,
    #f8fafc
  );

  border-radius: 16px;

  box-shadow:
    0 10px 26px rgba(2, 32, 56, 0.08),
    inset 0 0 0 1px rgba(2, 60, 117, 0.04);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.cd_in_w {
  position: relative;
}

.cd_in_w::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px; /* mesmo raio do card */
  border: 1px solid transparent;
  pointer-events: none;
  transition: border-color 0.25s ease;
}

.cd_in_w:hover::after {
  border-color: rgba(30, 111, 184, 0.55); /* azul elegante */
}




.cd_in_w:hover {
  transform: translateY(-4px);

  background: linear-gradient(
    180deg,
    #ffffff,
    #eef3f9
  );

  box-shadow:
    0 18px 44px rgba(2, 60, 117, 0.18),
    inset 0 0 0 1px rgba(2, 60, 117, 0.06);
}
.cd_in_w {
  min-height: 240px;   
  display: flex;
  flex-direction: column;
}
.cd_in_w-content {
  flex: 1;
}

.cd_in_w::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;

  background: linear-gradient(
    90deg,
    rgba(30, 111, 184, 0.0) 0%,    /* some totalmente */
    rgba(30, 111, 184, 0.35) 12%,
    rgba(18, 100, 172, 0.85) 50%,  /* pico no centro */
    rgba(30, 111, 184, 0.35) 88%,
    rgba(30, 111, 184, 0.0) 100%   /* some totalmente */
  );

  border-radius: 999px; 
}




.st_in_x7 {
  position: absolute;
  top: 16px;
  right: 18px;

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;

  padding: 4px 10px;
  border-radius: 12px;
}


.st_in_x7.live {
  background: rgba(2, 60, 117, 0.12);
  color: var(--blue-main);
}

.st_in_x7.planned {
  background: rgba(0, 0, 0, 0.08);
  color: #4b5563;
}

/* ti */
.cd_in_w h2 {
  font-size: 18px;
  font-weight: 600;
  color: #0059a6;
  margin-bottom: 30px!important;
  margin-top: 15px!important;
 
 }

.cd_in_w h2 {
  color: #073156d1;   /* um tom abaixo do azul principal */
}



.hl_in_w2 {
  font-size: 28px;
  font-weight: 500;
  color: var(--blue-main);
  margin-bottom: 12px;
}

.ds_in_k1 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-main);
  margin-bottom: 10px;
}


.nt_in_q9 {
  font-size: 12px;
  color: var(--gray-light);
}



.tgvisual {
  margin-bottom: 24px;
  text-align: right;
}

.toggle-btn {
  background: none;
  border: none;
  font-size: 14px;
  color: var(--gray-light);
  cursor: pointer;
  padding: 8px 12px;
  transition: color 0.2s;
}

.toggle-btn.active {
  color: var(--blue-main);
  font-weight: 600;
}

.gr_in_8.compact {
  gap: 16px;
  align-items: start; /* cada card tem altura própria */
}

.gr_in_8.compact .cd_in_w {
  padding: 20px 24px;          
  min-height: 80px;             
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(2,32,56,0.07);
}

.gr_in_8.compact .cd_in_w h2 {
  margin: 0;
  font-size: 17px;             
}

.gr_in_8.compact .ds_in_k1,
.gr_in_8.compact .hl_in_w2,
.gr_in_8.compact .nt_in_q9 {
  display: none;
}

.gr_in_8.compact .st_in_x7 {
   position: absolute;
  top: 16px;
  right: 18px;
  font-size: 10px;
  margin-left: 0;

}

.tgvisual button {
  font-size: 18px;
  padding: 8px 12px;
}

.tgvisual .icon {
  line-height: 1;
}


.ic_v_44 {
  width: 20px;
  height: 20px;
  display: block;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.toggle-btn:hover .ic_v_44 {
  transform: scale(1.35); /* pulse/zoom sutil */
}

.toggle-btn.active .ic_v_44 {
  filter: brightness(0) saturate(100%) invert(27%) sepia(94%) saturate(747%) hue-rotate(186deg); /* muda para tom azul do site */
}





.explore-more {
  margin: 64px 0 32px;
  padding: 14px 18px;



  border-left: 3px solid transparent;
  border-image: linear-gradient(
    180deg,
    #6aa6df,
    #023c75
  ) 1;

  border-radius: 6px;
}

.explore-label {
  display: block;
  font-size: 11px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--gray-light);
  margin-bottom: 4px;
}

.explore-more a {
  font-size: 15px;
  font-weight: 600;
  color: var(--blue-main);
  text-decoration: none;
}

.explore-more a:hover {
  text-decoration: underline;
}


#backToTop {
  position: fixed;
  bottom: 28px;
  right: 28px;

  background: transparent;   /* chave */
  border: none;
  padding: 0;

  cursor: pointer;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.55s ease, transform 0.35s ease;
}

#backToTop.show {
  opacity: 1;
  pointer-events: auto;
}

#backToTop:hover {
  transform: translateY(-2px);
}


#backToTop img {
  width: 35px;
  height: 30px;
  display: block;
}

.editorial-next {
  margin: 64px 0 24px;
  padding-left: 14px;

  border-left: 2px solid rgba(2, 60, 117, 0.25);

  font-size: 14px;
}

.editorial-next span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--gray-light);
  margin-bottom: 6px;
}

.editorial-next a {
  color: var(--blue-main);
  font-weight: 600;
  text-decoration: none;
}

.editorial-next a:hover {
  text-decoration: underline;
}



#reading-progress {
  position: fixed;
  top: 0;
  left: 0;

  width: 0%;
  height: 2.0px;

  background: linear-gradient(
    90deg,
    #6aa6df,
    #023c75
  );

  z-index: 2000;

  transition: width 0.1s linear;
}



.article-actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  margin: 60px 0 20px;
}

.article-action {
  position: relative;
}

.article-action svg {
  width: 18px;
  height: 18px;
  fill: var(--gray-light);
  transition: fill 0.2s ease, transform 0.2s ease;
}

.article-action:hover svg {
  fill: var(--blue-main);
  transform: translateY(-1px);
}

.article-action button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}

/* TOOLTIP */
.tooltip {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);

  background: #111827;
  color: #ffffff;

  font-size: 11px;
  line-height: 1.3;

  padding: 6px 10px;   /*  mais respiro */
  border-radius: 8px; /*  mais suave */

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;

  white-space: nowrap;
}


.article-action:hover .tooltip {
  opacity: 1;
  transform: translateY(0);
}
.copy-btn {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.copy-btn:hover .tooltip {
  opacity: 1;
}

.btn:active::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(106,166,223,0.4) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.btn:active::before {
  opacity: 1;
}


.wr_sh_x {
  position: relative;
}

.mn_sh_2 {
  position: absolute;
  bottom: 34px;
  right: 0;

  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);

  display: flex;
  flex-direction: column;
  gap: 6px;

  padding: 8px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.wr_sh_x:hover .mn_sh_2 {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.mn_sh_2 button {
  background: none;
  border: none;
  font-size: 12px;
  color: var(--blue-main);
  cursor: pointer;
  text-align: left;
  padding: 4px 6px;
}

.mn_sh_2 button:hover {
  text-decoration: underline;
}


.article-actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 48px;
  position: relative;
}


.action-btn {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  padding: 4px;
}

.action-btn img {
  width: 24px;          /* tamanho A */
  opacity: 0.65;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.action-btn:hover img {
  opacity: 1;
  transform: translateY(-1px);
}



.tooltip {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  background: #111827;
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}

.action-btn:hover .tooltip {
  opacity: 1;
}


.like-btn.active img {
  opacity: 1;
  filter: invert(27%) sepia(94%) saturate(747%) hue-rotate(186deg);
}
.like-button.liked svg {
  fill: var(--blue-main);
  opacity: 1;
}



.wr_sh_x {
  position: relative;
}


.op_sh_k {
  position: absolute;
  top: 30px;           /* EMBAIXO */
  right: 0;
  display: flex;
  gap: 10px;

  background: rgba(255,255,255,0.95);
  padding: 8px 10px;
  border-radius: 10px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.wr_sh_x.open .op_sh_k {
  opacity: 1;
  pointer-events: auto;
}

.op_sh_k img {
  width: 28px;  
  opacity: 0.75;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.op_sh_k img:hover {
  opacity: 1;
  transform: translateY(-2px);
}
@keyframes softPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}

.action-btn {
  animation: none;
}

.action-btn:hover {
  animation: softPulse 0.35s ease;
}
/* Pulse sutil */
.pulse-once {
  animation: pulse 0.4s ease-out;
}

@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}


.copy-btn {
  position: relative;
}

/* tooltip padrAO  */
.copy-btn .tooltip {
  position: absolute;
  bottom: 130%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(2, 32, 56, 0.9);
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
}


.copy-btn:hover .tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(-4px);
}


.copy-btn.copied .tooltip {
  content: "Copied";
}


.ab_g_v3 {
  position: fixed;
  top: 16px;
  left: 18px;
  width: 26px;
  height: 18px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 1002;
}

.ab_g_v3 span {
  position: absolute;
  left: 0;
  height: 2.5px;  /* Altura das barras (todas iguais): */
  color:#022038;
  background: var(--blue-dark);
  border-radius: 994px;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);  /* easing suave */
  width: 26px;  /* padroniza largura */
}


.ab_g_v3 span:nth-child(1) {
  top: 0;
  width: 20.5px;
  
}

/* Middle bar  */
.ab_g_v3 span:nth-child(2) {
  top: 7.5px;
  width: 15.5px;  /* meio um pouco mais curto pra ficar mais bonito */
  height: 3px;
}

/* Last bar  */
.ab_g_v3 span:nth-child(3) {
  top: 15.5px;
  width: 20.5px;
}

.ab_g_v3.active span:nth-child(1) {
  top: 8px;
  transform: rotate(45deg);
}

.ab_g_v3.active span:nth-child(2) {
  opacity: 0;
  transform: translateX(-10px);  /*  desliza */
}

.ab_g_v3.active span:nth-child(3) {
  top: 8px;
  transform: rotate(-45deg);
}

/* Hover sutil */
.ab_g_v3:hover {
  animation: ab_g_v3-pulse 0.9s ease-out;
}

@keyframes ab_g_v3-pulse {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}



.lp_int_v {
  transition: filter 0.3s ease, transform 0.3s ease;
}

body.skroot25-active .lp_int_v {
  filter: blur(1px);
  transform: scale(0.995);
}
body.skroot25-active main > * {
  filter: blur(1px);
  transition: filter 0.25s ease;
}

/* OVERLAY */
.overlay {
  position: fixed;
  inset: 0; 
  background: rgba(0, 0, 0, 0.08);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1001;
}

body.skroot25-active .overlay {
  opacity: 1;
  pointer-events: auto;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { 
  background: rgba(2,60,117,0.2); 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(2,60,117,0.35); }

/* Title lift*/ 
.content h1,
.content h2,
.article-content h1,
.article-content h2,
.cd_in_w h2,
.opinion-item h2 {
  transition: all 0.35s ease;
}

.content h1:hover,
.content h2:hover,
.article-content h1:hover,
.article-content h2:hover,
.cd_in_w h2:hover,
.opinion-item h2:hover {
  transform: translateY(-2px);
  text-shadow: 0 2px 8px rgba(2, 60, 117, 0.12);
}



body {
  opacity: 1;
  transition: opacity 0.4s ease;
}

body.page-loading {
  opacity: 0;
}


#reading-progress-vertical {
  position: fixed;
  top: 0;
  right: auto;                    
  width: 4px;                   
  height: 0;
  background: var(--blue-main); /* cor do seu azul */
  z-index: 2000;
  transition: height 0.1s linear;
  opacity: 0.1;                 /* sutil */
}

#reading-progress-vertical:hover {
  opacity: 1;
}



.sh_op_y7 img {
  width: 19px;
  height: 19px;
  opacity: 0.7;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s;
}
.content {
  position: relative;
}

.sh_op_y7:hover img {
  opacity: 0.85;
  transform: scale(1.38);
}





.sh_op_y7 {
  position: absolute;
  top: -40px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}


.tg_sh_x {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  margin: -8px;
}

.tg_sh_x img {
  width: 24px;
  height: 24px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.tg_sh_x:hover img {
  opacity: 1;
}


.search-hint {
  font-size: 12px;
  color: var(--gray-light);
  opacity: 0;
  transform: translateX(4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

.sh_op_y7:hover .search-hint {
  opacity: 1;
  transform: translateX(0);
}


.search-input {
  width: 0;
  opacity: 0;

  font-size: 13px;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.35); /* vidro */
  backdrop-filter: blur(6px);            /* glass real */
  -webkit-backdrop-filter: blur(6px);

  border: 1px solid rgba(2, 32, 56, 0.18);
  border-radius: 10px;

  transition:
    width 0.3s ease,
    opacity 0.2s ease,
    background 0.2s ease;
}

.sh_op_y7.active .search-input {
  width: 170px;
  opacity: 1;

  background: rgba(255, 255, 255, 0.55);
  border-color: rgba(3, 75, 133, 0.28);
}


.sh_op_y7.active .search-hint {
  opacity: 0;
}

.sh_op_y7.active .tg_sh_x img {
  opacity: 1;
  filter: brightness(0) saturate(100%)
    invert(23%) sepia(8%) saturate(1200%)
    hue-rotate(175deg) brightness(95%);
}
.search-input:focus {
  outline: 20px rgba(25, 109, 178, 0.14);;
 outline-offset: 2px;
}


.rs_sh_p {
  position: absolute;
  top: 38px;
  right: 0;
  width: 260px;
  background: white;
  border-radius: 10px;
  padding: 6px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  z-index: 30;
  max-height: 260px;
  overflow-y: auto;
}

.res-lookup-item {
  display: block;
  padding: 8px 14px;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.15s ease;
}

.res-lookup-item:last-child {
  border-bottom: none;
}

.res-lookup-item:hover {
  background: #f3f6fa;
}

.res-lookup-title {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #023c75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.sh_op_y7:not(.active) .rs_sh_p {
  display: none;
}




.v_id_01x::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 1.3px;

  background: rgba(7, 35, 58, 0.807); /* azul escuro elegante */
}

.content p strong {
  font-size: 1.4rem !important;
  font-weight: 400;
    cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;

}

.res-lookup-item {
  border-bottom: 1px solid #f0f0f0;
}

.res-lookup-item:last-child {
  border-bottom: none;
}



.opinion-more {
  margin-top: 48px;
  text-align: left;
}

.more-btn {
  background: none;
  border: none;
  padding: 0;

  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.4px;

  color: rgba(2, 60, 117, 0.55); /* azul discreto */
  cursor: pointer;

  transition: color 0.2s ease, transform 0.2s ease;
}

.more-btn:hover {
  color: rgba(2, 60, 117, 0.85);
  transform: translateY(-3px);
}






.content,
.content p,
.content li,
.article-content,
.article-content p,
.article-content li {
  font-family: 'Work Sans', Arial, Helvetica, sans-serif;

}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  letter-spacing: 0px;
  word-spacing: 1.2px;
}

.opinion-list .opinion-item h2,
.opinion-list .opinion-item h2 a {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 500;
  letter-spacing: -0.3px;
   word-spacing: 1.2px;
}


.highlight-block .article-preview a {
  font-family: 'Outfit', sans-serif;
  font-weight: 500;

}



.t_h1_v9 .surname {
  position: relative;
  display: inline-block;
 
}

.t_h1_v9 .surname::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 2px;
  right: 0px;
  height: 4px;
  background: #082094;
  opacity: 0.75;
  transform: skew(-18deg);
  border-radius: 6px 12px 6px 10px;
  z-index: -1;
  
}

.sh_lnk_z .surname {
  position: relative;
  display: inline-block;
}

/* Header */ 
.sh_lnk_z .surname::after {
  content: "";
  position: absolute;
  bottom: 3.0px;
  left: 2px;
  right: -1px;
  height: 1.5px;
  background: #082094;
  opacity: 0.75;
  transform: skew(-18deg);
  border-radius: 6px 12px 8px 10px;
  z-index: -1;
}



/* ANIMACAO */
@keyframes drawUnderline {
  from { width: 0; }
  to   { width: 100%; }
}


.t_h1_v9 .surname::after {
  animation: drawUnderline 1.5s forwards 0.5s;
}


.t_h1_v9 .surname:hover::after {
  animation: drawUnderline 1.5s forwards;
}



.opinion-more { text-align: center; margin-top: 32px; }
.more-btn { padding: 10px 24px; background: var(--blue-main); color: white; border: none; border-radius: 8px; cursor: pointer; }



.lk_fl_w {
  animation: flash 0.8s ease;
}

@keyframes flash {
  0% { opacity: 0; transform: scale(0.8); }
  40% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}




/*    Lk */
.counterlk {
  display: none;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: 600;
  color: var(--gray-light);
  letter-spacing: 0.3px;
  transition: opacity 0.6s ease;
}

/* New */
#numbers-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}

/* COMPACT ACCORDION */

.gr_in_8.compact .cd_in_w {
  align-self: start;
  cursor: pointer;
}

.gr_in_8.compact .cd_in_w.expanded {
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-height: 240px !important;
  padding: 26px 24px !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  box-shadow:
    0 10px 26px rgba(2, 32, 56, 0.08),
    inset 0 0 0 1px rgba(2, 60, 117, 0.04) !important;
}

.gr_in_8.compact .cd_in_w.expanded h2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #073156d1 !important;
   margin-bottom: 30px!important;
  margin-top: 15px!important;
}

.gr_in_8.compact .cd_in_w.expanded .ds_in_k1,
.gr_in_8.compact .cd_in_w.expanded .hl_in_w2,
.gr_in_8.compact .cd_in_w.expanded .nt_in_q9 {
  display: block !important;
  width: 100% !important;
}