/*
Theme Name: Facilitando Viagem
Theme URI: https://facilitandoviagem.com
Author: Debora Ribeiro
Description: Tema do Facilitando Viagem: pagina de vendas dos Mapas de Cartagena, blog e paginas comuns.
Version: 2.1.0
Text Domain: facilitando-viagem
*/

/* =====================================================================
   TOKENS (marca Costa Clara). Prefixo fvx- = partes compartilhadas
   ===================================================================== */
:root{
  --fvx-branco:#ffffff;
  --fvx-preto:#000000;
  --fvx-teal:#328f98;
  --fvx-teal-fundo:#1f6a72;
  --fvx-coral:#f38f9b;
  --fvx-cinza:#4a4a4a;
  --fvx-linha:#d9e6e8;
  --fvx-titulo:'Raleway',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fvx-texto:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

/* topo */
.fvx-top{background:var(--fvx-branco);border-bottom:1px solid var(--fvx-linha)}
.fvx-top-in{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fvx-logo{font-family:var(--fvx-titulo);font-weight:800;font-size:1.15rem;color:var(--fvx-preto);text-decoration:none}
.fvx-logo span{color:var(--fvx-teal-fundo)}
.fvx-nav{display:flex;align-items:center;gap:20px;font-family:var(--fvx-texto);font-size:.95rem}
.fvx-nav a{color:var(--fvx-preto);text-decoration:none}
.fvx-nav a:hover{text-decoration:underline}
.fvx-nav .fvx-btn-mini{background:var(--fvx-coral);border:2px solid var(--fvx-preto);padding:8px 16px;border-radius:4px;font-weight:700}

/* conteudo geral */
.fvx-main{background:var(--fvx-branco);color:var(--fvx-preto);font-family:var(--fvx-texto);font-size:18px;line-height:1.7}
.fvx-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.fvx-main h1,.fvx-main h2,.fvx-main h3{font-family:var(--fvx-titulo);font-weight:800;line-height:1.12;letter-spacing:-.01em}
.fvx-kicker{font-family:var(--fvx-titulo);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fvx-teal-fundo);margin:0 0 14px}
.fvx-head{padding:56px 0 28px}
.fvx-head h1{font-size:clamp(2rem,6vw,3.4rem);margin:0 0 14px}
.fvx-head p{max-width:40em;margin:0;color:var(--fvx-cinza)}

/* lista de artigos */
.fvx-grid{display:grid;gap:28px;padding:16px 0 56px}
.fvx-card{border-top:1px solid var(--fvx-preto);padding-top:18px}
.fvx-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--fvx-preto);margin-bottom:14px;display:block}
.fvx-card h2{font-size:1.35rem;margin:0 0 8px}
.fvx-card h2 a{color:inherit;text-decoration:none}
.fvx-card h2 a:hover{text-decoration:underline}
.fvx-card p{margin:0 0 8px;color:var(--fvx-cinza);font-size:1rem}
.fvx-meta{font-size:.85rem;color:var(--fvx-cinza)}
@media (min-width:760px){.fvx-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.fvx-grid{grid-template-columns:repeat(3,1fr)}}

.fvx-pag{padding:0 0 56px;display:flex;gap:10px;flex-wrap:wrap}
.fvx-pag .page-numbers{padding:8px 14px;border:1px solid var(--fvx-preto);color:var(--fvx-preto);text-decoration:none;font-weight:700}
.fvx-pag .page-numbers.current{background:var(--fvx-coral)}

/* faixa de venda no fim das listas */
.fvx-faixa{background:var(--fvx-teal-fundo);color:var(--fvx-branco);padding:44px 0;text-align:left}
.fvx-faixa h2{color:var(--fvx-branco);font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 10px}
.fvx-faixa p{margin:0 0 18px}
.fvx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;background:var(--fvx-coral);color:var(--fvx-preto)!important;font-family:var(--fvx-titulo);font-weight:800;text-decoration:none!important;border:2px solid var(--fvx-preto);border-radius:4px}

/* paginas comuns */
.fvx-page{max-width:760px;margin:0 auto;padding:56px 20px 72px}
.fvx-page h1{font-size:clamp(2rem,6vw,3rem);margin:0 0 24px}
.fvx-page h2{font-size:1.5rem;margin:36px 0 12px}
.fvx-page a{color:var(--fvx-teal-fundo)}
.fvx-page img{max-width:100%;height:auto}

/* rodape */
.fvx-foot{background:var(--fvx-preto);color:#d6d6d6;padding:36px 0;font-family:var(--fvx-texto);font-size:.9rem;line-height:1.7}
.fvx-foot a{color:var(--fvx-branco)}
.fvx-foot p{margin:0 0 8px}

a:focus-visible{outline:3px solid var(--fvx-teal-fundo);outline-offset:3px}