/* A ficha de UM vinho (/vinho/<id>-<nome>), 23/09/2026. Montada por
   netlify/functions/vinho-pagina.mjs a partir de netlify/templates/vinho-um.html.
   REGRA DO EDUARDO: intuitiva pra quem é mais velho, tem pressa ou tem dificuldade.
   Letra de 17 px ou mais no que importa, alvo de toque de 48 px ou mais, uma ação
   principal por bloco e o caminho de volta sempre à vista. */
.vf .miolo { max-width:720px; padding-top:26px; }
.vf-trilha { font-size:15px; line-height:1.5; margin:0 0 20px; color:var(--tinta-suave); display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; }
.vf-trilha a { color:var(--vermelho); font-weight:600; text-decoration:none; display:inline-flex; align-items:center; min-height:44px; }
.vf-trilha a:hover { text-decoration:underline; }
.vf-trilha a:first-child { border:1.5px solid rgba(163,22,33,.35); border-radius:999px; padding:0 16px; margin-right:6px; }

.vf-vinicola { font-size:14px !important; letter-spacing:.14em; text-transform:uppercase; font-weight:700; margin:0 !important; }
.vf-vinicola a { color:var(--suave) !important; text-decoration:none; }
.vf-vinicola a:hover { color:var(--vermelho) !important; text-decoration:underline; }
.vf .vf-nome { font-family:"Playfair Display",Georgia,serif; font-weight:600; font-size:clamp(2rem,6.4vw,2.9rem); line-height:1.1; margin:6px 0 14px; }
.vf .vf-resumo { font-size:19px; line-height:1.6; color:var(--tinta); margin-bottom:22px; }

.vf-nota { display:flex; align-items:center; gap:20px; background:var(--cru); border-radius:18px; padding:18px 22px; flex-wrap:wrap; }
.vf-nota-num { text-align:center; min-width:112px; }
.vf-est { display:block; font-size:19px; letter-spacing:2px; line-height:1; }
.vf-nota-num b { display:inline-block; font-family:"Playfair Display",Georgia,serif; font-variant-numeric:lining-nums; font-size:48px; line-height:1.05; color:var(--vermelho); margin-top:4px; }
.vf-nota-num small { font-size:16px; color:var(--tinta-suave); margin-left:4px; }
.vf-nota-txt { flex:1; min-width:180px; }
.vf-nota-txt b { display:block; font-size:19px; color:var(--vinho); line-height:1.3; }
.vf-nota-txt span { display:block; font-size:15.5px; color:var(--tinta-suave); margin-top:4px; line-height:1.45; }

.vf-brinde { display:flex; align-items:center; gap:12px 16px; flex-wrap:wrap; margin:16px 0 4px; }
.vf-brinde span { font-size:15px; color:var(--tinta-suave); line-height:1.45; flex:1; min-width:200px; }
.vf .brinde { background:#FFFDF8; color:var(--vermelho); border:1.5px solid var(--vermelho); border-radius:12px; min-height:50px;
  padding:0 20px; font:700 15px/1 Inter,sans-serif; letter-spacing:.04em; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.vf .brinde i { font-style:normal; font-weight:800; margin-left:2px; }
.vf .brinde.ja { background:var(--vermelho); color:#fff; }
.vf .brinde:disabled:not(.ja) { opacity:.6; }
.vf .brinde:focus-visible, .vf-btn:focus-visible, .vf-lista a:focus-visible { outline:3px solid var(--ouro-vivo); outline-offset:2px; }

.vf-oque { margin:14px 0 6px; }
.vf-oque summary { font-size:16px; color:var(--vermelho); font-weight:600; cursor:pointer; min-height:44px; display:flex; align-items:center; }
.vf-oque p { font-size:16px !important; line-height:1.7 !important; color:var(--tinta-suave); background:#FFFDF8; border-radius:12px; padding:14px 16px; margin:4px 0 0 !important; }

.vf .vf-h2 { font-family:"Playfair Display",Georgia,serif; font-weight:600; font-size:25px; margin:36px 0 12px; line-height:1.2; }
.vf-ficha { display:grid; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; }
.vf-ficha div { border-bottom:1px solid #E7DCC6; padding:12px 0; }
.vf-ficha dt { font-size:13px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--suave); }
.vf-ficha dd { font-size:18px; margin:4px 0 0; line-height:1.4; color:var(--tinta); }
.vf-ficha dd a { color:var(--vermelho); text-underline-offset:3px; }
.vf-preco-visto { display:block; font-size:14px; color:var(--tinta-suave); margin-top:3px; }
@media (max-width:460px){ .vf-ficha { grid-template-columns:1fr; } }

.vf .vf-harm { font-size:19px; line-height:1.55; margin-bottom:6px; }
.vf .vf-nota-leve { font-size:15px; color:var(--tinta-suave); margin-bottom:10px; }

.vf-acoes { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 8px; }
.vf-btn { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 24px; border-radius:12px;
  background:var(--vermelho); color:#fff !important; font:700 16px/1.2 Inter,sans-serif; text-decoration:none; text-align:center; }
.vf-btn:hover { background:var(--vermelho-vivo); }
.vf-btn-2 { background:transparent; color:var(--vermelho) !important; border:1.5px solid var(--vermelho); }
.vf-btn-2:hover { background:rgba(163,22,33,.06); }

.vf-mais { font-weight:700; font-size:16px; }
.vf .vf-fonte { margin-top:40px; font-size:13.5px; color:var(--tinta-suave); border-top:1px solid #E7DCC6; padding-top:16px; line-height:1.7; }