/* Yard Nights — grillandipatio.com — anoitecer, barraca, vagalumes */
:root{--noite:#232849;--lusco:#3A3F63;--vagalume:#FFD966;--leitoso:#FAF7EF;--grama:#31513F;--nevoeiro:#8E93B4;--cartao:#FFFFFF}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Nunito Sans',sans-serif;background:var(--leitoso);color:#2B2E45;line-height:1.72;font-size:17px}
h1,h2,h3{font-family:'Fredoka',sans-serif;font-weight:600;line-height:1.18}
a{color:var(--noite);text-decoration:none}
a:hover{color:var(--grama)}
img{max-width:100%;height:auto;display:block}
header.varal{background:var(--noite);color:var(--leitoso);position:sticky;top:0;z-index:40;border-bottom:4px dotted var(--vagalume)}
.varal-linha{max-width:1080px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.marca-yn{font-family:'Fredoka',sans-serif;font-weight:600;font-size:22px;color:var(--leitoso)}
.marca-yn em{font-style:normal;color:var(--vagalume)}
nav.cordinha{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;font-size:15px;font-weight:800}
nav.cordinha a{color:var(--leitoso);opacity:.92}
nav.cordinha a.acesa{color:var(--vagalume);opacity:1}
.idiomas-yn{display:flex;gap:6px;font-size:12px;font-weight:800}
.idiomas-yn a{padding:4px 10px;border-radius:14px;background:var(--lusco);color:var(--leitoso)}
.idiomas-yn a.deste{background:var(--vagalume);color:var(--noite)}
.ceu-capa{background:linear-gradient(180deg,var(--noite) 0%,var(--lusco) 55%,#7A5A6E 82%,#C98A5B 100%);color:var(--leitoso);padding:64px 24px 0;overflow:hidden}
.ceu-miolo{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:end}
.ceu-capa .pisca{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--vagalume);margin-bottom:14px}
.ceu-capa h1{font-size:clamp(36px,5.2vw,60px);margin-bottom:14px}
.ceu-capa p.lua{font-size:18.5px;max-width:32em;color:#E8E4F2}
.ceu-capa figure{margin-bottom:-6px}
.ceu-capa figure img{border-radius:18px 18px 0 0;box-shadow:0 -8px 40px rgba(35,40,73,.5)}
.botao-yn{display:inline-block;background:var(--vagalume);color:var(--noite);font-family:'Fredoka',sans-serif;font-weight:600;padding:13px 26px;border-radius:26px;margin:22px 0 40px}
.botao-yn:hover{background:var(--leitoso);color:var(--noite)}
.botao-yn.noturno{background:transparent;color:var(--vagalume);border:2px solid var(--vagalume)}
.quintal{max-width:1080px;margin:0 auto;padding:56px 24px}
.quintal-cab{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.quintal-cab h2{font-size:29px;color:var(--noite)}
.quintal-cab span{flex:1;border-top:3px dotted var(--vagalume)}
.fichas{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:22px}
.ficha-yn{background:var(--cartao);border-radius:18px;overflow:hidden;box-shadow:0 3px 14px rgba(35,40,73,.09);display:grid;grid-template-rows:auto 1fr}
.ficha-yn:hover{box-shadow:0 10px 26px rgba(35,40,73,.18);color:inherit}
.ficha-yn img{aspect-ratio:16/10;object-fit:cover}
.ficha-corpo{padding:20px 22px 24px}
.ficha-corpo .noite-n{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--grama)}
.ficha-corpo h3{font-size:20.5px;margin:6px 0 8px;color:var(--noite)}
.ficha-corpo p{font-size:15px;color:#5A5D77}
.faixa-noite{background:var(--noite);color:var(--leitoso);padding:58px 24px;position:relative}
.faixa-noite .estrelinhas{position:absolute;inset:0;background-image:radial-gradient(var(--vagalume) 1.2px,transparent 1.2px);background-size:90px 70px;opacity:.28}
.faixa-noite .miolo{max-width:740px;margin:0 auto;text-align:center;position:relative}
.faixa-noite h2{font-size:28px;color:var(--vagalume);margin-bottom:14px}
main.lanterna{max-width:720px;margin:0 auto;padding:54px 24px 80px}
main.lanterna .noite-n{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--grama)}
main.lanterna h1{font-size:clamp(30px,4.2vw,44px);color:var(--noite);margin:8px 0 12px}
main.lanterna .assinado{font-size:14px;color:#6E7190;margin-bottom:26px}
main.lanterna h2{font-size:24px;color:var(--noite);margin:34px 0 12px;display:flex;align-items:center;gap:10px}
main.lanterna h2::before{content:"✦";color:var(--vagalume);font-size:19px}
main.lanterna p,main.lanterna li{margin-bottom:14px}
main.lanterna ul,main.lanterna ol{padding-left:24px}
main.lanterna figure{margin:28px 0}
main.lanterna figure img{border-radius:16px}
main.lanterna figcaption{font-size:13.5px;color:#6E7190;margin-top:9px}
.dica-yn{background:var(--cartao);border-radius:16px;padding:20px 24px;margin:28px 0;box-shadow:inset 4px 0 0 var(--vagalume),0 3px 12px rgba(35,40,73,.07)}
.conversas details{background:var(--cartao);border-radius:12px;margin-bottom:10px;padding:14px 18px;box-shadow:0 2px 8px rgba(35,40,73,.06)}
.conversas summary{font-family:'Fredoka',sans-serif;font-weight:600;cursor:pointer;color:var(--noite)}
.conversas p{margin:10px 0 2px;color:#5A5D77}
.trilha-seguinte{margin-top:42px;background:var(--noite);border-radius:18px;padding:24px;color:var(--leitoso)}
.trilha-seguinte h2{color:var(--vagalume);font-size:20px;margin:0 0 12px}
.trilha-seguinte h2::before{content:""}
.trilha-seguinte a{display:block;color:var(--leitoso);padding:10px 0;border-top:1px solid var(--lusco)}
.trilha-seguinte a:hover{color:var(--vagalume)}
.trilha-seguinte small{color:var(--nevoeiro)}
form.bilhetinho{display:grid;gap:14px;background:var(--cartao);padding:26px;border-radius:18px;box-shadow:0 3px 14px rgba(35,40,73,.09)}
form.bilhetinho label{font-weight:800;font-size:14.5px;color:var(--noite)}
form.bilhetinho input,form.bilhetinho textarea{width:100%;padding:12px;border:2px solid #E4E0D2;border-radius:12px;font:inherit;background:var(--leitoso)}
form.bilhetinho input:focus,form.bilhetinho textarea:focus{border-color:var(--vagalume);outline:none}
form.bilhetinho button{justify-self:start;border:none;cursor:pointer}
footer.gramado{background:var(--grama);color:#DCE8DF;margin-top:70px}
.gramado-linha{max-width:1080px;margin:0 auto;padding:38px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;font-size:14px}
.gramado-linha a{color:#F2F7EE}
.gramado-fecho{background:#26422F;text-align:center;padding:13px;font-size:12.5px}
@media(max-width:840px){.ceu-miolo{grid-template-columns:1fr}.ceu-capa{padding-top:42px}}