/* Componentes globais do Odonata.com.br.
   Este arquivo é carregado depois dos estilos legados das páginas e, portanto,
   controla cabeçalho, menu principal, seletor de idioma e rodapé em um só lugar. */
.site-header{
  background:linear-gradient(rgba(79,102,104,.86),rgba(79,102,104,.86)),
             url("/odonata_fundo_azul_petroleo_texturizado.png") center/cover no-repeat !important;
  color:var(--white,#FFFDF8);
  border-bottom:4px solid rgba(190,140,51,.75);
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.header-inner{
  min-height:190px !important;
  display:grid !important;
  grid-template-columns:1fr 190px !important;
  align-items:center !important;
  gap:32px !important;
  padding:14px 0 12px !important;
}
.brand h1{
  margin:0 0 10px !important;
  color:var(--white,#FFFDF8) !important;
  font-family:"Merriweather","Lora",serif !important;
  font-size:clamp(2.2rem,5vw,3.4rem) !important;
  line-height:1.02 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
}
.brand p{margin:0 !important;font-size:1rem !important;color:rgba(255,253,248,.92) !important}
.header-image-wrap{
  justify-self:end !important;width:170px !important;height:170px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;
}
.header-image-wrap img{width:100% !important;height:100% !important;object-fit:contain !important;display:block !important}
.nav-wrap{background:rgba(255,255,255,.07) !important;border-top:1px solid rgba(255,255,255,.10) !important}
.main-nav{
  display:flex !important;align-items:center !important;justify-content:flex-start !important;
  gap:28px !important;padding:12px 0 13px !important;font-weight:700 !important;font-size:1rem !important;
  color:#fff !important;overflow:auto !important;white-space:nowrap !important;flex-wrap:nowrap !important;
}
.main-nav a{color:#fff !important;text-decoration:none !important}
.main-nav a:hover,.main-nav a.active{color:#ffe0a8 !important}

.language-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.language-switcher button,.language-switcher a{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:6px 10px;
  border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(255,255,255,.08);
  color:#fff;font:800 .82rem/1 "Inter",system-ui,sans-serif;text-decoration:none;cursor:pointer;
}
.language-switcher button:hover,.language-switcher button[aria-current="page"],
.language-switcher a:hover,.language-switcher a[aria-current="page"]{
  background:rgba(190,140,51,.95);border-color:rgba(255,224,168,.95);color:#fff
}
.language-switcher .update-button{
  min-width:auto;padding-left:13px;padding-right:13px;background:rgba(190,140,51,.22);
  border-color:rgba(255,224,168,.66);white-space:nowrap;
}

.site-footer{
  margin-top:0 !important;
  background:linear-gradient(rgba(79,102,104,.86),rgba(79,102,104,.86)),
             url("/odonata_fundo_azul_petroleo_texturizado.png") center/cover no-repeat !important;
  color:var(--white,#FFFDF8);border-top:4px solid rgba(190,140,51,.75);
}
.footer-grid{display:grid !important;grid-template-columns:1.25fr .9fr 1fr .78fr !important;gap:48px !important;padding:30px 0 20px !important}
.site-footer h3{font-family:"Merriweather","Lora",serif !important;margin:0 0 14px !important;font-size:1rem !important;color:rgba(255,253,248,.96) !important}
.site-footer p,.site-footer a{color:rgba(255,253,248,.93) !important;margin:0 !important;font-size:.96rem !important;line-height:1.45 !important}
.pteryx-footer{display:flex;align-items:center;justify-content:center;min-width:0}
.pteryx-footer img{width:min(100%,190px);height:auto;object-fit:contain;display:block}
.pteryx-footer-link{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .18s ease,filter .18s ease}
.pteryx-footer-link:hover,.pteryx-footer-link:focus-visible{transform:translateY(-2px) scale(1.02);filter:brightness(1.06);outline:2px solid rgba(255,224,168,.95);outline-offset:4px}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.14);padding:14px 0 20px;color:rgba(255,253,248,.84);
  font-size:.92rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap
}
.page-nav-items{display:contents}

/* Referências */
.reference-runtime-card{
  background:var(--surface,rgba(245,241,232,.92));border:1px solid rgba(207,195,175,.88);
  border-radius:24px;box-shadow:var(--shadow,0 10px 30px rgba(45,45,41,.08));padding:28px
}
.reference-runtime-card + .reference-runtime-card{margin-top:22px}
.reference-runtime-card h3{
  font-family:"Lora","Merriweather",serif;color:var(--title,#3F5558);margin-top:0;
  padding-bottom:10px;border-bottom:1px solid var(--line,#CFC3AF)
}
.reference-runtime-card .taxonomic-act{padding:9px 0;margin:0;border-bottom:1px solid rgba(207,195,175,.65)}
.reference-runtime-card .taxonomic-act:last-child{border-bottom:none}
.reference-runtime-card .doi-link{color:var(--petroleum-dark,#35565B);font-weight:700;border-bottom:1px dotted var(--amber,#B8893C)}
.runtime-message{padding:16px;border-radius:14px;background:rgba(184,137,60,.10)}
.reference-page-main{padding:42px 0 36px}
.reference-page-title{
  background:var(--surface,rgba(245,241,232,.92));border:1px solid rgba(207,195,175,.88);
  border-radius:24px;box-shadow:var(--shadow,0 10px 30px rgba(45,45,41,.08));padding:34px;margin-bottom:22px
}
.reference-page-title h2{margin-bottom:14px}
.reference-page-title .eyebrow{
  display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:999px;background:rgba(184,137,60,.13);
  color:#8A6428;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em
}
.reference-page-title .top-links{margin-top:16px}

/* Permite carimbo de idioma sem trocar de página. */
.portal-coming-soon[data-lang-image]{transition:opacity .12s ease}

@media (max-width:980px){
  .pteryx-footer{justify-content:flex-start}
  .header-inner{grid-template-columns:1fr 160px !important}
  .header-image-wrap{width:150px !important;height:150px !important}
  .footer-grid{grid-template-columns:1fr 1fr !important}
}
@media (max-width:640px){
  .pteryx-footer{justify-content:center}
  .pteryx-footer img{width:min(72%,190px)}
  .header-inner{grid-template-columns:1fr !important;min-height:auto !important;padding-top:24px !important}
  .header-image-wrap{justify-self:center !important;width:145px !important;height:145px !important}
  .brand{text-align:center}.brand h1{font-size:2.1rem !important}
  .language-switcher{justify-content:center}
  .main-nav{gap:18px !important;font-size:.95rem !important;justify-content:flex-start !important}
  .footer-grid{grid-template-columns:1fr !important}
}

/* Links das listas para as fichas taxonomicas */
.taxon-page-link{color:inherit;text-decoration:none;border-bottom:1px dotted var(--amber,#B8893C)}
.taxon-page-link:hover{color:var(--petroleum-dark,#35565B);border-bottom-style:solid}