.card:hover,.store-card:hover,.metric:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(15,23,42,.12)}
.hero h1,.h2{letter-spacing:-.03em}
.hero .mockup img,.site-hero img{animation:floaty 5.5s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-8px)}}
.layout-saas-limpo .cta{background:#1d4ed8}
.layout-vitrine-bio .cta{background:#18181b}
.hero{background:var(--hero-bg,#eef4ff);text-align:var(--hero-align,center)}
.layout-pack-classic .hero,.layout-saas-limpo .hero,.layout-ebook-minimal .hero,.layout-educacao-verde .hero{
  background:
    radial-gradient(1100px 400px at 82% 18%, rgba(37,99,235,.18), transparent 62%),
    radial-gradient(800px 360px at 8% 88%, rgba(225,29,46,.07), transparent 58%),
    linear-gradient(180deg,#e7f0ff 0%,#f5f8fc 58%,#ffffff 100%) !important;
}
.problem{background:var(--problem-bg,#eaf4ff)}
.price{background:var(--price-bg,#0b2a6b)}
.cta{border-radius:var(--cta-radius,999px);background:var(--red)}
.hero.align-left{text-align:left}
.layout-ebook-minimal .hero .wrap,
.layout-saas-limpo .hero .wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.layout-dark-premium,.layout-impulso-neon,.layout-video-first{background:#09090b;color:#e5e7eb}
.layout-dark-premium .hero h1,
.layout-impulso-neon .hero h1,
.layout-video-first .hero h1,
.layout-dark-premium .h2,
.layout-impulso-neon .h2{color:#f8fafc}
.layout-dark-premium .hero p,
.layout-impulso-neon .hero p,
.layout-video-first .hero p{color:#cbd5e1}
.layout-dark-premium .card,
.layout-impulso-neon .card{background:#18181b;border-color:#27272a;color:#e5e7eb}
.layout-dark-premium .card h3,
.layout-impulso-neon .card h3{color:#fff}
.layout-dark-premium .card p,
.layout-impulso-neon .card p,
.layout-dark-premium .lead,
.layout-impulso-neon .lead{color:#94a3b8}
.layout-dark-premium .footer,
.layout-impulso-neon .footer,
.layout-video-first .footer{background:#000}
.layout-oferta-urgente .topbar{font-size:16px;animation:pulse 1.6s infinite}
@keyframes pulse{50%{filter:brightness(1.15)}}
.layout-ebook-minimal .mockup{max-width:640px}

/* Identidade própria por template — não é só cor, muda forma, moldura e tipografia */

/* Premium escuro: moldura dourada no mockup, badge em contorno, tipografia serifada (já aplicada via --font-heading) */
.layout-dark-premium .mockup img{border:2px solid #d4a017;box-shadow:0 0 0 6px #000,0 24px 60px rgba(0,0,0,.6)}
.layout-dark-premium .badge{background:transparent;border:1px solid #d4a017;color:#d4a017;box-shadow:none}

/* E-book minimal: zero sombra, moldura fina, botão sem glow — cara de ferramenta/editorial enxuto */
.layout-ebook-minimal .cta{box-shadow:none}
.layout-ebook-minimal .badge{background:transparent;border:1px solid var(--navy);color:var(--navy);box-shadow:none}
.layout-ebook-minimal .mockup img{box-shadow:none;border:1px solid #e5e7eb}

/* Oferta urgente: headline caixa-alta, cartão com friso vermelho de urgência, CTA pulsando */
.layout-oferta-urgente .hero h1{text-transform:uppercase}
.layout-oferta-urgente .card{border-left:6px solid var(--red)}
.layout-oferta-urgente .cta{animation:cta-pulse 1.4s infinite}
@keyframes cta-pulse{50%{box-shadow:0 0 0 8px rgba(220,38,38,.18)}}

/* VSL/vídeo primeiro: texto com sombra pra contraste sobre fundo escuro, cartões translúcidos */
.layout-video-first .hero h1,.layout-video-first .hero p{text-shadow:0 2px 16px rgba(0,0,0,.55)}
.layout-video-first .card{background:rgba(255,255,255,.04)}

/* Educação/professor: cartão com borda tracejada, cara de caderno/apostila */
.layout-educacao-verde .card{border:2px dashed #86efac}
.layout-educacao-verde .plan{border:2px dashed #86efac}

/* Impulso neon: canto cortado (clip-path) e brilho neon no botão — cara de produto de impulso/edgy */
.layout-impulso-neon .card{clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);border:1px solid #27272a}
.layout-impulso-neon .badge{background:#000;border:1px solid #22d3ee;color:#22d3ee}

/* Vitrine/link na bio: avatar redondo, cartões bem arredondados tipo catálogo Stan/Beacons */
.layout-vitrine-bio .brand-mark{border-radius:50%}
.layout-vitrine-bio .grid3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* SaaS limpo: mockup emoldurado como print de produto, badge em monoespaçada */
.layout-saas-limpo .mockup{position:relative;background:#eef2f7;border-radius:12px;padding:34px 10px 10px;box-shadow:inset 0 0 0 1px #dbeafe}
.layout-saas-limpo .mockup::before{content:'● ● ●';position:absolute;top:10px;left:14px;letter-spacing:6px;color:#94a3b8;font-size:11px}
.layout-saas-limpo .mockup img{border-radius:8px}
.layout-saas-limpo .badge{font-family:'SF Mono',Consolas,monospace;letter-spacing:0}

.layout-card{border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.layout-card.active{border-color:#1d4ed8;box-shadow:0 0 0 4px rgba(29,78,216,.15)}
.layout-swatch{height:86px;display:flex}
.layout-swatch span{flex:1}
.layout-card .body{padding:14px 16px 16px}
.layout-card h3{margin:0 0 6px;font-size:17px}
.layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}