/* ═══════════════════════════════════════════════════════════════════
   Seções novas: vídeo do canal, guia (ebook), livros indicados
   Arquivo próprio, para não mexer no style.css do servidor.
   ═══════════════════════════════════════════════════════════════════ */

/* ── canal do YouTube ───────────────────────────────────────────── */
.canal { background: var(--creme-2, #F3EAE2); }
.canal-grade { display: grid; gap: clamp(1.8rem, 4vw, 3.2rem); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 940px) { .canal-grade { grid-template-columns: 1.25fr 1fr; } }

.player { position: relative; aspect-ratio: 16 / 9; border-radius: var(--radius-lg, 24px); overflow: hidden;
  background: #2B1D17; box-shadow: var(--sombra-fw, 0 18px 48px rgba(61,40,32,.12)); }
.player > img, .player > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
.player-play { position: absolute; inset: 0; width: 100%; border: 0; padding: 0; cursor: pointer; background: linear-gradient(180deg, rgba(43,29,23,.05), rgba(43,29,23,.45)); }
.player-play span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: clamp(64px, 11vw, 92px); aspect-ratio: 1; border-radius: 50%;
  background: var(--terracota, #C2705A); box-shadow: 0 8px 28px rgba(0,0,0,.35); transition: transform .22s ease, background .22s ease; }
.player-play span::after { content: ""; position: absolute; left: 53%; top: 50%; transform: translate(-50%, -50%);
  border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #fff; }
.player-play:hover span, .player-play:focus-visible span { transform: translate(-50%, -50%) scale(1.07); background: var(--terracota-d, #A0553F); }
.player-play:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.player-legenda { position: absolute; left: 1rem; bottom: .9rem; right: 1rem; color: #fff; font-size: .85rem; letter-spacing: .02em; text-shadow: 0 1px 8px rgba(0,0,0,.5); text-align: left; pointer-events: none; }

.canal-texto .secao-titulo { margin-bottom: .8rem; }
.canal-texto p { color: var(--avela, #7A5848); margin-bottom: 1.1rem; }
.trechos-titulo { font-size: var(--fs-micro, .76rem); letter-spacing: .2em; text-transform: uppercase; color: var(--terracota, #C2705A); font-weight: 500; margin: 1.6rem 0 .7rem; }
.trechos { list-style: none; padding: 0; display: grid; gap: .55rem; }
.trecho { width: 100%; text-align: left; display: flex; align-items: center; gap: .8rem; padding: .7rem 1rem; border-radius: 14px; cursor: pointer;
  background: var(--branco, #fff); border: 1px solid var(--areia, #E8DDD5); color: var(--mogno, #3D2820); font: inherit; font-size: .94rem; line-height: 1.35;
  transition: border-color .2s, transform .2s, box-shadow .2s; }
.trecho:hover, .trecho:focus-visible { border-color: var(--terracota, #C2705A); transform: translateY(-1px); box-shadow: var(--sombra, 0 6px 20px rgba(61,40,32,.07)); }
.trecho[aria-pressed="true"] { border-color: var(--terracota, #C2705A); background: #FFF8F3; }
.trecho i { flex: none; font-style: normal; font-size: .76rem; font-weight: 500; letter-spacing: .06em; color: var(--terracota-d, #A0553F);
  background: rgba(194,112,90,.12); border-radius: 999px; padding: .2rem .65rem; }
.canal-acoes { display: flex; flex-wrap: wrap; gap: .8rem 1rem; margin-top: 1.6rem; }

/* ── guia (ebook) ───────────────────────────────────────────────── */
.guia { position: relative; overflow: hidden; color: var(--creme, #FAF5F0);
  background: radial-gradient(900px 520px at 85% 0%, rgba(217,144,120,.35), transparent 70%), linear-gradient(135deg, #4B3329 0%, #3D2820 55%, #33201A 100%); }
.guia-grade { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 900px) { .guia-grade { grid-template-columns: 1fr 1.05fr; } }
.guia-arte { margin: 0; }
.guia-arte img { display: block; width: 100%; height: auto; border-radius: 22px; box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.guia .eyebrow { color: var(--terracota-l, #D99078); }
.guia .secao-titulo { color: #FFF6F0; font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3rem); line-height: 1.15; }
.guia .secao-titulo em { color: var(--terracota-l, #D99078); font-style: italic; }
.guia-intro { color: #E3D2C6; font-size: 1.06em; margin-bottom: 1.3rem; max-width: 36rem; }
.guia-lista { list-style: none; padding: 0; margin: 0 0 1.6rem; display: grid; gap: .7rem; }
.guia-lista li { position: relative; padding-left: 1.7rem; color: #F1E4DA; font-size: .98rem; line-height: 1.55; }
.guia-lista li::before { content: ""; position: absolute; left: 0; top: .55em; width: .75rem; height: .75rem; border-radius: 50%; background: var(--terracota, #C2705A); box-shadow: 0 0 0 4px rgba(194,112,90,.25); }
.guia-nota { margin-top: 1.1rem; font-size: .88rem; color: #CDB8AA; max-width: 36rem; }
.guia .btn-secundario { color: #FFF6F0; border-color: rgba(255,246,240,.35); }
.guia .btn-secundario:hover { color: #fff; border-color: var(--terracota-l, #D99078); }
.guia-acoes { display: flex; flex-wrap: wrap; gap: .8rem 1rem; align-items: center; }

/* ── livros (vitrine na página inicial) ─────────────────────────── */
.lv-vitrine { align-items: start; display: grid; gap: clamp(14px, 2.4vw, 26px); grid-template-columns: repeat(2, 1fr); margin: 2.2rem 0 2rem; }
@media (min-width: 760px) { .lv-vitrine { grid-template-columns: repeat(4, 1fr); } }
.lv-mini { display: block; text-align: center; color: var(--mogno, #3D2820); }
.lv-mini img { display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; object-position: top; border-radius: 6px 12px 12px 6px; background: var(--areia, #E8DDD5);
  box-shadow: -3px 0 0 rgba(61,40,32,.18) inset, 0 10px 26px rgba(61,40,32,.22); transition: transform .25s ease, box-shadow .25s ease; }
.lv-mini:hover img { transform: translateY(-5px) rotate(-.6deg); box-shadow: -3px 0 0 rgba(61,40,32,.18) inset, 0 18px 36px rgba(61,40,32,.28); }
.lv-mini span { display: block; margin-top: .9rem; font-family: var(--ff-display, Georgia, serif); font-size: 1.02rem; line-height: 1.3; }
.lv-mini small { display: block; margin-top: .15rem; color: var(--avela, #7A5848); font-size: .82rem; }
.lv-aviso { font-size: .8rem; color: var(--avela-l, #A08878); max-width: 62ch; margin-inline: auto; }

/* ── página de livros ───────────────────────────────────────────── */
.lv-topo { text-align: center; }
.lv-topo .secao-intro { margin-bottom: 1.2rem; }
.lv-filtros { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 1.6rem 0 2.6rem; }
.lv-chip { font: inherit; font-size: .88rem; font-weight: 500; padding: .55rem 1.1rem; border-radius: 999px; cursor: pointer; background: var(--branco, #fff);
  border: 1px solid var(--areia, #E8DDD5); color: var(--avela, #7A5848); transition: all .2s; }
.lv-chip:hover { border-color: var(--terracota, #C2705A); color: var(--terracota, #C2705A); }
.lv-chip.ativo { background: var(--terracota, #C2705A); border-color: var(--terracota, #C2705A); color: #FFF6F0; }
.lv-grade { display: grid; gap: clamp(18px, 2.6vw, 30px); grid-template-columns: 1fr; }
@media (min-width: 980px) { .lv-grade { grid-template-columns: 1fr 1fr; } }
.lv-cartao { display: grid; grid-template-columns: minmax(104px, 34%) 1fr; gap: clamp(1rem, 2.4vw, 1.6rem); padding: clamp(1rem, 2.4vw, 1.5rem);
  background: var(--branco, #fff); border: 1px solid var(--areia, #E8DDD5); border-radius: var(--radius-lg, 24px); }
.lv-cartao[hidden] { display: none; }
.lv-capa { align-self: start; display: block; }
.lv-capa img { display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; object-position: top; border-radius: 6px 12px 12px 6px; background: var(--areia, #E8DDD5);
  box-shadow: -3px 0 0 rgba(61,40,32,.18) inset, 0 12px 28px rgba(61,40,32,.24); transition: transform .25s ease; }
.lv-capa:hover img { transform: translateY(-4px); }
.lv-corpo { display: flex; flex-direction: column; min-width: 0; }
.lv-cat { font-size: var(--fs-micro, .76rem); letter-spacing: .16em; text-transform: uppercase; color: var(--terracota, #C2705A); font-weight: 500; margin-bottom: .45rem; }
.lv-cat span { color: var(--terracota-d, #A0553F); letter-spacing: .08em; }
.lv-corpo h3 { font-size: 1.28rem; line-height: 1.25; margin-bottom: .2rem; }
.lv-autor { color: var(--avela, #7A5848); font-size: .9rem; margin-bottom: .8rem; }
.lv-resenha { font-size: .94rem; line-height: 1.65; color: var(--mogno, #3D2820); margin-bottom: .7rem; }
.lv-para { font-size: .88rem; color: var(--avela, #7A5848); margin-bottom: 1rem; }
.lv-para strong { font-weight: 500; color: var(--mogno, #3D2820); }
.lv-rodape { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; justify-content: space-between; }
.lv-meta { font-size: .8rem; color: var(--avela-l, #A08878); }
.lv-btn { padding: .7rem 1.4rem; font-size: .88rem; }
.lv-faixa { background: var(--creme-2, #F3EAE2); border: 1px solid var(--areia, #E8DDD5); border-radius: 16px; padding: 1rem 1.3rem; font-size: .88rem; color: var(--avela, #7A5848); max-width: 60rem; margin: 0 auto 1.6rem; text-align: center; }
@media (max-width: 520px) { .lv-cartao { grid-template-columns: 1fr; } .lv-capa { max-width: 190px; margin-inline: auto; } }

/* ── guia: galeria de páginas ─────────────────────────────────── */
.guia-galeria { margin-top: clamp(2.8rem, 6vw, 4.5rem); }
.guia-galeria-titulo { text-align: center; font-size: var(--fs-micro, .76rem); letter-spacing: .22em; text-transform: uppercase; color: var(--terracota-l, #D99078); font-weight: 500; margin-bottom: 1.4rem; }
.guia-paginas { list-style: none; padding: 0; display: flex; gap: clamp(12px, 2vw, 22px); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 1rem; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.guia-paginas li { flex: 0 0 min(62%, 230px); scroll-snap-align: center; }
@media (min-width: 980px) { .guia-paginas { overflow: visible; } .guia-paginas li { flex: 1 1 0; } }
.guia-paginas figure { margin: 0; }
.guia-paginas img { display: block; width: 100%; height: auto; aspect-ratio: 700 / 992; border-radius: 6px; background: #FAF5F0; box-shadow: 0 14px 34px rgba(0,0,0,.38); }
.guia-paginas figcaption { margin-top: .85rem; text-align: center; font-size: .82rem; line-height: 1.4; color: #E3D2C6; }

/* ── app: botões simplificados ────────────────────────────────── */
.vitrine-preco-etq { display: inline-flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; margin: 0 0 1rem; padding: .5rem 1.1rem; border-radius: 999px; background: rgba(255,255,255,.8); border: 1px solid rgba(160,85,63,.22); color: var(--terracota-d, #A0553F); font-size: .92rem; }
.vitrine-preco-etq strong { font-family: var(--ff-display, Georgia, serif); font-size: 1.25rem; font-weight: 500; }
.vitrine-entrar { display: inline-block; margin-left: .4rem; font-size: .92rem; font-weight: 500; color: var(--terracota-d, #A0553F); text-decoration: underline; text-underline-offset: 4px; }
.vitrine-entrar:hover { color: var(--terracota, #C2705A); }
.vitrine-acoes-nota { margin-top: .8rem; font-size: .86rem; color: var(--avela, #7A5848); max-width: 38rem; }

/* ── ajustes 25/10 (2) ─────────────────────────────────────────── */
.guia-paginas-img { display: block; width: 100%; max-width: 760px; height: auto; margin: 0 auto; border-radius: 24px; box-shadow: 0 18px 44px rgba(0,0,0,.35); }
.vitrine-preco-etq { display: flex; flex-direction: column; align-items: flex-start; gap: .1rem; margin: 0 0 1.1rem; padding: 0; background: none; border: 0; border-radius: 0; color: inherit; }
.vitrine-preco-etq strong { font-family: var(--ff-display, Georgia, serif); font-size: 2.1rem; line-height: 1.1; font-weight: 500; color: var(--terracota-d, #A0553F); }
.vitrine-preco-etq span { font-size: .9rem; color: var(--avela, #7A5848); }
.vitrine-final .vitrine-preco-etq, .vitrine-final .vitrine-acoes { align-items: center; justify-content: center; }
.vitrine-final .vitrine-preco-etq strong { color: #fff; }
.vitrine-final .vitrine-preco-etq span { color: #E3D2C6; }
.vitrine-final .vitrine-entrar { color: #fff; }
.vitrine-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.4rem; }
.vitrine-final .vitrine-preco-etq { margin: 0 auto 1.2rem; max-width: none; }