/* Visual original: amarelo, preto e branco. Layout fluido, sem altura fixa. */
:root{color-scheme:light;--background:#ffce56;--ink:#000;--button:#fff}
*{box-sizing:border-box}
html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;background:var(--background);color:var(--ink);font-family:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:1rem;line-height:1.5;padding:clamp(1.5rem,5vw,3.5rem) max(1.25rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}
main{width:100%;max-width:34rem;margin-inline:auto}
header{text-align:center;margin-bottom:clamp(1.75rem,5vw,3rem)}
.logo{display:block;width:clamp(8.5rem,30vw,11.875rem);max-width:100%;height:auto;margin:0 auto 1.25rem}
h1{font-size:clamp(1.3125rem,1.15rem + .7vw,1.5rem);font-weight:700;line-height:1.3;margin:0;overflow-wrap:anywhere}
nav{display:flex;flex-direction:column;gap:1rem;padding:0 .3rem .3rem 0}
.link{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.5rem;padding:.9rem 1.35rem;border:2px solid var(--ink);border-radius:999px;background:var(--button);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font:inherit;font-size:clamp(1rem,.94rem + .25vw,1.125rem);font-weight:600;line-height:1.45;text-align:center;text-decoration:none;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}
.link:focus-visible{outline:3px solid #000;outline-offset:7px}
.link:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
footer{text-align:center;margin-top:clamp(2rem,5vw,3rem);font-size:.875rem;line-height:1.7;overflow-wrap:anywhere}
footer p{margin:0}footer strong{font-weight:700}
@media(hover:hover) and (pointer:fine){.link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}}
@media(max-width:359px){body{padding-inline:1rem}.link{padding:.85rem .8rem}nav{gap:.875rem}}
@media(orientation:landscape) and (max-height:500px){body{padding-top:1.25rem}.logo{width:7rem}header{margin-bottom:1.5rem}}
@media(prefers-reduced-motion:reduce){.link{transition:none}}

/* Versão independente, sem WordPress. */
.location{font-size:.9375rem;margin:.65rem 0 0;color:#3e3216}
.link{position:relative;border-radius:1.25rem;padding:1rem 2.75rem;min-height:5rem}
.link>span:first-child{min-width:0}
.link strong{display:block;font-size:1.0625rem;font-weight:700}
.link small{display:block;font-size:.875rem;font-weight:400;margin-top:.125rem;line-height:1.5}
.arrow{position:absolute;right:1rem;font-size:1.375rem;line-height:1}
.primary{background:#111;color:#fff;box-shadow:4px 4px 0 #8c6610}
@media(hover:hover) and (pointer:fine){.primary:hover{box-shadow:6px 6px 0 #8c6610}}
@media(max-width:359px){.link{padding:.9rem 2rem}.arrow{right:.6rem}}