/* O CARTÃO DA VITRINE, NO BLOG — ESTE ARQUIVO É GERADO.
   Não o edite: ele é recortado de design/tokens-e-base.css, design/capas-e-cores.css
   e design/vitrine-e-carrossel.css a cada construção, pelo
   .github/scripts/o_cartao_da_vitrine_no_blog.py. Mexer no cartão se faz LÁ, e o do
   blog acompanha sozinho. */

/* Os tokens que a folha do blog não declara. */
.sugeridos{
  --fonte-titulo:'Fraunces', 'Iowan Old Style', Palatino, 'Palatino Linotype', Georgia, serif;
  --border:rgba(31,26,18,0.10);
  --border-soft:rgba(31,26,18,0.06);
  --shadow-2:0 8px 22px rgba(36,29,18,0.09);
  --shadow-3:0 16px 36px rgba(36,29,18,0.12);
  --radius-sm:8px;
  --radius-md:12px;
  --radius-pill:999px;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
  --dur-fast:140ms;
  --dur-base:240ms;
  --dur-slow:480ms;
}

/* As cores com nome de cada leitura. */
.sugeridos .capa-ouro{--capa-clara:#E2BF8D; --capa-media:#B8863F; --capa-funda:#3C2B1A; --capa-botao:#966D33; --capa-botao-forte:#7B5A2A; --capa-fundo:#F0EADE; --capa-fundo-forte:#EBE0D0; --capa-vidro:rgba(240,234,222,0.86); --capa-brilho:rgba(150,109,51,0.30); --capa-sombra:rgba(60,43,26,0.28);}
.sugeridos .capa-cobre{--capa-clara:#ECA67D; --capa-media:#C2662F; --capa-funda:#3F2216; --capa-botao:#B25D2B; --capa-botao-forte:#954E24; --capa-fundo:#F1E4DD; --capa-fundo-forte:#EFD9CD; --capa-vidro:rgba(241,228,221,0.86); --capa-brilho:rgba(178,93,43,0.30); --capa-sombra:rgba(63,34,22,0.28);}
.sugeridos .capa-ambar{--capa-clara:#F2C294; --capa-media:#D4863A; --capa-funda:#472B16; --capa-botao:#A76524; --capa-botao-forte:#8A531E; --capa-fundo:#F1E7DD; --capa-fundo-forte:#EFDDCD; --capa-vidro:rgba(241,231,221,0.86); --capa-brilho:rgba(167,101,36,0.30); --capa-sombra:rgba(71,43,22,0.28);}
.sugeridos .capa-mel{--capa-clara:#E1CA91; --capa-media:#B89642; --capa-funda:#3C301B; --capa-botao:#8B7132; --capa-botao-forte:#715C28; --capa-fundo:#F0EBDE; --capa-fundo-forte:#EBE4D0; --capa-vidro:rgba(240,235,222,0.86); --capa-brilho:rgba(139,113,50,0.30); --capa-sombra:rgba(60,48,27,0.28);}
.sugeridos .capa-trigo{--capa-clara:#F0CD87; --capa-media:#D19A2E; --capa-funda:#433115; --capa-botao:#946D21; --capa-botao-forte:#77581A; --capa-fundo:#F1EBDD; --capa-fundo-forte:#EFE3CD; --capa-vidro:rgba(241,235,221,0.86); --capa-brilho:rgba(148,109,33,0.30); --capa-sombra:rgba(67,49,21,0.28);}
.sugeridos .capa-caqui{--capa-clara:#CDAD73; --capa-media:#8B6F3D; --capa-funda:#2F251A; --capa-botao:#8B6F3D; --capa-botao-forte:#725B32; --capa-fundo:#EDE9E0; --capa-fundo-forte:#E9E2D3; --capa-vidro:rgba(237,233,224,0.86); --capa-brilho:rgba(139,111,61,0.30); --capa-sombra:rgba(47,37,26,0.28);}
.sugeridos .capa-castanho{--capa-clara:#CB8C56; --capa-media:#7A5230; --capa-funda:#2A1D17; --capa-botao:#7A5230; --capa-botao-forte:#604126; --capa-fundo:#F0E7DE; --capa-fundo-forte:#EADDD2; --capa-vidro:rgba(240,231,222,0.86); --capa-brilho:rgba(122,82,48,0.30); --capa-sombra:rgba(42,29,23,0.28);}
.sugeridos .capa-terracota{--capa-clara:#E4826A; --capa-media:#A8462E; --capa-funda:#381916; --capa-botao:#A8462E; --capa-botao-forte:#8C3A26; --capa-fundo:#F1E0DD; --capa-fundo-forte:#EED4CE; --capa-vidro:rgba(241,224,221,0.86); --capa-brilho:rgba(168,70,46,0.30); --capa-sombra:rgba(56,25,22,0.28);}
.sugeridos .capa-coral{--capa-clara:#E5B192; --capa-media:#C0703F; --capa-funda:#3E251A; --capa-botao:#A96337; --capa-botao-forte:#8E532F; --capa-fundo:#F1E5DD; --capa-fundo-forte:#ECD9CF; --capa-vidro:rgba(241,229,221,0.86); --capa-brilho:rgba(169,99,55,0.30); --capa-sombra:rgba(62,37,26,0.28);}
.sugeridos .capa-pessego{--capa-clara:#EBBD9F; --capa-media:#C97B4A; --capa-funda:#44271A; --capa-botao:#AB6133; --capa-botao-forte:#8F512B; --capa-fundo:#F1E5DD; --capa-fundo-forte:#EDD9CE; --capa-vidro:rgba(241,229,221,0.86); --capa-brilho:rgba(171,97,51,0.30); --capa-sombra:rgba(68,39,26,0.28);}
.sugeridos .capa-vinho{--capa-clara:#D56488; --capa-media:#8E3350; --capa-funda:#301420; --capa-botao:#8E3350; --capa-botao-forte:#742A41; --capa-fundo:#F0DEE4; --capa-fundo-forte:#EBD0D9; --capa-vidro:rgba(240,222,228,0.86); --capa-brilho:rgba(142,51,80,0.30); --capa-sombra:rgba(48,20,32,0.28);}
.sugeridos .capa-framboesa{--capa-clara:#DE91AC; --capa-media:#B2456B; --capa-funda:#3A1827; --capa-botao:#B2456B; --capa-botao-forte:#983B5C; --capa-fundo:#F0DEE4; --capa-fundo-forte:#EAD2DA; --capa-vidro:rgba(240,222,228,0.86); --capa-brilho:rgba(178,69,107,0.30); --capa-sombra:rgba(58,24,39,0.28);}
.sugeridos .capa-rosa{--capa-clara:#E1B6CD; --capa-media:#B56A93; --capa-funda:#3E2033; --capa-botao:#AD5987; --capa-botao-forte:#974B74; --capa-fundo:#EDE0E7; --capa-fundo-forte:#E7D4DE; --capa-vidro:rgba(237,224,231,0.86); --capa-brilho:rgba(173,89,135,0.30); --capa-sombra:rgba(62,32,51,0.28);}
.sugeridos .capa-malva{--capa-clara:#E4B4CE; --capa-media:#C77FA6; --capa-funda:#482038; --capa-botao:#B45387; --capa-botao-forte:#9E4575; --capa-fundo:#EDE0E7; --capa-fundo-forte:#E9D3DF; --capa-vidro:rgba(237,224,231,0.86); --capa-brilho:rgba(180,83,135,0.30); --capa-sombra:rgba(72,32,56,0.28);}
.sugeridos .capa-orquidea{--capa-clara:#D1A3D1; --capa-media:#A05CA0; --capa-funda:#351F37; --capa-botao:#A05CA0; --capa-botao-forte:#894F89; --capa-fundo:#ECE1EC; --capa-fundo-forte:#E6D6E6; --capa-vidro:rgba(236,225,236,0.86); --capa-brilho:rgba(160,92,160,0.30); --capa-sombra:rgba(53,31,55,0.28);}
.sugeridos .capa-ameixa{--capa-clara:#AE83B5; --capa-media:#6E4C74; --capa-funda:#271B2B; --capa-botao:#6E4C74; --capa-botao-forte:#5A3E5E; --capa-fundo:#EBE1EC; --capa-fundo-forte:#E3D6E6; --capa-vidro:rgba(235,225,236,0.86); --capa-brilho:rgba(110,76,116,0.30); --capa-sombra:rgba(39,27,43,0.28);}
.sugeridos .capa-violeta{--capa-clara:#AD9BDB; --capa-media:#6A4EB0; --capa-funda:#251B3C; --capa-botao:#6A4EB0; --capa-botao-forte:#5B4397; --capa-fundo:#E4E0ED; --capa-fundo-forte:#D9D3E9; --capa-vidro:rgba(228,224,237,0.86); --capa-brilho:rgba(106,78,176,0.30); --capa-sombra:rgba(37,27,60,0.28);}
.sugeridos .capa-ametista{--capa-clara:#C5ADEB; --capa-media:#A98BD8; --capa-funda:#331D55; --capa-botao:#885FC9; --capa-botao-forte:#7544C0; --capa-fundo:#E5DDF1; --capa-fundo-forte:#DBCFEC; --capa-vidro:rgba(229,221,241,0.86); --capa-brilho:rgba(136,95,201,0.30); --capa-sombra:rgba(51,29,85,0.28);}
.sugeridos .capa-lilas{--capa-clara:#C0B2E6; --capa-media:#7C63BE; --capa-funda:#281D43; --capa-botao:#7C63BE; --capa-botao-forte:#674BB3; --capa-fundo:#E4DEF0; --capa-fundo-forte:#D8D2EA; --capa-vidro:rgba(228,222,240,0.86); --capa-brilho:rgba(124,99,190,0.30); --capa-sombra:rgba(40,29,67,0.28);}
.sugeridos .capa-indigo{--capa-clara:#9093D3; --capa-media:#4C4FA0; --capa-funda:#1C1B37; --capa-botao:#4C4FA0; --capa-botao-forte:#414388; --capa-fundo:#E0E0ED; --capa-fundo-forte:#D4D5E8; --capa-vidro:rgba(224,224,237,0.86); --capa-brilho:rgba(76,79,160,0.30); --capa-sombra:rgba(28,27,55,0.28);}
.sugeridos .capa-noite{--capa-clara:#656EB0; --capa-media:#3A3F63; --capa-funda:#181826; --capa-botao:#3A3F63; --capa-botao-forte:#2D314C; --capa-fundo:#E1E4EC; --capa-fundo-forte:#D6D7E6; --capa-vidro:rgba(225,228,236,0.86); --capa-brilho:rgba(58,63,99,0.30); --capa-sombra:rgba(24,24,38,0.28);}
.sugeridos .capa-marinho{--capa-clara:#5D88CC; --capa-media:#33507E; --capa-funda:#151C2E; --capa-botao:#33507E; --capa-botao-forte:#294065; --capa-fundo:#DEE5F0; --capa-fundo-forte:#D2DBEA; --capa-vidro:rgba(222,229,240,0.86); --capa-brilho:rgba(51,80,126,0.30); --capa-sombra:rgba(21,28,46,0.28);}
.sugeridos .capa-azul{--capa-clara:#90ADD7; --capa-media:#4A6FA5; --capa-funda:#1C2538; --capa-botao:#4A6FA5; --capa-botao-forte:#3F5E8C; --capa-fundo:#E0E5ED; --capa-fundo-forte:#D3DCE8; --capa-vidro:rgba(224,229,237,0.86); --capa-brilho:rgba(74,111,165,0.30); --capa-sombra:rgba(28,37,56,0.28);}
.sugeridos .capa-aco{--capa-clara:#B6C7D8; --capa-media:#6E8BA8; --capa-funda:#242D3B; --capa-botao:#5A7896; --capa-botao-forte:#4D6680; --capa-fundo:#E1E7EC; --capa-fundo-forte:#D6DDE6; --capa-vidro:rgba(225,231,236,0.86); --capa-brilho:rgba(90,120,150,0.30); --capa-sombra:rgba(36,45,59,0.28);}
.sugeridos .capa-prata{--capa-clara:#C0CBD8; --capa-media:#93A3B5; --capa-funda:#2C3340; --capa-botao:#61768E; --capa-botao-forte:#536478; --capa-fundo:#E1E7EC; --capa-fundo-forte:#D6DDE6; --capa-vidro:rgba(225,231,236,0.86); --capa-brilho:rgba(97,118,142,0.30); --capa-sombra:rgba(44,51,64,0.28);}
.sugeridos .capa-ceu{--capa-clara:#B4CEE4; --capa-media:#6B98BE; --capa-funda:#203144; --capa-botao:#4778A2; --capa-botao-forte:#3C6689; --capa-fundo:#E0E7ED; --capa-fundo-forte:#D3DFE9; --capa-vidro:rgba(224,231,237,0.86); --capa-brilho:rgba(71,120,162,0.30); --capa-sombra:rgba(32,49,68,0.28);}
.sugeridos .capa-turquesa{--capa-clara:#74D0C1; --capa-media:#3D8F82; --capa-funda:#182F2F; --capa-botao:#378175; --capa-botao-forte:#2C685E; --capa-fundo:#DFEEED; --capa-fundo-forte:#D3E9E5; --capa-vidro:rgba(223,238,237,0.86); --capa-brilho:rgba(55,129,117,0.30); --capa-sombra:rgba(24,47,47,0.28);}
.sugeridos .capa-esmeralda{--capa-clara:#54D0B1; --capa-media:#2E7E6A; --capa-funda:#142A28; --capa-botao:#2E7E6A; --capa-botao-forte:#246454; --capa-fundo:#DEF0EC; --capa-fundo-forte:#D1EBE5; --capa-vidro:rgba(222,240,236,0.86); --capa-brilho:rgba(46,126,106,0.30); --capa-sombra:rgba(20,42,40,0.28);}
.sugeridos .capa-agua{--capa-clara:#A9D7C5; --capa-media:#5FA98C; --capa-funda:#213631; --capa-botao:#447F68; --capa-botao-forte:#386855; --capa-fundo:#E1ECE9; --capa-fundo-forte:#D5E6E0; --capa-vidro:rgba(225,236,233,0.86); --capa-brilho:rgba(68,127,104,0.30); --capa-sombra:rgba(33,54,49,0.28);}
.sugeridos .capa-verde{--capa-clara:#9BBE78; --capa-media:#5F7A44; --capa-funda:#22291C; --capa-botao:#5F7A44; --capa-botao-forte:#4D6337; --capa-fundo:#E7ECE1; --capa-fundo-forte:#DDE6D6; --capa-vidro:rgba(231,236,225,0.86); --capa-brilho:rgba(95,122,68,0.30); --capa-sombra:rgba(34,41,28,0.28);}
.sugeridos .capa-limao{--capa-clara:#B7DD6C; --capa-media:#7A9E33; --capa-funda:#2A3317; --capa-botao:#617D28; --capa-botao-forte:#4C6220; --capa-fundo:#EBF1DD; --capa-fundo-forte:#E2ECCF; --capa-vidro:rgba(235,241,221,0.86); --capa-brilho:rgba(97,125,40,0.30); --capa-sombra:rgba(42,51,23,0.28);}
.sugeridos .capa-ardosia{--capa-clara:#99A1AD; --capa-media:#5E6570; --capa-funda:#222229; --capa-botao:#5E6570; --capa-botao-forte:#4E535D; --capa-fundo:#E1E5EC; --capa-fundo-forte:#D6DCE6; --capa-vidro:rgba(225,229,236,0.86); --capa-brilho:rgba(94,101,112,0.30); --capa-sombra:rgba(34,34,41,0.28);}
.sugeridos .capa-grafite{--capa-clara:#818398; --capa-media:#4A4B57; --capa-funda:#1C1B22; --capa-botao:#4A4B57; --capa-botao-forte:#3A3A44; --capa-fundo:#E1E4EC; --capa-fundo-forte:#D6D7E6; --capa-vidro:rgba(225,228,236,0.86); --capa-brilho:rgba(74,75,87,0.30); --capa-sombra:rgba(28,27,34,0.28);}

/* A capa pintada: o degradê da cor e a aquarela do signo por cima. */
.sugeridos .poster-cover{background:
    radial-gradient(115% 95% at 24% 8%, var(--capa-clara, #E2BF8D) 0%, rgba(255,255,255,0) 62%),
    linear-gradient(158deg, var(--capa-media, #B8863F) 0%, var(--capa-funda, #3C2B1A) 100%);}
.sugeridos .poster-cover{isolation:isolate; position:relative; overflow:hidden;}
.sugeridos .poster-cover::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:var(--arte); background-size:cover; background-position:center;
  mix-blend-mode:overlay; opacity:0.62;}
.sugeridos .poster-cover .glyph-bg{font-size:40px; opacity:0.5; top:auto; bottom:2px; left:auto; right:12px;
  text-shadow:0 2px 10px rgba(20,16,25,0.55);}

/* A serifa dos títulos, da regra geral do app. */
.sugeridos .poster-card h3{font-family:var(--fonte-titulo); font-weight:600; color:var(--ink); letter-spacing:-0.004em; line-height:1.16; font-optical-sizing:auto;}

/* O cartão, como ele é na vitrine. */
.sugeridos .poster-card{flex:0 0 var(--cartao-cabido, var(--cartao-natural, 250px)); scroll-snap-align:start; background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius-md); overflow:hidden; display:flex; flex-direction:column;
  box-shadow:var(--shadow-2); animation:cartaoEntra var(--dur-slow) var(--ease-soft) both;
  position:relative; z-index:var(--camada,1); transform:scale(var(--perto,1)); opacity:var(--visto,1);}
.sugeridos .poster-card.featured{box-shadow:var(--shadow-3);}
.sugeridos .poster-cover{position:relative; height:120px; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:none;}
.sugeridos .poster-cover::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(0,0,0,0.12));}
.sugeridos .poster-cover .glyph-bg{font-size:74px; opacity:0.22; color:#fff; position:absolute; transition:transform var(--dur-slow) var(--ease); z-index:1;}
.sugeridos .poster-cover .tag{position:absolute; top:12px; left:14px; font-size:var(--c-etiqueta); color:#fff; letter-spacing:0.05em; font-weight:700; text-transform:uppercase; background:rgba(0,0,0,0.32); padding:4px 9px; border-radius:var(--radius-pill); z-index:2; backdrop-filter:blur(4px);}
.sugeridos .poster-body{padding:18px 20px 20px; display:flex; flex-direction:column; gap:10px; flex:1; background:var(--card);}
.sugeridos .poster-card h3{font-size:var(--c-lede); letter-spacing:-0.01em;}
.sugeridos .poster-card p{font-size:var(--c-apoio); color:var(--ink-soft); flex:1; line-height:1.55;}
.sugeridos .poster-card .price-row{display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding-top:12px; border-top:1px solid var(--border-soft);}
.sugeridos .poster-card .price{color:var(--ink); font-weight:700; font-size:var(--c-lede); white-space:nowrap;}
.sugeridos .poster-card .price-row .prazo{color:var(--muted); font-size:var(--c-nota); line-height:1.3; text-align:right; text-wrap:balance;}
.sugeridos .poster-card button, .sugeridos .poster-card .botao{background:var(--capa-botao, var(--brass)); color:#fff; font-size:var(--c-apoio); font-weight:700; padding:10px 14px; border:none; border-radius:var(--radius-sm); width:100%; margin-top:4px;
  min-height:52px; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.35; text-wrap:balance;
  box-shadow:0 6px 14px var(--capa-sombra, rgba(36,29,18,0.10));}
.sugeridos .poster-card button:hover, .sugeridos .poster-card:hover .botao{background:var(--capa-botao-forte, var(--brass-dark));}

/* A entrada do cartão, a mesma da vitrine. */
@keyframes cartaoEntra{from{opacity:0; transform:translateY(10px) scale(var(--perto,1));} to{opacity:var(--visto,1);}}

/* AS TRÊS LINHAS PRÓPRIAS DESTE ARQUIVO, e cada uma tem motivo:
   1. o cartão do blog é um LINK, e link herda a cor do texto do blog;
   2. o `flex` do cartão da vitrine conta com a largura que o JavaScript mede a cada
      rolagem (`--cartao-cabido`); no blog não há programa nenhum, então ele fica com
      a largura natural;
   3. a `<h3>` do cartão herda a serifa do blog sozinha, mas não a entrelinha. */
.sugeridos .poster-card{text-decoration:none; color:var(--ink-soft); flex:0 0 var(--cartao-natural, 250px);}
.sugeridos .poster-card h3{line-height:1.25; margin:0;}
.sugeridos .poster-card p{margin:0;}