/* ════════ Formação para Pregadores Católicos ════════
   Gerado por _ferramentas/montar_pagina.py a partir do
   protótipo do Claude Design. Não edite à mão: edite o
   protótipo ou o montador e rode de novo.
   ═══════════════════════════════════════════════════ */

/* ── fontes locais ───────────────────────────────── */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fontes/playfair-display-normal-400.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 600;font-display:swap;src:url(../fontes/playfair-display-italic-400.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fontes/pt-serif-normal-400.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:url(../fontes/pt-serif-normal-700.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fontes/pt-serif-italic-400.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:italic;font-weight:700;font-display:swap;src:url(../fontes/pt-serif-italic-700.woff2) format('woff2')}

/* ── base, textura, animações ────────────────────── */
html{scroll-behavior:smooth}
body{margin:0;background:#fffdf1;color:#01433f;font-family:"PT Serif",Georgia,serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#01433f;text-decoration:underline;text-decoration-color:#bc9459;text-underline-offset:3px}
a:hover{color:#013330;text-decoration-color:#01433f}
button:focus-visible,[role="tab"]:focus-visible,[data-acc-head]:focus-visible,[role="tabpanel"]:focus-visible{outline:2px solid #bc9459;outline-offset:2px}
[data-grain]::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(1,67,63,.014) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(1,67,63,.009) 0 1px,transparent 1px 7px)}
[data-grain="dark"]::after{background-image:repeating-linear-gradient(0deg,rgba(255,253,241,.016) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(255,253,241,.011) 0 1px,transparent 1px 7px)}
@keyframes aRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes aSlow{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes aCard{from{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:none}}
@keyframes aRuleX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes aWipe{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes aPar{from{transform:translateY(-4.5%) scale(1.16)}to{transform:translateY(4.5%) scale(1.16)}}
@keyframes aParSlow{from{transform:translateY(-3%) scale(1.1)}to{transform:translateY(3%) scale(1.1)}}
@keyframes aPanel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes aBarra{from{transform:translateY(110%)}to{transform:translateY(0)}}
@supports (animation-timeline: view()){
  [data-anim="rise"]{animation:aRise .85s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 2% entry 46%}
  [data-anim="slow"]{animation:aSlow 1s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 72%}
  [data-anim="card"]{animation:aCard .9s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 4% entry 52%}
  [data-anim="rulex"]{animation:aRuleX 1s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 4% entry 50%}
  [data-anim="wipe"]{animation:aWipe 1.05s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 62%}
  [data-anim="par"]{animation:aPar 1s linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  [data-anim="parslow"]{animation:aParSlow 1s linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  [data-d="1"]{animation-range:entry 9% entry 53%}
  [data-d="2"]{animation-range:entry 17% entry 61%}
  [data-d="3"]{animation-range:entry 25% entry 69%}
  [data-d="4"]{animation-range:entry 33% entry 77%}
  [data-d="5"]{animation-range:entry 41% entry 85%}
  body{timeline-scope:--fim-secao-6}
  [data-sentinela="secao-6"]{view-timeline-name:--fim-secao-6;view-timeline-axis:block}
  [data-bloco="barra-fixa"]{animation:aBarra .5s cubic-bezier(.22,.61,.36,1) both;animation-timeline:--fim-secao-6;animation-range:exit 55% exit 100%}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-anim]{animation:none !important;opacity:1 !important;transform:none !important;clip-path:none !important}}

/* ── <picture> não pode virar caixa: o layout é do <img> ── */
picture{display:contents}
picture>source{display:none}

/* ── estados de interação ────────────────────────── */
/* estados de interação, antes inline no protótipo */
[data-bloco="cta-comprar"]:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,250,232,.8),inset 0 -2px 3px rgba(103,73,25,.28),0 4px 10px rgba(0,0,0,.3),0 18px 48px rgba(214,170,96,.6)}
[data-acc-head]:hover{background:rgba(188,148,89,.06)}
[role="tab"]{transition:color .3s ease,background-color .3s ease,font-weight .3s ease}

/* ── esqueleto das dobras ────────────────────────── */
/* comum às 16 dobras */
.secao{position:relative}
/* respiro padrão: 12 das 16 dobras */
.secao-padrao{padding:clamp(62px,7vw,116px) clamp(22px,4vw,44px)}
.corta{overflow:hidden}

/* ── padrões repetidos ───────────────────────────── */
/* 19x */
.sanfona-corpo{text-align:left;max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,.61,.36,1)}
/* 14x */
.ornamento{display:flex;align-items:center;justify-content:center;gap:14px}
/* 13x */
.container{position:relative;z-index:1;max-width:1160px;margin:0 auto;text-align:center}
/* 13x */
.sanfona-cabeca{text-align:left;display:flex;align-items:center;gap:14px;padding:clamp(16px,1.5vw,20px) clamp(18px,1.8vw,26px);cursor:pointer;min-height:56px}
/* 13x */
.sanfona-marca{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:20px;line-height:1;color:#01433f;flex:0 0 auto;transition:transform .4s cubic-bezier(.22,.61,.36,1)}
/* 13x */
.sanfona-titulo{flex:1;font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:clamp(14.5px,1.2vw,16px);line-height:1.4;color:#01433f}
/* 12x */
.sanfona-pergunta{margin:0;padding:0 clamp(18px,1.8vw,26px) clamp(18px,1.8vw,24px) 52px;font-size:clamp(14px,1.15vw,15.5px);line-height:1.5;font-style:italic;color:#01433f;opacity:.82}
/* 11x */
.aula-numero{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:13px;color:#01433f;opacity:.45;font-variant-numeric:tabular-nums;flex:0 0 auto;width:20px}
/* 10x */
.item-texto-claro{margin:0;font-size:clamp(15px,1.3vw,17.5px);line-height:1.5;color:#fffdf1;opacity:.92;text-shadow:0 1px 3px rgba(0,0,0,.35)}
/* 10x */
.selo-check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgba(232,196,124,.6);border-radius:999px;flex:0 0 auto;margin-top:1px}
/* 9x */
.linha-aula{border-bottom:1px solid rgba(188,148,89,.28)}
/* 8x */
.fio-ouro-dir{width:clamp(44px,7vw,120px);height:1px;background:rgba(188,148,89,.7);transform-origin:right}
/* 8x */
.fio-ouro-esq{width:clamp(44px,7vw,120px);height:1px;background:rgba(188,148,89,.7);transform-origin:left}
/* 8x */
.item-lista{display:flex;align-items:flex-start;text-align:left;gap:14px;padding:clamp(15px,1.5vw,20px) 0;border-bottom:1px solid rgba(188,148,89,.3)}
/* 8x */
.losango{width:7px;height:7px;border:1px solid #bc9459;transform:rotate(45deg);flex:0 0 auto}
/* 8x */
.pergunta-cartao{margin:0;flex:1;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(18px,1.6vw,22px);line-height:1.3;color:#01433f}
/* 8x */
.selo-losango{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(188,148,89,.7);border-radius:999px;flex:0 0 auto}
/* 7x */
.enfase-ouro-escuro{font-style:italic;font-weight:500;color:#8a6524}
/* 7x */
.item-entrega{display:flex;align-items:center;text-align:left;gap:14px;padding:clamp(14px,1.4vw,19px) 0;border-bottom:1px solid rgba(188,148,89,.34)}
/* 6x */
.anel-icone{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(232,196,124,.55);border-radius:999px;flex:0 0 auto}
/* 6x */
.cartao-veu{background:linear-gradient(155deg,rgba(255,253,241,.09) 0%,rgba(255,253,241,.03) 100%);border:1px solid rgba(188,148,89,.42);border-radius:8px;padding:clamp(26px,2.4vw,36px) clamp(22px,2vw,28px);box-shadow:inset 0 1px 0 rgba(255,253,241,.12),0 12px 30px rgba(0,0,0,.18)}
/* 6x */
.descricao-cartao{margin:0;font-size:clamp(14.5px,1.2vw,16px);line-height:1.5;color:#fffdf1;opacity:.88;text-shadow:0 1px 3px rgba(0,0,0,.35)}
/* 6x */
.fio-cartao{display:block;width:34px;height:1px;background:rgba(232,196,124,.7);margin:14px auto}
/* 6x */
.losango-claro{width:7px;height:7px;border:1px solid #e8c47c;transform:rotate(45deg);flex:0 0 auto}
/* 6x */
.nome-cartao{margin:18px 0 0;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(20px,1.8vw,25px);line-height:1.16;color:#fffdf1;text-wrap:balance;text-shadow:0 1px 4px rgba(0,0,0,.4)}
/* 6x */
.sanfona-cabeca-faq{text-align:left;display:flex;align-items:center;gap:14px;padding:clamp(18px,1.8vw,24px);cursor:pointer;min-height:56px}
/* 6x */
.sanfona-marca-faq{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:22px;line-height:1;color:#01433f;flex:0 0 auto;transition:transform .4s cubic-bezier(.22,.61,.36,1)}
/* 6x */
.sanfona-resposta{margin:0;padding:0 clamp(18px,1.8vw,24px) clamp(20px,2vw,26px);font-size:clamp(14.5px,1.25vw,16.5px);line-height:1.5;color:#01433f;opacity:.84}
/* 6x */
.sanfona-titulo-faq{flex:1;font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:clamp(15px,1.3vw,17px);line-height:1.4;color:#01433f}
/* 6x */
.titulo-dobra{margin:clamp(24px,2.6vw,38px) auto 0;max-width:900px;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;color:#01433f;text-wrap:balance}
/* 5x */
.cartao-fino{display:flex;align-items:center;gap:clamp(16px,1.8vw,24px);background:#fffdf1;border:1px solid rgba(188,148,89,.5);border-radius:8px;padding:clamp(11px,1.1vw,15px) clamp(20px,2.2vw,32px);box-shadow:0 2px 5px rgba(1,67,63,.04),0 14px 32px rgba(1,67,63,.07)}
/* 5x */
.fio-claro-dir{width:clamp(44px,7vw,120px);height:1px;background:rgba(232,196,124,.55);transform-origin:right}
/* 5x */
.fio-claro-esq{width:clamp(44px,7vw,120px);height:1px;background:rgba(232,196,124,.55);transform-origin:left}
/* 5x */
.linha-faq{border-bottom:1px solid rgba(188,148,89,.3)}
/* 5x */
.losango-selo{width:8px;height:8px;border:1px solid #bc9459;transform:rotate(45deg)}
/* 5x */
.pergunta-texto{margin: 0; flex: 1; text-align: left; font-family: 'Playfair Display',Georgia,serif; font-weight: 400; font-size: clamp(19px,1.9vw,26px); line-height: 1.3; font-style: normal; color: #01433f}
/* 5x */
.selo-circulo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #bc9459;border-radius:999px;flex:0 0 auto}
/* 4x */
.anel-check-30{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(232,196,124,.6);border-radius:999px;flex:0 0 auto;margin-top:1px}
/* 4x */
.anel-modulo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(188,148,89,.6);border-radius:999px;flex:0 0 auto;background:#fffdf1}
/* 4x */
.bloco-esquerda{text-align:left;flex:1}
/* 4x */
.cartao-modulo{background:#fffdf1;border:1px solid rgba(188,148,89,.5);border-radius:10px;box-shadow:0 2px 5px rgba(1,67,63,.05),0 16px 38px rgba(1,67,63,.08);overflow:hidden}
/* 4x */
.cartao-seta{display:flex;align-items:flex-start;text-align:left;gap:16px;background:linear-gradient(155deg,rgba(255,253,241,.11) 0%,rgba(255,253,241,.04) 100%);border:1px solid rgba(188,148,89,.42);border-radius:8px;padding:clamp(20px,2vw,28px) clamp(20px,2.2vw,32px);box-shadow:inset 0 1px 0 rgba(255,253,241,.13),0 12px 32px rgba(0,0,0,.2)}
/* 4x */
.destaque-ouro{color:#e8c47c;text-shadow:0 0 22px rgba(232,196,124,.45),0 2px 5px rgba(0,0,0,.4)}
/* 4x */
.etiqueta{font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:clamp(12px,1vw,13px);letter-spacing:.18em;text-transform:uppercase;color:#fffdf1;opacity:.92;text-shadow:0 1px 3px rgba(0,0,0,.4)}
/* 4x */
.faixa-modulo{display:flex;align-items:center;gap:16px;padding:clamp(22px,2.2vw,30px) clamp(18px,1.8vw,26px);background:linear-gradient(180deg,#f8f1e2 0%,#f2e6cd 100%);border-bottom:1px solid rgba(188,148,89,.45)}
/* 4x */
.nome-modulo{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(20px,1.8vw,25px);line-height:1.1;letter-spacing:-.016em;color:#01433f}
/* 4x */
.resumo-modulo{margin:5px 0 0;font-size:clamp(12.5px,1.05vw,14px);line-height:1.5;color:#01433f;opacity:.72}
/* 4x */
.texto-seta{margin:0;flex:1;font-size:clamp(15.5px,1.4vw,19px);line-height:1.5;color:#fffdf1;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.45)}
/* 3x */
.aspa{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:48px;line-height:.52;color:#e8c47c;text-shadow:0 0 22px rgba(232,196,124,.38)}
/* 3x */
.bloco-fecho{padding:clamp(40px,4.4vw,62px) 0 0}
/* 3x */
.camada-foto{position:absolute;inset:0;overflow:hidden}
/* 3x */
.cartao-dimensao{display:flex;align-items:center;text-align:left;gap:clamp(20px,2.6vw,38px);background:#fffdf1;border:1px solid rgba(188,148,89,.5);border-radius:8px;padding:clamp(24px,2.4vw,36px) clamp(24px,2.4vw,40px);box-shadow:0 2px 5px rgba(1,67,63,.05),0 16px 38px rgba(1,67,63,.09)}
/* 3x */
.cartao-pesquisa{display:flex;align-items:center;text-align:left;gap:clamp(22px,3vw,44px);background:linear-gradient(155deg,rgba(255,253,241,.1) 0%,rgba(255,253,241,.035) 100%);border:1px solid rgba(188,148,89,.45);border-radius:8px;padding:clamp(26px,2.6vw,40px) clamp(24px,2.4vw,44px);box-shadow:inset 0 1px 0 rgba(255,253,241,.14),0 12px 34px rgba(0,0,0,.2)}
/* 3x */
.cartao-veu-2{background:linear-gradient(155deg,rgba(255,253,241,.09) 0%,rgba(255,253,241,.03) 100%);border:1px solid rgba(188,148,89,.42);border-radius:8px;padding:clamp(28px,2.6vw,38px) clamp(22px,2vw,30px);box-shadow:inset 0 1px 0 rgba(255,253,241,.12),0 12px 32px rgba(0,0,0,.18)}
/* 3x */
.citacao{margin:16px 0 0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(17px,1.5vw,20px);line-height:1.52;font-style:italic;color:#fffdf1;text-shadow:0 1px 4px rgba(0,0,0,.4)}
/* 3x */
.coluna-flex{flex:1;min-width:0}
/* 3x */
.descricao-dimensao{margin:10px 0 0;font-size:clamp(15px,1.3vw,17px);line-height:1.5;color:#01433f;opacity:.84}
/* 3x */
.disco-numero{display:inline-flex;align-items:center;justify-content:center;width:clamp(46px,4.4vw,58px);height:clamp(46px,4.4vw,58px);border-radius:999px;background:linear-gradient(155deg,#01514c 0%,#012e2b 100%);border:1px solid #d9ab63;color:#f0d69e;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(20px,1.9vw,25px);font-variant-numeric:tabular-nums;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,253,241,.16),0 4px 12px rgba(1,67,63,.24)}
/* 3x */
.enfase-ouro-span{color:#8a6524}
/* 3x */
.fala-pesquisa{margin:0;flex:1;font-size:clamp(15px,1.35vw,18.5px);line-height:1.5;font-style:italic;color:#fffdf1;opacity:.94;text-shadow:0 1px 3px rgba(0,0,0,.4)}
/* 3x */
.numero-grande{flex:0 0 auto;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(58px,6vw,96px);line-height:.86;letter-spacing:-.04em;color:#e8c47c;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(232,196,124,.4),0 3px 8px rgba(0,0,0,.4)}
/* 3x */
.rodape-depoimento{margin:24px 0 0;padding:18px 0 0;border-top:1px solid rgba(188,148,89,.42)}
/* 3x */
.titulo-dimensao{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(24px,2.2vw,32px);line-height:1.06;letter-spacing:-.02em;color:#01433f}
/* 2x */
.bloco-fecho-2{padding:clamp(38px,4.2vw,60px) 0 0}
/* 2x */
.bloco-fecho-3{padding:clamp(30px,3.2vw,46px) 0 0}
/* 2x */
.botao{margin:26px 0 0;width:100%;border:0;background:linear-gradient(163deg,#f0cd8c 0%,#dcb069 34%,#bc9459 66%,#a3793f 100%);color:#01332f;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(15px,1.25vw,17px);letter-spacing:.18em;text-transform:uppercase;padding:21px 16px;border-radius:999px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,250,232,.75),inset 0 -2px 3px rgba(103,73,25,.28),0 3px 8px rgba(0,0,0,.28),0 14px 40px rgba(214,170,96,.45);transition:filter .3s ease,box-shadow .3s ease}
/* 2x */
.destaque-ouro-2{color:#e8c47c;text-shadow:0 0 20px rgba(232,196,124,.45),0 2px 5px rgba(0,0,0,.4)}
/* 2x */
.destaque-ouro-3{color:#e8c47c;text-shadow:0 0 24px rgba(232,196,124,.5),0 2px 6px rgba(0,0,0,.5)}
/* 2x */
.destaque-ouro-4{color:#e8c47c;text-shadow:0 0 24px rgba(232,196,124,.45),0 2px 5px rgba(0,0,0,.4)}
/* 2x */
.fio-claro-curto{width:clamp(50px,8vw,130px);height:1px;background:rgba(232,196,124,.6)}
/* 2x */
.fio-fecho{display:block;width:56px;height:1px;background:#bc9459;margin:0 auto 22px}
/* 2x */
.fio-fecho-2{display:block;width:56px;height:1px;background:#bc9459;margin:0 auto clamp(24px,2.6vw,34px);box-shadow:0 0 12px rgba(232,196,124,.5)}
/* 2x */
.fio-preco{display:block;width:52px;height:1px;background:#bc9459;margin:22px auto;box-shadow:0 0 10px rgba(232,196,124,.5)}
/* 2x */
.item-lista-sem-borda{display:flex;align-items:flex-start;text-align:left;gap:14px;padding:clamp(15px,1.5vw,20px) 0}
/* 2x */
.painel-abas{max-width:800px;margin:clamp(24px,2.6vw,36px) auto 0;background:linear-gradient(155deg,rgba(255,253,241,.1) 0%,rgba(255,253,241,.035) 100%);border:1px solid rgba(188,148,89,.45);border-radius:10px;padding:clamp(26px,2.6vw,40px) clamp(22px,2.4vw,38px);box-shadow:inset 0 1px 0 rgba(255,253,241,.13),0 14px 36px rgba(0,0,0,.2);animation:aPanel .5s cubic-bezier(.22,.61,.36,1) both}
/* 2x */
.painel-abertura{margin:0 0 clamp(6px,.8vw,10px);font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(19px,1.7vw,23px);line-height:1.3;color:#fffdf1;text-shadow:0 1px 4px rgba(0,0,0,.4)}
/* 2x */
.preco-aviso{margin:0;font-size:clamp(13.5px,1.15vw,15px);line-height:1.5;color:#fffdf1;opacity:.88;text-shadow:0 1px 3px rgba(0,0,0,.35)}
/* 2x */
.preco-linha{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(31px,2.9vw,42px);line-height:1.14;letter-spacing:-.028em;color:#fffdf1;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px rgba(0,0,0,.4)}
/* 2x */
.preco-parcela{font-weight:400;font-style:italic}
/* 2x */
.texto-apoio{margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:#01433f;opacity:.88}
/* 2x */
.titulo-dobra-2{margin:clamp(24px,2.6vw,38px) auto 0;max-width:900px;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 5px rgba(0,0,0,.4),0 6px 24px rgba(0,0,0,.28)}
/* 2x */
.titulo-dobra-largo{margin:clamp(24px,2.6vw,38px) auto 0;max-width:1000px;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;color:#01433f;text-wrap:balance}
/* 2x */
.vao-numero{flex:0 0 auto;width:20px}
/* dobra 1: fundo e medidas proprias */
.dobra-1{min-height:clamp(700px,96vh,1000px);background:#01433f;display:flex;flex-direction:column}
/* dobra 10: fundo e medidas proprias */
.dobra-10{background:radial-gradient(120% 74% at 50% 100%,#015b55 0%,#01433f 46%,#012e2b 100%)}
/* dobra 11: fundo e medidas proprias */
.dobra-11{background:linear-gradient(202deg,#fdf7ea 0%,#f6ecd8 100%)}
/* dobra 12: fundo e medidas proprias */
.dobra-12{background:#01433f;padding:clamp(80px,9vw,150px) clamp(26px,4vw,44px) clamp(96px,10vw,170px)}
/* dobra 13: fundo e medidas proprias */
.dobra-13{background:#f8f1e2}
/* dobra 14: fundo e medidas proprias */
.dobra-14{background:linear-gradient(158deg,#012e2b 0%,#01433f 54%,#01302d 100%)}
/* dobra 15: fundo e medidas proprias */
.dobra-15{background:linear-gradient(158deg,#fffdf1 0%,#f7efdf 100%)}
/* dobra 16: fundo e medidas proprias */
.dobra-16{background:#01433f;padding:clamp(62px,7vw,116px) clamp(22px,4vw,44px) clamp(74px,8vw,130px)}
/* dobra 2: fundo e medidas proprias */
.dobra-2{background:#01433f;padding:clamp(76px,8.5vw,140px) clamp(22px,4vw,44px)}
/* dobra 3: fundo e medidas proprias */
.dobra-3{background:linear-gradient(158deg,#fffdf1 0%,#faf3e4 52%,#f4e9d3 100%)}
/* dobra 4: fundo e medidas proprias */
.dobra-4{background:radial-gradient(126% 78% at 50% 0%,#015b55 0%,#01433f 44%,#012e2b 100%)}
/* dobra 5: fundo e medidas proprias */
.dobra-5{background:#faf4e6}
/* dobra 6: fundo e medidas proprias */
.dobra-6{background:linear-gradient(180deg,#f4e9d3 0%,#fdf8ea 56%,#fffdf1 100%)}
/* dobra 8: fundo e medidas proprias */
.dobra-8{background:linear-gradient(158deg,#01433f 0%,#015b55 46%,#012e2b 100%)}
/* dobra 8b: fundo e medidas proprias */
.dobra-8b{background:#fffdf1}
/* dobra 9: fundo e medidas proprias */
.dobra-9{background:linear-gradient(178deg,#f6ecd8 0%,#faf3e4 48%,#f6ecd8 100%)}

/* ── ajustes aprovados depois do handoff ─────────── */
/* O número da aula vinha com opacity .45, que dá 2,47:1 sobre
   creme, abaixo do mínimo de 4,5:1. Com .70 sobe para 4,97:1.
   Aprovado em 25/08/2026. Vem depois da classe original,
   então vence a regra do protótipo. */
.aula-numero{opacity:.70}

/* Algarismos. O protótipo pede tabular-nums, mas nenhuma das duas
   fontes tem a tabela 'tnum', então a instrução não fazia efeito e o
   preço saía com algarismos antigos: o 9 e o 7 desciam abaixo da linha
   de base, como minúsculas. A Playfair tem 'lnum'. Isso alinha preço,
   contadores e numeração de aula. */
.preco-linha,.numero-grande,.aula-numero,.disco-numero,[data-preco]{font-variant-numeric:lining-nums tabular-nums}

/* Viúvas. Sem isto, 11 dos 34 parágrafos terminavam com um toco de
   linha, às vezes uma palavra só, que é o detalhe que mais denuncia
   página amadora. Com balance caem para zero, sem mudar a altura da
   página nem o número de linhas de nenhum título. O navegador só
   aplica em blocos curtos, então os parágrafos longos seguem intactos.
   'pretty' foi testado antes e resolvia bem menos. */
p{text-wrap:balance}

/* ── usados uma vez só ───────────────────────────── */
.e1{background:#fffdf1;padding-bottom:76px}
.e2{width:100%;height:100%;object-fit:cover;object-position:52% 20%;display:block}
.e3{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,67,63,.52) 0%,rgba(1,67,63,.10) 18%,rgba(1,67,63,.16) 40%,rgba(1,67,63,.55) 50%,rgba(1,67,63,.92) 62%,#01433f 76%,#01433f 100%)}
.e4{position:relative;width:100%;max-width:1160px;margin:0 auto;padding:clamp(20px,2.6vw,34px) clamp(22px,4vw,44px) 0;display:flex;justify-content:center;box-sizing:border-box}
.e5{height: auto; filter: drop-shadow(0 2px 10px rgba(0,0,0,.4)); width: 283px}
.e6{position:relative;flex:1}
.e7{position:relative;width:100%;max-width:1160px;margin:0 auto;padding:0 clamp(22px,4vw,44px) clamp(40px,5vw,72px);box-sizing:border-box;text-align:center}
.e8{max-width:920px;margin:0 auto}
.e9{margin:16px 0 0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(27px,4.2vw,54px);line-height:1.1;letter-spacing:-.026em;color:#fffdf1;text-wrap:balance;max-width:900px;margin-left:auto;margin-right:auto;text-shadow:0 2px 5px rgba(0,0,0,.5),0 6px 26px rgba(0,0,0,.34)}
.e10{color:#e8c47c;text-shadow:0 0 22px rgba(232,196,124,.45),0 2px 5px rgba(0,0,0,.5)}
.e11{font-style:italic;font-weight:500;white-space:nowrap}
.e12{margin:20px auto 0;max-width:640px;font-size:clamp(15.5px,1.4vw,19px);line-height:1.5;color:#fffdf1;opacity:.94;text-shadow:0 1px 4px rgba(0,0,0,.55),0 3px 18px rgba(0,0,0,.3)}
.e13{margin:24px 0 0}
.e14{margin:30px auto 0;display:block;width:100%;max-width:420px;border:0;background:linear-gradient(163deg,#f0cd8c 0%,#dcb069 34%,#bc9459 66%,#a3793f 100%);color:#01332f;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(15px,1.25vw,17px);letter-spacing:.18em;text-transform:uppercase;padding:21px 18px;border-radius:999px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,250,232,.75),inset 0 -2px 3px rgba(103,73,25,.28),0 3px 8px rgba(0,0,0,.28),0 14px 40px rgba(214,170,96,.45);transition:filter .3s ease,box-shadow .3s ease}
.e15{margin:16px auto 0;max-width:460px;font-size:clamp(12.5px,1vw,14px);line-height:1.5;font-style:italic;color:#fffdf1;opacity:.82;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.e16{width:100%;height:100%;object-fit:cover;object-position:52% 38%;display:block}
.e17{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,48,45,.72) 0%,rgba(1,48,45,.5) 34%,rgba(1,48,45,.72) 100%)}
.e18{position:absolute;inset:0;background:radial-gradient(78% 62% at 50% 50%,rgba(1,48,45,.72) 0%,rgba(1,48,45,.34) 58%,rgba(1,48,45,0) 100%)}
.e19{width:clamp(44px,7vw,120px);height:1px;background:rgba(232,196,124,.7);transform-origin:right;box-shadow:0 0 10px rgba(232,196,124,.5)}
.e20{width:clamp(44px,7vw,120px);height:1px;background:rgba(232,196,124,.7);transform-origin:left;box-shadow:0 0 10px rgba(232,196,124,.5)}
.e21{margin:clamp(24px,2.6vw,38px) auto 0;max-width:1000px;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 6px rgba(1,32,30,.85),0 8px 30px rgba(1,32,30,.6)}
.e22{font-style:italic;font-weight:500;color:#f0d69e;text-shadow:0 0 26px rgba(232,196,124,.5),0 2px 6px rgba(1,32,30,.9),0 6px 20px rgba(1,32,30,.7)}
.e23{margin:clamp(22px,2.4vw,32px) auto 0;max-width:640px;font-size:clamp(16px,1.45vw,20px);line-height:1.5;color:#fffdf1;opacity:.96;text-shadow:0 1px 5px rgba(1,32,30,.85),0 4px 20px rgba(1,32,30,.6)}
.e24{display:block;width:56px;height:1px;background:#e8c47c;margin:0 auto 22px;box-shadow:0 0 12px rgba(232,196,124,.6)}
.e25{margin:0 auto;max-width:860px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.34;letter-spacing:-.018em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 6px rgba(1,32,30,.85),0 6px 26px rgba(1,32,30,.6)}
.e26{color:#f0d69e;text-shadow:0 0 24px rgba(232,196,124,.5),0 2px 6px rgba(1,32,30,.9),0 6px 20px rgba(1,32,30,.7)}
.e27{display:flex;flex-direction:column;gap:clamp(9px,1vw,13px);max-width:500px;margin:0 auto;padding:clamp(32px,3.6vw,50px) 0 0}
.e28{padding:clamp(38px,4vw,58px) 0 0}
.e29{display: block; width: 56px; height: 1px; background: #bc9459; margin: 0 auto 22px; font-size: 20px}
.e30{margin:0 auto;max-width:820px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.34;letter-spacing:-.018em;color:#01433f;text-wrap:balance}
.e31{margin:clamp(24px,2.6vw,38px) auto 0;max-width:940px;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 5px rgba(0,0,0,.4),0 6px 24px rgba(0,0,0,.28)}
.e32{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);max-width:860px;margin:0 auto;padding:clamp(34px,4vw,54px) 0 0}
.e33{margin:0 auto;max-width:900px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.34;letter-spacing:-.018em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 5px rgba(0,0,0,.4),0 5px 20px rgba(0,0,0,.26)}
.e34{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(30px,4vw,68px);padding:clamp(32px,3.6vw,52px) 0 0}
.e35{flex:0 1 420px;min-width:0;background:#fffdf1;border:1px solid #bc9459;border-radius:3px;padding:10px;box-shadow:0 3px 8px rgba(1,67,63,.08),0 22px 48px rgba(1,67,63,.14)}
.e36{overflow:hidden;aspect-ratio:4/5;border-radius:2px}
.e37{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block}
.e38{flex:1 1 320px;min-width:0}
.e39{margin:0 auto;max-width:860px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.34;letter-spacing:-.018em;color:#01433f;text-wrap:balance}
.e40{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);max-width:880px;margin:0 auto;padding:clamp(34px,4vw,54px) 0 0}
.e41{margin:0 auto;max-width:900px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.34;letter-spacing:-.018em;color:#01433f;text-wrap:balance}
.e42{display:block;height:1px}
.e43{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:520px;margin:clamp(30px,3.2vw,44px) auto 0;padding:6px;background:rgba(255,253,241,.07);border:1px solid rgba(188,148,89,.38);border-radius:999px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}
.e44{min-height:54px;border:0;border-radius:999px;background:transparent;color:#fffdf1;font-family:'PT Serif',Georgia,serif;font-weight:400;font-size:clamp(12.5px,1.05vw,14px);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:color .3s ease}
.e45{min-height:54px;border:0;border-radius:999px;background:linear-gradient(163deg,#f0cd8c 0%,#d3a765 46%,#b48c50 100%);color:#01332f;font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:clamp(12.5px,1.05vw,14px);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,250,232,.6),0 3px 10px rgba(0,0,0,.24);transition:color .3s ease}
.e46{display:block;width:56px;height:1px;background:#bc9459;margin:0 auto 22px;box-shadow:0 0 10px rgba(232,196,124,.5)}
.e47{margin:0 auto;max-width:900px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.34;letter-spacing:-.018em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 5px rgba(0,0,0,.4)}
.e48{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(30px,4vw,66px);padding:clamp(34px,4vw,54px) 0 0}
.e49{flex:1 1 280px;min-width:0;max-width:380px;margin:0 auto;border:1px solid #bc9459;border-radius:5px;padding:9px;background:#fffdf1}
.e50{overflow:hidden;border-radius:3px;aspect-ratio:4/5}
.e51{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.e52{flex:1 1 440px;min-width:0;text-align:left}
.e53{margin:clamp(14px,1.4vw,19px) 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:#01433f;opacity:.88}
.e54{display:block;width:56px;height:1px;background:#bc9459;margin:0 0 22px}
.e55{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(21px,2vw,28px);line-height:1.2;letter-spacing:-.018em;color:#01433f;text-wrap:balance}
.e56{margin:20px auto 0;max-width:680px;font-size:clamp(15px,1.3vw,17px);line-height:1.5;color:#01433f;opacity:.84}
.e57{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);max-width:860px;margin:0 auto;padding:clamp(32px,3.6vw,50px) 0 0}
.e58{margin:0;padding:0 clamp(18px,1.8vw,26px) clamp(18px,1.8vw,24px) 52px;font-size:clamp(13px,1.1vw,14.5px);line-height:1.5;font-style:italic;color:#01433f;opacity:.55}
.e59{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(14px,1.6vw,24px);padding:clamp(34px,4vw,54px) 0 0}
.e60{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,2vw,28px);padding:clamp(34px,4vw,54px) 0 0}
.e61{background:linear-gradient(155deg,#01514c 0%,#012e2b 100%);border-radius:8px;padding:clamp(32px,2.8vw,44px) clamp(24px,2.2vw,34px);box-shadow:inset 0 1px 0 rgba(255,253,241,.12),0 3px 8px rgba(1,67,63,.14),0 22px 48px rgba(1,67,63,.2)}
.e62{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:56px;line-height:.52;color:#e8c47c;text-shadow:0 0 24px rgba(232,196,124,.4)}
.e63{margin:18px 0 0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(18px,1.7vw,23px);line-height:1.5;font-style:italic;color:#fffdf1;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.e64{display:flex;align-items:center;gap:12px;margin:26px 0 0;padding:20px 0 0;border-top:1px solid rgba(188,148,89,.42)}
.e65{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(232,196,124,.8);font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:18px;color:#fffdf1;flex:0 0 auto;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.e66{background:#fffdf1;border:1px solid rgba(188,148,89,.5);border-radius:8px;padding:clamp(32px,2.8vw,44px) clamp(24px,2.2vw,34px);box-shadow:0 2px 5px rgba(1,67,63,.05),0 16px 38px rgba(1,67,63,.1)}
.e67{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:56px;line-height:.52;color:#01433f;opacity:.3}
.e68{margin:18px 0 0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(18px,1.7vw,23px);line-height:1.5;font-style:italic;color:#01433f}
.e69{display:flex;align-items:center;gap:12px;margin:26px 0 0;padding:20px 0 0;border-top:1px solid rgba(188,148,89,.5)}
.e70{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(188,148,89,.8);font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:18px;color:#01433f;flex:0 0 auto}
.e71{font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:clamp(12px,1vw,13px);letter-spacing:.18em;text-transform:uppercase;color:#01433f;opacity:.86}
.e72{width:100%;height:100%;object-fit:cover;object-position:46% 40%;display:block}
.e73{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,67,63,.95) 0%,rgba(1,67,63,.8) 38%,rgba(1,67,63,.92) 72%,#01302d 100%)}
.e74{position:absolute;inset:clamp(13px,1.4vw,22px);border:1px solid rgba(188,148,89,.45);pointer-events:none}
.e75{position:relative;z-index:1;max-width:860px;margin:0 auto;text-align:center}
.e76{display:flex;align-items:center;justify-content:center;gap:16px}
.e77{width:8px;height:8px;border:1px solid #e8c47c;transform:rotate(45deg);flex:0 0 auto}
.e78{margin:clamp(30px,3.2vw,46px) auto 0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(33px,4vw,56px);line-height:1.06;letter-spacing:-.036em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.5),0 8px 30px rgba(0,0,0,.34)}
.e79{display:flex;flex-direction:column;gap:clamp(12px,1.4vw,18px);padding:clamp(34px,3.8vw,54px) 0 0}
.e80{padding:clamp(58px,6vw,96px) 0 0}
.e81{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(27px,2.8vw,40px);line-height:1.22;letter-spacing:-.028em;color:#fffdf1;text-shadow:0 2px 6px rgba(0,0,0,.5),0 6px 26px rgba(0,0,0,.3)}
.e82{max-width:720px;margin:clamp(32px,3.6vw,52px) auto 0;background:#fffdf1;border:1px solid rgba(188,148,89,.45);border-radius:10px;padding:clamp(10px,1.2vw,18px) clamp(22px,2.4vw,38px) clamp(12px,1.4vw,22px);box-shadow:0 2px 5px rgba(1,67,63,.04),0 16px 38px rgba(1,67,63,.07)}
.e83{display:flex;align-items:center;text-align:left;gap:14px;padding:clamp(14px,1.4vw,19px) 0}
.e84{max-width:480px;margin:clamp(26px,2.8vw,40px) auto 0;background:linear-gradient(160deg,#01514c 0%,#012e2b 100%);border-radius:10px;padding:clamp(34px,3vw,46px) clamp(24px,2.2vw,36px);box-shadow:inset 0 1px 0 rgba(255,253,241,.12),0 4px 10px rgba(1,67,63,.18),0 26px 56px rgba(1,67,63,.24)}
.e85{display:flex;align-items:center;text-align:left;gap:14px;margin:22px 0 0;background:rgba(255,253,241,.08);border:1px solid rgba(232,196,124,.45);border-radius:8px;padding:16px 18px;box-shadow:inset 0 1px 0 rgba(255,253,241,.12)}
.e86{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(232,196,124,.6);border-radius:999px;flex:0 0 auto}
.e87{margin:0;flex:1;font-size:clamp(13px,1.1vw,14.5px);line-height:1.5;color:#fffdf1;opacity:.94;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.e88{font-weight:700;color:#e8c47c}
.e89{margin:clamp(24px,2.6vw,38px) auto 0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.1;letter-spacing:-.03em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 5px rgba(0,0,0,.4),0 6px 24px rgba(0,0,0,.28)}
.e90{display:flex;flex-direction:column;gap:clamp(16px,1.8vw,26px);max-width:820px;margin:0 auto;padding:clamp(34px,4vw,54px) 0 0}
.e91{max-width:900px;margin:clamp(32px,3.6vw,50px) 0 0;background:#fffdf1;border:1px solid rgba(188,148,89,.5);border-radius:8px;box-shadow:0 2px 5px rgba(1,67,63,.05),0 14px 32px rgba(1,67,63,.07);overflow:hidden}
.e92{position:absolute;inset:0;overflow:hidden;opacity:.26}
.e93{width:100%;height:100%;object-fit:cover;object-position:50% 44%;display:block}
.e94{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,67,63,.94) 0%,rgba(1,67,63,.9) 50%,#01302d 100%)}
.e95{position:relative;z-index:1;max-width:780px;margin:0 auto;text-align:center}
.e96{margin:clamp(24px,2.6vw,38px) auto 0;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(31px,3.7vw,50px);line-height:1.08;letter-spacing:-.032em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.5),0 8px 28px rgba(0,0,0,.3)}
.e97{margin:clamp(30px,3.2vw,46px) auto 0;max-width:760px;font-size:clamp(16px,1.5vw,20px);line-height:1.5;color:#fffdf1;opacity:.94;text-shadow:0 1px 4px rgba(0,0,0,.45),0 3px 18px rgba(0,0,0,.26);text-wrap:balance}
.e98{color:#e8c47c;text-shadow:0 0 20px rgba(232,196,124,.45),0 1px 4px rgba(0,0,0,.45)}
.e99{margin:0 auto;max-width:760px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(22px,2.2vw,30px);line-height:1.3;letter-spacing:-.022em;color:#fffdf1;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.5),0 6px 26px rgba(0,0,0,.3)}
.e100{color:#e8c47c;text-shadow:0 0 22px rgba(232,196,124,.5),0 2px 6px rgba(0,0,0,.5)}
.e101{max-width:460px;margin:clamp(40px,4.4vw,64px) auto 0;background:linear-gradient(160deg,#01514c 0%,#012e2b 100%);border:1px solid rgba(188,148,89,.5);border-radius:10px;padding:clamp(34px,3vw,46px) clamp(24px,2.2vw,36px);box-shadow:inset 0 1px 0 rgba(255,253,241,.12),0 4px 10px rgba(0,0,0,.24),0 26px 56px rgba(0,0,0,.3)}
.e102{display:block;width:38px;height:auto;margin:28px auto 0;opacity:.75}
.e103{position:fixed;left:0;right:0;bottom:0;z-index:60;background:linear-gradient(180deg,#01514c 0%,#01302d 100%);border-top:1px solid rgba(188,148,89,.55);box-shadow:0 -4px 24px rgba(0,0,0,.28);transform:translateY(110%);transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.e104{max-width:1160px;margin:0 auto;padding:10px clamp(14px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:14px}
.e105{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(14px,1.5vw,20px);line-height:1.2;color:#fffdf1;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.e106{color:#e8c47c}
.e107{flex:0 0 auto;border:0;background:linear-gradient(163deg,#f0cd8c 0%,#dcb069 34%,#bc9459 66%,#a3793f 100%);color:#01332f;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(11.5px,1.05vw,14px);letter-spacing:.14em;text-transform:uppercase;padding:16px clamp(16px,2vw,30px);border-radius:999px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,250,232,.7),0 3px 10px rgba(0,0,0,.3),0 8px 24px rgba(214,170,96,.35);transition:filter .3s ease}

/* -- emenda entre as dobras, no fim para vencer o prototipo -- */
/* Emenda entre as dobras 1, 2 e 3. A dobra 1 termina em verde sólido e
   a dobra 2 começava com véu de 72%, ou seja, o mesmo verde: as duas
   se fundiam num bloco escuro só. Agora o véu da dobra 2 abre para 30%
   no topo, revelando a parede da foto, que é mais clara e mais azulada
   que o verde da marca. A emenda passa a ser 'verde chapado contra
   fotografia', que separa sem precisar de névoa por cima.
   Embaixo, a dobra 2 desvanece para o creme da dobra 3, no lugar do
   corte seco que havia. O desvanecer mora nos últimos 150px, dentro do
   respiro de 122px da dobra, então não encosta em texto nenhum. */
.e17{background:linear-gradient(180deg,rgba(1,48,45,.30) 0%,rgba(1,48,45,.46) 30%,rgba(1,48,45,.72) 100%)}
.dobra-2::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;--f:clamp(76px,8.5vw,140px);background:linear-gradient(180deg,rgba(255,253,241,0) calc(100% - var(--f)),rgba(255,253,241,.06) calc(100% - var(--f)*0.85),rgba(255,253,241,.22) calc(100% - var(--f)*0.7),rgba(255,253,241,.43) calc(100% - var(--f)*0.55),rgba(255,253,241,.65) calc(100% - var(--f)*0.4),rgba(255,253,241,.84) calc(100% - var(--f)*0.25),rgba(255,253,241,.97) calc(100% - var(--f)*0.1),#fffdf1 100%)}

/* Texto dos quatro botoes de compra: branco com sombra pesada,
   escolhido pelo Tito em 25/08/2026 depois de ver as quatro opcoes
   lado a lado. Registro do custo, porque foi decisao informada: o
   branco sobre o dourado da faixa central da 2,01:1, onde o minimo
   de acessibilidade e 4,5:1, e a sombra nao conta para esse calculo.
   O verde #01332f que estava antes dava 4,96:1. Para voltar, basta
   apagar as duas linhas abaixo. */
[data-bloco="cta-comprar"]{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 12px rgba(0,0,0,.5)}

/* ══════ movimento ══════════════════════════════════════════
   Tudo abaixo respeita prefers-reduced-motion e anima só
   transform e opacity, que o navegador resolve na placa de vídeo
   sem recalcular layout. */
@media (prefers-reduced-motion:no-preference){
  /* 1. As entradas terminavam cedo demais para serem percebidas:
     acabavam com o elemento a 46% da entrada, quase sempre antes de
     o leitor olhar para ele. Agora o percurso vai até 72% e a
     distância percorrida cresce, então o movimento aparece. */
  @supports (animation-timeline: view()){
    [data-anim="rise"]{animation-range:entry 4% entry 72%}
    [data-anim="card"]{animation-range:entry 6% entry 78%}
    [data-d="1"]{animation-range:entry 12% entry 80%}
    [data-d="2"]{animation-range:entry 20% entry 88%}
    [data-d="3"]{animation-range:entry 28% entry 96%}
    [data-d="4"]{animation-range:entry 36% entry 104%}
    [data-d="5"]{animation-range:entry 44% entry 112%}
  }
  /* 2. Brilho que atravessa o metal do botão ao passar o mouse ou ao
     receber foco pelo teclado. É o efeito que faz o dourado parecer
     metal de verdade em vez de retângulo colorido. */
  [data-bloco="cta-comprar"]{position:relative;overflow:hidden}
  [data-bloco="cta-comprar"]::after{content:"";position:absolute;
    top:-60%;bottom:-60%;left:0;width:26%;pointer-events:none;
    background:linear-gradient(100deg,transparent,rgba(255,250,232,.5),transparent);
    transform:translateX(-300%) skewX(-18deg)}
  [data-bloco="cta-comprar"]:hover::after,
  [data-bloco="cta-comprar"]:focus-visible::after{
    animation:aBrilho .85s cubic-bezier(.3,.7,.4,1) 1}
  @keyframes aBrilho{to{transform:translateX(560%) skewX(-18deg)}}
  /* 3. Os cartões que não são clicáveis sobem um fio ao passar o
     mouse. Só onde há mouse de verdade, para não disparar no toque. */
  @media (hover:hover) and (pointer:fine){
    .cartao-fino,.cartao-dimensao,.cartao-veu,.cartao-veu-2,.cartao-seta,
    .cartao-pesquisa{transition:transform .45s cubic-bezier(.22,.61,.36,1),
      box-shadow .45s ease}
    .cartao-fino:hover,.cartao-dimensao:hover,.cartao-veu:hover,
    .cartao-veu-2:hover,.cartao-seta:hover,.cartao-pesquisa:hover{
      transform:translateY(-3px)}
    .cartao-fino:hover{box-shadow:0 4px 10px rgba(1,67,63,.07),0 20px 44px rgba(1,67,63,.12)}
  }
  /* 4. O losango do ornamento gira e cresce junto com os dois fios. */
  @supports (animation-timeline: view()){
    .losango,.losango-claro,.losango-selo{animation:aLosango .9s
      cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();
      animation-range:entry 6% entry 60%}
    @keyframes aLosango{from{transform:rotate(-135deg) scale(.2);opacity:0}
      to{transform:rotate(45deg) scale(1);opacity:1}}
  }
  /* 5. Fio de progresso da leitura, colado no topo. Dois pixels. */
  @supports (animation-timeline: scroll()){
    .progresso{position:fixed;inset:0 0 auto 0;height:2px;z-index:70;
      transform-origin:0 50%;transform:scaleX(0);pointer-events:none;
      background:linear-gradient(90deg,#8a6524,#bc9459 40%,#f0cd8c);
      animation:aProgresso linear both;animation-timeline:scroll(root block)}
    @keyframes aProgresso{to{transform:scaleX(1)}}
  }
}