:root{
  --vinho:#5a241d;
  --vinho-escuro:#351411;
  --dourado:#c9a75b;
  --creme:#f5efe4;
  --papel:#fffdf8;
  --texto:#302924;
  --cinza:#71665d;
}
*{box-sizing:border-box}
html{background:var(--creme)}
body{margin:0;color:var(--texto);background:linear-gradient(180deg,#efe5d5 0,#faf7f0 36%,#f5efe4 100%);font-family:Arial,Helvetica,sans-serif;min-height:100vh}
.topo{background:linear-gradient(135deg,var(--vinho-escuro),var(--vinho));border-bottom:4px solid var(--dourado);color:#fff}
.topo-interno{width:min(1100px,calc(100% - 36px));min-height:112px;margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}
.inicio{justify-self:start;padding:10px 15px;border:1px solid rgba(255,255,255,.4);border-radius:5px;color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.08em}
.inicio:hover,.inicio:focus-visible{background:#fff;color:var(--vinho-escuro)}
.marca-logo{display:block;justify-self:end;border-radius:5px;line-height:0}
.marca-logo:hover,.marca-logo:focus-visible{outline:2px solid var(--dourado);outline-offset:4px}
.portal-logo{display:block;width:150px;height:72px;background-image:url('https://www.nossosaopaulo.com.br/assets/logo-pnsp-fundo-escuro.svg');background-repeat:no-repeat;background-position:center;background-size:contain}
main{width:min(1040px,calc(100% - 36px));margin:auto;padding:64px 0 54px}
.abertura{text-align:center;max-width:790px;margin:0 auto 42px}
.rotulo{margin:0 0 14px;color:var(--vinho);font-size:.76rem;font-weight:800;letter-spacing:.22em}
h1{margin:0;color:var(--vinho-escuro);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,6vw,4.8rem);font-weight:600;line-height:1.02}
.subtitulo{max-width:670px;margin:22px auto 0;color:var(--cinza);font-size:1.1rem;line-height:1.65}
.escolhas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.cartao{position:relative;display:flex;min-height:340px;flex-direction:column;padding:34px;border:1px solid #d8c8ad;border-radius:14px;background:var(--papel);box-shadow:0 12px 34px rgba(59,38,24,.10);overflow:hidden}
.cartao::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--dourado)}
.cartao.comemorativo{background:linear-gradient(145deg,#fffdf8,#f5ead5);border-color:#c9a75b}
.identificador{width:max-content;margin-bottom:28px;padding:7px 10px;border-radius:4px;background:#eee4d4;color:var(--vinho);font-size:.69rem;font-weight:800;letter-spacing:.13em}
.comemorativo .identificador{background:var(--vinho);color:#fff}
h2{margin:0 0 16px;color:var(--vinho-escuro);font-family:Georgia,"Times New Roman",serif;font-size:2rem}
.cartao p{margin:0 0 30px;color:#645a51;font-size:1rem;line-height:1.7}
.botao{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding:15px 17px;border-radius:6px;text-decoration:none;font-weight:800;line-height:1.25;transition:transform .15s ease,filter .15s ease}
.botao:hover,.botao:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}
.botao.principal{background:var(--vinho);color:#fff}
.botao.secundario{border:1px solid var(--vinho);color:var(--vinho);background:#fff}
.nota{max-width:780px;margin:34px auto 0;color:#756a60;text-align:center;font-size:.9rem;line-height:1.6}
footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:27px 20px;background:var(--vinho-escuro);color:#e9dbc3;font-size:.88rem}
footer a{color:#fff;font-weight:700;text-decoration:none}
footer a:hover,footer a:focus-visible{text-decoration:underline}
@media(max-width:720px){
  .topo-interno{min-height:96px}
  .portal-logo{width:128px;height:62px}
  main{padding-top:44px}
  .escolhas{grid-template-columns:1fr}
  .cartao{min-height:310px;padding:29px}
}
@media(max-width:430px){
  .topo-interno{width:min(100% - 24px,1100px);grid-template-columns:auto 1fr}
  .portal-logo{width:110px;height:54px}
  main{width:min(100% - 24px,1040px)}
}