/* Página inicial: escolha entre as três versões. */
@font-face { font-family: "Jost"; src: url("/assets/fonts/jost.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
body { min-height: 100svh; display: grid; place-items: center; background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(232, 185, 90, .25), transparent 70%), #140b04; color: #fff6e3; font: 300 1rem/1.6 "Jost", sans-serif; }
::selection { background: #e8b95a; color: #140b04; }
.raiz { width: min(1100px, 100% - 40px); padding: 70px 0; text-align: center; }
.raiz__sobre { letter-spacing: .3em; text-transform: uppercase; font-size: .8125rem; color: #e8b95a; }
.raiz h1 { margin: 14px 0 50px; font: 500 clamp(2.4rem, 5vw, 3.8rem)/1.1 "Cormorant Garamond", serif; }
.versoes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.versao { display: grid; gap: 10px; padding: 18px 18px 26px; border-radius: 24px; background: rgba(255, 246, 227, .05); border: 1px solid rgba(232, 185, 90, .25); text-decoration: none; text-align: left; transition: transform .5s cubic-bezier(.22, 1, .36, 1), border-color .4s, box-shadow .5s; }
.versao:hover { transform: translateY(-8px); border-color: #e8b95a; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
.versao__cor { height: 150px; border-radius: 16px; background: var(--g); transition: filter .4s; }
.versao:hover .versao__cor { filter: saturate(1.3) brightness(1.1); }
.versao b { font: 500 1.9rem/1 "Cormorant Garamond", serif; margin-top: 6px; }
.versao span:last-child { color: rgba(255, 246, 227, .72); font-size: .9375rem; }
.raiz__aviso { margin-top: 40px; font-size: .875rem; color: rgba(255, 246, 227, .55); }
@media (max-width: 800px) { .versoes { grid-template-columns: 1fr; } .versao__cor { height: 100px; } }