/* ==========================================================================
   TATIVERSO — sistema de design
   Paleta enviada via Pinterest: Deep Purple 3B1C5A, Golden Yellow E6B44C,
   Lavender C6B7E2, Cream F6F1E8.
   Fundo sempre em tons claros.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');

:root{
  /* cor — paleta enviada, respeitando os papéis indicados */
  --couro:        #3B1C5A;   /* accent — tinta principal / rodapé (Deep Purple) */
  --terracota:    #3B1C5A;   /* primary — ação principal (Deep Purple) */
  --coral:        #E6B44C;   /* secondary — ação secundária / hover (Golden Yellow) */
  --pele:         #F6F1E8;   /* tom claro derivado do primary — destaques sobre fundo escuro (Cream) */
  --rosa-poeira:  #C6B7E2;   /* tom claro derivado do secondary — fundo de tags/chips (Lavender) */

  /* neutros — dois tons claros, pra manter a variação de fundo que o site tinha antes */
  --areia:        #F6F1E8;   /* fundo principal (Cream) */
  --areia-clara:  #EDE7F6;   /* cartões / seções alternadas — lavanda bem clara, escolhida para combinar com o Cream */
  --areia-funda:  #C6B7E2;   /* bordas, divisores (Lavender) */
  --papel:        #FFFFFF;   /* branco para cartões elevados */

  --tinta:        var(--couro);
  --tinta-suave:  #76608C;

  /* tipografia */
  --f-display: 'adobe-jenson-pro', serif;
  --f-titulo:  'adobe-jenson-pro', serif;
  --f-corpo:   'apparat-semicond', sans-serif;
  --f-selo:    'Roboto', sans-serif;

  /* ritmo */
  --raio: 8px;
  --sombra: 0 10px 30px -12px rgba(89,58,30,.35);
  --max: 1180px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--areia);
  color:var(--tinta);
  font-family:var(--f-corpo);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
.wrap{ max-width:var(--max); margin:0 auto; padding:0 28px; }

h1,h2,h3,h4{
  font-weight:600;
  line-height:1.08;
  margin:0 0 .4em;
  letter-spacing:-.01em;
  color:var(--couro);
}
h1{ font-family:var(--f-display); font-size:clamp(3.2rem,7.5vw,5.6rem); font-weight:700; }
h2{ font-family:var(--f-titulo); font-size:clamp(2rem,4.2vw,2.9rem); font-weight:700; }
h3{ font-family:var(--f-titulo); font-size:1.5rem; font-weight:700; }
h4{ font-family:var(--f-titulo); font-weight:700; }
p{ margin:0 0 1em; }
.lede{ font-size:1.15rem; color:var(--tinta-suave); max-width:60ch; }

/* eyebrow / selo estilo "cartaz procurado" — usado com moderação, só pra rótulos curtos */
.selo{
  font-family:var(--f-selo);
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--coral);
  display:inline-flex;
  align-items:center;
  gap:.5em;
}
.selo::before{
  content:"";
  width:22px; height:1px;
  background:var(--coral);
}

/* ===== navegação ===== */
.topbar{
  position:sticky; top:0; z-index:50;
  background:var(--couro);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.topbar .wrap{
  display:flex; align-items:center; justify-content:space-between;
  height:112px;
}
.marca{
  font-family:var(--f-display);
  font-weight:700;
  font-size:1.5rem;
  color:var(--areia-clara);
  text-decoration:none;
  letter-spacing:-.01em;
}
.marca span{ color:var(--pele); }
.nav-links{
  display:flex; gap:2.2rem; list-style:none; margin:0; padding:0;
}
.nav-links a{
  text-decoration:none;
  font-size:.95rem;
  font-weight:600;
  color:var(--areia-clara);
  position:relative;
  padding:.3em 0;
}
.nav-links a::after{
  content:""; position:absolute; left:0; bottom:-2px;
  width:0; height:2px; background:var(--pele);
  transition:width .25s ease;
}
.nav-links a:hover::after,
.nav-links a[aria-current="page"]::after{ width:100%; }

/* ===== dropdown "Livros" no menu — 3 gêneros + catálogo completo ===== */
.nav-livros{ position:relative; }
.nav-livros .submenu{
  list-style:none; margin:0; padding:.6rem;
  position:absolute; top:100%; left:50%; transform:translateX(-50%);
  background:var(--couro); border:1px solid rgba(255,255,255,.12);
  border-radius:10px; box-shadow:var(--sombra);
  min-width:230px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .2s ease;
}
.nav-livros:hover .submenu,
.nav-livros:focus-within .submenu{
  opacity:1; visibility:visible; pointer-events:auto;
}
.nav-livros .submenu li{ margin:0; }
.nav-livros .submenu a{
  display:block; padding:.55em .7em; white-space:nowrap;
  font-size:.88rem; font-weight:600;
}
.nav-livros .submenu a::after{ display:none; }
.nav-livros .submenu li + li{ border-top:1px solid rgba(255,255,255,.08); }

.nav-toggle{
  display:none;
  background:none; border:none; cursor:pointer;
  flex-direction:column; gap:5px; padding:8px;
}
.nav-toggle span{ width:24px; height:2px; background:var(--areia-clara); display:block; }

/* ===== botões ===== */
.btn{
  display:inline-flex; align-items:center; gap:.6em;
  font-family:var(--f-corpo); font-weight:700; font-size:.95rem;
  padding:.85em 1.7em;
  border-radius:var(--raio);
  text-decoration:none;
  border:1.5px solid transparent;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover{ transform:translateY(-2px); }
.btn-primario{ background:var(--terracota); color:var(--papel); box-shadow:var(--sombra); }
.btn-primario:hover{ background:var(--coral); }
.btn-fantasma{ background:transparent; border-color:var(--couro); color:var(--couro); }
.btn-fantasma:hover{ background:var(--couro); color:var(--areia-clara); }
.btn-pequeno{ padding:.55em 1.1em; font-size:.82rem; }

/* ===== elemento assinatura: cartão com moldura delicada =====
   fina linha interna + etiqueta pendurada no canto, para capas e destaques */
.cartao-couro{
  position:relative;
  background:var(--papel);
  border-radius:10px;
  box-shadow:var(--sombra);
  padding:14px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.cartao-couro:hover{ transform:translateY(-4px); box-shadow:0 18px 40px -14px rgba(57,20,22,.28); }
.cartao-couro::before{
  content:"";
  position:absolute; inset:7px;
  border:1px solid var(--areia-funda);
  border-radius:6px;
  pointer-events:none;
}
.cartao-couro .etiqueta{
  position:absolute; top:-10px; right:18px;
  background:var(--terracota); color:var(--papel);
  font-family:var(--f-selo); font-weight:700; font-size:.66rem; letter-spacing:.08em;
  padding:.4em .7em;
  border-radius:20px;
  transform:rotate(3deg);
  box-shadow:0 4px 10px rgba(0,0,0,.2);
  z-index:2;
}
.cartao-couro .capa{
  aspect-ratio:2/3;
  border-radius:4px;
  background:linear-gradient(155deg,var(--rosa-poeira),var(--terracota) 60%,var(--coral));
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,.9);
  font-family:var(--f-selo); font-weight:700; font-size:.75rem; text-align:center;
  padding:1em;
  overflow:hidden;
}
.cartao-couro .capa img{ width:100%; height:100%; object-fit:cover; }
.cartao-couro .corpo{ padding:1rem .5rem .3rem; }
.cartao-couro .genero{
  font-family:var(--f-selo); font-size:.68rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--coral);
}
.cartao-couro h3, .cartao-couro h2{ margin:.25em 0 .3em; font-size:1.2rem; }
.cartao-couro p{ font-size:.9rem; color:var(--tinta-suave); margin-bottom:.8em; }

/* divisor tipo laço — usado com moderação entre seções-chave */
.divisor-laco{ display:flex; justify-content:center; margin:0 auto 2.5rem; width:120px; opacity:.7; }

/* ===== seções ===== */
.secao{ padding:5.5rem 0; }
.secao-alt{ background:var(--areia-clara); }
.secao-cabecalho{ text-align:center; max-width:640px; margin:0 auto 3rem; }
.secao-cabecalho .lede{ margin:0 auto; }

/* ===== lightbox de ilustrações ===== */
.ilustracao-clicavel{ cursor:zoom-in; transition:opacity .2s ease; }
@media (min-width:761px){
  .ilustracao-clicavel:hover{ opacity:.85; }
}
.lightbox-overlay{
  position:fixed; inset:0; background:rgba(59,28,90,.94);
  display:none; align-items:center; justify-content:center;
  z-index:999; padding:4rem; cursor:zoom-out;
}
.lightbox-overlay.aberto{ display:flex; }
.lightbox-overlay img{
  max-width:90vw; max-height:88vh; border-radius:8px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  cursor:default;
}
.lightbox-fechar{
  position:absolute; top:1.6rem; right:2.2rem;
  background:none; border:none; color:var(--pele);
  font-size:2.4rem; line-height:1; cursor:pointer;
  font-family:var(--f-selo);
}

/* ===== faixa ficha técnica + playlist (páginas de livro) ===== */
.faixa-detalhes{
  display:flex;
  gap:3.5rem;
  align-items:flex-start;
  flex-wrap:wrap;
}
.faixa-detalhes-ficha{ flex:1 1 320px; }
.faixa-detalhes-playlist{ flex:1 1 320px; }
.faixa-detalhes-playlist .cartao-couro{ max-width:420px; }
@media (max-width:760px){
  .faixa-detalhes{ gap:3rem; }
}

/* ===== grid genérico ===== */
.grade-livros{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:2.2rem 1.8rem;
}

/* ===== tags de gênero (filtro) ===== */
.filtros{
  display:flex; flex-wrap:wrap; gap:.6rem;
  margin-bottom:3rem;
}
.filtro-tag{
  font-family:var(--f-selo); font-size:.75rem; letter-spacing:.06em;
  text-transform:uppercase;
  padding:.55em 1.1em;
  border:1.5px solid var(--couro);
  border-radius:20px;
  background:transparent;
  color:var(--couro);
  cursor:pointer;
  transition:all .2s ease;
  display:inline-block;
  text-decoration:none;
}
.filtro-tag.ativo,
.filtro-tag:hover{ background:var(--couro); color:var(--areia-clara); }

/* ===== rodapé ===== */
footer{ background:var(--couro); color:var(--areia-clara); padding:4rem 0 2rem; }
footer .rodape-titulo{ color:var(--pele); font-size:1rem; margin-bottom:1em; font-weight:700; }
footer a{ text-decoration:none; color:var(--areia-clara); opacity:.85; }
footer a:hover{ opacity:1; text-decoration:underline; }
.rodape-grade{
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2rem;
  padding-bottom:3rem; border-bottom:1px solid rgba(241,228,206,.15);
}
.rodape-grade ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.6em; font-size:.92rem; }
.rodape-base{
  display:flex; justify-content:space-between; align-items:center;
  padding-top:2rem; font-size:.82rem; opacity:.65; flex-wrap:wrap; gap:1rem;
}

/* ===== formulários ===== */
.campo{ margin-bottom:1.4rem; }
.campo label{
  display:block; font-weight:700; font-size:.85rem;
  margin-bottom:.4em; color:var(--couro);
}
.campo input,
.campo textarea,
.campo select{
  width:100%;
  font-family:var(--f-corpo); font-size:1rem;
  padding:.8em .9em;
  border:1.5px solid var(--areia-funda);
  border-radius:var(--raio);
  background:var(--papel);
  color:var(--tinta);
}
.campo input:focus,
.campo textarea:focus,
.campo select:focus{
  outline:2px solid var(--terracota); outline-offset:1px; border-color:var(--terracota);
}
.campo textarea{ resize:vertical; min-height:130px; }

/* newsletter inline */
.newsletter-caixa{
  background:var(--couro);
  color:var(--areia-clara);
  border-radius:6px;
  padding:3rem;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:2.5rem;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.newsletter-caixa h2{ color:var(--papel); }
.newsletter-caixa .lede{ color:rgba(248,239,223,.8); }
.form-inline{ display:flex; gap:.7rem; flex-wrap:wrap; }
.form-inline input{
  flex:1; min-width:200px;
  padding:.9em 1.1em; border-radius:var(--raio); border:none;
  font-family:var(--f-corpo);
}
.nota-form{ font-size:.78rem; opacity:.65; margin-top:.7em; }

/* placeholders de imagem — indicam onde a autora deve inserir arquivos reais */
.espaco-imagem{
  background:repeating-linear-gradient(135deg,var(--areia-funda),var(--areia-funda) 10px,var(--areia-clara) 10px,var(--areia-clara) 20px);
  border:1.5px dashed var(--coral);
  border-radius:var(--raio);
  display:flex; align-items:center; justify-content:center;
  text-align:center;
  color:var(--coral);
  font-family:var(--f-selo);
  font-size:.78rem;
  letter-spacing:.03em;
  padding:1rem;
  min-height:220px;
}

/* ===== blog — índice editorial =====
   Layout autoral pra página do blog: um "capa de revista" pro post mais
   recente seguido de um índice tipográfico (não é grade de cartões
   repetidos) — números fantasma gigantes, faixas de cor alternadas e uma
   miniatura que só aparece ao lado em telas largas. */
.blog-capa{
  position:relative;
  background:var(--couro);
  color:var(--papel);
  border-radius:14px;
  overflow:hidden;
  padding:3.2rem 3rem;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:2.5rem;
  align-items:center;
}
.blog-capa-num{
  position:absolute;
  top:-.35em; left:-.05em;
  font-family:var(--f-display);
  font-size:14rem;
  line-height:1;
  font-weight:700;
  color:transparent;
  -webkit-text-stroke:1.5px rgba(255,255,255,.16);
  z-index:0;
  pointer-events:none;
  user-select:none;
}
.blog-capa-conteudo{ position:relative; z-index:1; }
.blog-capa .selo{ color:var(--pele); }
.blog-capa .selo::before{ background:var(--pele); }
.blog-capa h2{
  color:var(--papel);
  font-size:clamp(2rem,4vw,3.1rem);
  margin:.3em 0 .5em;
}
.blog-capa p{ color:rgba(255,255,255,.78); font-size:1.05rem; max-width:48ch; }
.blog-capa-imagem{
  position:relative; z-index:1;
  transform:rotate(-2.5deg);
  transition:transform .3s ease;
}
.blog-capa-imagem:hover{ transform:rotate(0deg); }
.blog-capa-imagem img{ border-radius:6px; aspect-ratio:4/5; width:100%; object-fit:cover; }

.indice-blog{ counter-reset:post; }
.indice-item{
  counter-increment:post;
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1.6rem;
  padding:1.7rem 1.8rem;
  text-decoration:none;
  color:inherit;
  border-bottom:1px solid var(--areia-funda);
  transition:background .2s ease, padding-left .2s ease;
}
.indice-item:nth-child(odd){ background:var(--areia-clara); }
.indice-item:hover{ background:var(--rosa-poeira); padding-left:2.4rem; }
.indice-item::before{
  content:counter(post,decimal-leading-zero);
  font-family:var(--f-display);
  font-size:2.6rem;
  font-weight:700;
  color:transparent;
  -webkit-text-stroke:1.3px var(--coral);
  min-width:2.2ch;
  line-height:1;
}
.indice-item-texto h3{
  font-size:1.35rem;
  margin:0 0 .3em;
  transition:color .2s ease;
}
.indice-item:hover .indice-item-texto h3{ color:var(--terracota); }
.indice-item-texto p{
  font-size:.92rem;
  color:var(--tinta-suave);
  margin:0 0 .4em;
  max-width:60ch;
}
.indice-item-data{
  font-family:var(--f-selo); font-size:.7rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--coral);
}
.indice-item-tag{
  font-family:var(--f-selo); font-size:.68rem; letter-spacing:.04em;
  color:var(--tinta-suave);
  margin-left:.7em;
  padding-left:.7em;
  border-left:1px solid var(--areia-funda);
}
.indice-item-thumb{
  width:88px; height:88px;
  border-radius:8px;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:var(--sombra);
  display:none;
}
.indice-item-thumb img{ width:100%; height:100%; object-fit:cover; }

@media (min-width:640px){
  .indice-item-thumb{ display:block; }
}

/* ===== "leia também" — rodapé de cada post ===== */
.leia-tambem{ margin-top:3.5rem; padding-top:2.5rem; border-top:1px solid var(--areia-funda); }
.leia-tambem-titulo{
  font-family:var(--f-display); font-weight:700; font-size:1.4rem;
  color:var(--couro); margin-bottom:1.4rem;
}
.leia-tambem-grade{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1.4rem;
}
.leia-tambem-card{
  display:block; text-decoration:none; color:inherit;
}
/* ===== hero editorial (home) ===== */
.hero-editorial{ position:relative; overflow:hidden; }
.hero-ghost{
  position:absolute;
  top:1.4em; left:-.06em;
  font-family:var(--f-display);
  font-size:clamp(4rem,9vw,8.5rem);
  line-height:1;
  font-weight:700;
  color:transparent;
  -webkit-text-stroke:1.5px rgba(12,39,69,.12);
  z-index:0;
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
}
.hero-editorial-conteudo{ position:relative; z-index:1; }
.hero-editorial-imagem{
  position:relative; z-index:1;
  transform:rotate(-2.5deg);
  transition:transform .3s ease;
}
.hero-editorial-imagem:hover{ transform:rotate(0deg); }
.hero-editorial-imagem img{ border-radius:6px; }
.hero-editorial-selo-num{
  font-family:var(--f-display); font-weight:700; font-size:1rem;
  color:var(--coral); letter-spacing:.04em;
}

.leia-tambem-card .cartao-couro{ padding:8px; margin-bottom:.7rem; }
.leia-tambem-card img{ aspect-ratio:4/3; width:100%; object-fit:cover; border-radius:4px; }
.leia-tambem-card h4{
  font-family:var(--f-titulo); font-size:1.05rem; margin:0 0 .3em;
  transition:color .2s ease;
}
.leia-tambem-card:hover h4{ color:var(--terracota); }
.leia-tambem-card span{
  font-family:var(--f-selo); font-size:.68rem; letter-spacing:.08em;
  text-transform:uppercase; color:var(--coral);
}

/* ===== numeral editorial nos cards de livro (páginas de série) ===== */
body{ counter-reset:livro; }
.livro-bloco{ position:relative; z-index:0; counter-increment:livro; }
.livro-bloco-num{
  position:absolute;
  top:-1.6rem; left:-1.2rem;
  font-family:var(--f-display); font-weight:700; font-size:4.4rem; line-height:1;
  color:transparent; -webkit-text-stroke:1.3px var(--coral);
  z-index:0; pointer-events:none; user-select:none;
}
.livro-bloco-num::before{ content:counter(livro,decimal-leading-zero); }
.livro-bloco .cartao-couro{ position:relative; z-index:1; }
@media (max-width:640px){
  .livro-bloco-num{ font-size:3rem; top:-1.1rem; left:-.6rem; }
}
@media (max-width:760px){
  .blog-capa{ grid-template-columns:1fr; padding:2.2rem 1.6rem; text-align:left; }
  .blog-capa-num{ font-size:8rem; }
  .blog-capa-imagem{ transform:none; max-width:220px; }
}
@media (max-width:520px){
  .indice-item{ grid-template-columns:auto 1fr; padding:1.3rem 1rem; gap:1rem; }
  .indice-item::before{ font-size:1.9rem; }
}
@media (max-width:760px){
  .hero-editorial-imagem{ transform:none; max-width:260px; margin:0 auto; }
}

/* ===== utilidades ===== */
.centro{ text-align:center; }
.mt-0{ margin-top:0; }
.container-estreito{ max-width:760px; margin:0 auto; }

@media (max-width:860px){
  .nav-links{
    position:fixed; inset:112px 0 0 0; height:calc(100vh - 112px);
    background:var(--couro); flex-direction:column; padding:2.5rem 1.8rem;
    gap:1.6rem; transform:translateX(100%); transition:transform .3s ease;
  }
  .nav-links.aberto{ transform:translateX(0); }
  .nav-toggle{ display:flex; }

  .nav-livros .submenu{
    position:static; transform:none;
    opacity:1; visibility:visible; pointer-events:auto;
    background:transparent; border:none; box-shadow:none;
    padding:.6rem 0 0 1rem; margin-top:.6rem; min-width:0;
  }
  .nav-livros .submenu a{ font-size:.85rem; font-weight:500; opacity:.85; padding:.5em 0; }
  .nav-livros .submenu li + li{ border-top:none; }

  .rodape-grade{ grid-template-columns:1fr 1fr; }
  .newsletter-caixa{ grid-template-columns:1fr; padding:2rem; }
}
@media (max-width:520px){
  .rodape-grade{ grid-template-columns:1fr; }
  .secao{ padding:3.5rem 0; }

  /* botões ocupam a largura da tela no mobile */
  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }

}

/* ===== capa de post / galeria — maior no desktop, sem virar 100% =====
   Usada nas capas de post e imagens de galeria dentro do corpo do post.
   No celular mantém o cartão pequeno e emoldurado (como o resto do
   site); a partir de telas médias ela cresce, sem chegar a ocupar a
   largura inteira do artigo. */
.capa-post{
  margin:2rem auto 2.5rem;
  max-width:340px;
}
@media (min-width:641px){
  .capa-post{ max-width:440px; }
}

/* ===== correção geral de responsividade =====
   Muitas seções (hero, próximo lançamento, bio da autora, páginas de
   livro com capa fixa ao lado do texto, páginas de série) usam grid de
   duas colunas e "position:sticky" escritos direto no HTML (estilo
   inline). Como estilo inline tem prioridade sobre classes normais do
   CSS, essas seções não respondiam em telas pequenas. Esta regra usa
   !important para vencer o estilo inline e forçar empilhamento vertical
   sempre que a tela for estreita — conserta o site inteiro de uma vez,
   sem precisar editar página por página. */
@media (max-width:760px){
  [style*="grid-template-columns"]{
    display:block !important;
  }
  [style*="position:sticky"]{
    position:static !important;
    top:auto !important;
  }
  /* dá um respiro entre os blocos que viraram empilhados */
  [style*="grid-template-columns"] > * + *{
    margin-top:2rem;
  }
}

/* ===== voltar ao topo ===== */
.voltar-topo{
  position:fixed; right:1.6rem; bottom:1.6rem; z-index:40;
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  background:var(--couro); color:var(--areia-clara);
  border:none; border-radius:50%;
  cursor:pointer;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.35);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
.voltar-topo.visivel{ opacity:1; visibility:visible; transform:translateY(0); }
.voltar-topo:hover{ background:var(--terracota); }
.voltar-topo svg{ width:20px; height:20px; }

/* ===== logomarca ===== */
.marca-logo{ height:86px; width:auto; display:block; }
.marca-logo-footer{ height:64px; width:auto; display:block; opacity:.95; }