/* ==========================================================================
   landing.css — Clubinho Literário da Amália
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Dancing+Script:wght@600;700&family=Inter:wght@400;500;600&display=swap');
:root{--t:#7a3e2b;--t2:#a05535;--d:#c0873f;--b:#f5edd6;--wa:#25d366;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;overflow-x:hidden;}
body{font-family:'Inter',sans-serif;}
a{color:inherit;text-decoration:none;} button{border:none;background:none;cursor:pointer;font:inherit;} img{max-width:100%;display:block;}

/* ── WRAPPER fundo vivo ─────────────────────────────── */
.lp{min-height:100vh;display:flex;flex-direction:column;position:relative;
  background:var(--lp-bg,url('/img/landing-bg.jpg')) center/cover no-repeat fixed;}
.lp::before{content:'';position:fixed;inset:0;background:rgba(5,2,0,.10);pointer-events:none;z-index:0;}
.lp>*{position:relative;z-index:1;}

/* ── NAVBAR ──────────────────────────────────────────── */
.lp-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;}
.lp-nav__menu{display:flex;align-items:center;gap:.4rem;font-family:'Playfair Display',serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;border:2px solid rgba(255,255,255,.7);border-radius:4px;padding:.35rem .7rem;background:rgba(90,30,10,.7);backdrop-filter:blur(6px);transition:background .2s;}
.lp-nav__menu svg{width:14px;height:14px;stroke:#fff;} .lp-nav__menu:hover{background:rgba(90,30,10,.9);}
.lp-nav__wa{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#fff;background:var(--wa);padding:.5rem 1rem;border-radius:999px;transition:filter .2s;}
.lp-nav__wa:hover{filter:brightness(1.1);}

/* ── HERO — centralizado (1 coluna) ────────────────────── */
.lp-hero{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:5.5rem 2rem 1rem;
  min-height:60vh;
  gap:.5rem;
}
.lp-hero__left{width:100%;display:flex;justify-content:center;margin-bottom:.5rem;}
.lp-bible{
  font-family:'Playfair Display',serif;font-style:italic;font-size:.88rem;
  color:#fff;line-height:1.82;border-left:3px solid var(--d);
  padding-left:.75rem;text-align:left;
  text-shadow:1px 1px 6px rgba(0,0,0,.75);
  max-width:340px;
}
.lp-bible cite{display:block;font-style:normal;font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--d);margin-top:.5rem;}
.lp-hero__center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.45rem;}
.lp-logo-icon{width:80px;height:80px;filter:drop-shadow(0 2px 10px rgba(192,135,63,.6));} .lp-logo-icon svg{width:100%;height:100%;}
.lp-logo-title{font-family:'Playfair Display',serif;line-height:1;text-shadow:1px 2px 12px rgba(0,0,0,.75);}
.lp-logo-top{display:block;font-size:2.1rem;font-weight:400;font-style:italic;color:#fff;}
.lp-logo-bottom{display:block;font-size:5rem;font-weight:700;line-height:.88;color:#fff;}
.lp-logo-author{font-size:.68rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--d);text-shadow:0 1px 4px rgba(0,0,0,.6);}
.lp-divider{color:var(--d);font-size:.72rem;letter-spacing:.3em;margin:.1rem 0;}
.lp-tagline{font-family:'Playfair Display',serif;font-size:1rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.65);}
.lp-video-btn{display:inline-flex;align-items:flex-start;gap:.7rem;background:rgba(8,4,0,.78);color:#fff;font-size:.82rem;line-height:1.5;padding:.8rem 1.2rem;border-radius:28px;border:1px solid rgba(255,255,255,.22);max-width:380px;text-align:left;transition:background .2s,transform .2s;margin-top:.4rem;cursor:pointer;}
.lp-video-btn:hover{background:rgba(8,4,0,.94);transform:translateY(-2px);}
.lp-video-play{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;background:var(--t);border-radius:50%;font-size:.9rem;margin-top:2px;}

/* ── CARDS ────────────────────────────────────────────── */
.lp-cards{padding:0;position:relative;flex:1;}
.lp-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1280px;margin:0 auto;padding:2rem 2rem 2.5rem;}
.lp-card{border-radius:18px;padding:1.6rem 1.1rem 1.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;box-shadow:0 8px 32px rgba(0,0,0,.42);transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;cursor:pointer;backdrop-filter:blur(2px);}
.lp-card:hover{transform:translateY(-12px) scale(1.025);box-shadow:0 24px 56px rgba(0,0,0,.5);}
.lp-card--1{background:rgba(122,62,43,.92);color:#fff;}
.lp-card--2{background:rgba(157,82,50,.92);color:#fff;}
.lp-card--3{background:rgba(238,228,208,.88);color:#3a1e0e;}
.lp-card--4{background:rgba(238,228,208,.88);color:#3a1e0e;}
.lp-card-seal{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(192,135,63,.22);border:2px solid rgba(192,135,63,.55);flex-shrink:0;}
.lp-card--3 .lp-card-seal,.lp-card--4 .lp-card-seal{background:rgba(107,45,30,.1);border-color:rgba(107,45,30,.3);}
.lp-card-seal img{width:100%;height:100%;object-fit:contain;}
.lp-card-monogram{font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:700;color:var(--t);}
.lp-card-emoji{font-size:1.7rem;}
.lp-card-title{font-family:'Playfair Display',serif;font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;}
.lp-card-desc{font-size:.77rem;line-height:1.55;flex:1;opacity:.93;}
.lp-card-btn{display:inline-block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--d);padding:.5rem 1.1rem;border-radius:999px;margin-top:auto;transition:filter .2s,transform .2s;}
.lp-card:hover .lp-card-btn{filter:brightness(1.15);}
.lp-card--3 .lp-card-btn,.lp-card--4 .lp-card-btn{color:#fff;}

/* ── RODAPÉ + PLAYER — tudo numa linha ────────────────── */
.lp-footer-full{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:.5rem;
  padding:.5rem 1rem;
  background:rgba(35,10,3,.94);
  border-top:1px solid rgba(192,135,63,.2);
  position:relative;z-index:10;
  overflow:hidden;
}

/* Info de contato */
.lp-footer-info{display:flex;align-items:center;gap:.4rem;flex-shrink:0;}
.lp-footer-item{display:flex;align-items:center;gap:.25rem;font-size:.68rem;color:var(--b);white-space:nowrap;}
.lp-footer-item svg{width:12px;height:12px;stroke:var(--b);flex-shrink:0;}
.lp-footer-sep{color:rgba(245,237,214,.3);font-size:.75rem;flex-shrink:0;}
.lp-footer-slogan{font-family:'Dancing Script',cursive;font-size:.9rem;color:var(--d);white-space:nowrap;}

/* Player — mesma linha */
.lp-player{display:flex;align-items:center;gap:.35rem;flex-shrink:0;}
.lp-player__avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;border:1.5px solid var(--d);flex-shrink:0;}
.lp-player__avatar img{width:100%;height:100%;object-fit:cover;}
.lp-player__controls{display:flex;align-items:center;gap:.25rem;}
.lp-player__controls button{width:24px;height:24px;border-radius:50%;background:rgba(192,135,63,.2);color:var(--b);border:1px solid rgba(192,135,63,.4);font-size:.68rem;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.lp-player__controls button:hover{background:rgba(192,135,63,.45);}
.lp-player__controls .play-pause{width:28px;height:28px;background:var(--d);border-color:var(--d);font-size:.75rem;}
.lp-player__controls .play-pause:hover{background:var(--t2);}
.lp-player__bar{width:90px;height:3px;background:rgba(192,135,63,.25);border-radius:2px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;flex-shrink:0;}
.lp-player__bar::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:var(--d);border-radius:50%;cursor:pointer;}
.lp-player__time{font-size:.62rem;color:rgba(245,237,214,.6);white-space:nowrap;min-width:28px;}
.lp-player__vol{display:flex;align-items:center;gap:.2rem;font-size:.65rem;}
.lp-player__vol-bar{width:45px;height:3px;background:rgba(192,135,63,.25);border-radius:2px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;}
.lp-player__vol-bar::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:var(--d);border-radius:50%;cursor:pointer;}
.lp-player__avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;border:1.5px solid var(--d);flex-shrink:0;}
.lp-player__avatar img{width:100%;height:100%;object-fit:cover;}
.lp-player__controls{display:flex;align-items:center;gap:.3rem;}
.lp-player__controls button{width:28px;height:28px;border-radius:50%;background:rgba(192,135,63,.2);color:var(--b);border:1px solid rgba(192,135,63,.4);font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.lp-player__controls button:hover{background:rgba(192,135,63,.4);}
.lp-player__controls .play-pause{width:32px;height:32px;background:var(--d);border-color:var(--d);font-size:.85rem;}
.lp-player__controls .play-pause:hover{background:var(--t2);}
.lp-player__bar{width:100px;height:3px;background:rgba(192,135,63,.25);border-radius:2px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;}
.lp-player__bar::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--d);border-radius:50%;cursor:pointer;}
.lp-player__time{font-size:.65rem;color:rgba(245,237,214,.65);white-space:nowrap;min-width:30px;}
.lp-player__vol{display:flex;align-items:center;gap:.25rem;font-size:.7rem;}
.lp-player__vol-bar{width:55px;height:3px;background:rgba(192,135,63,.25);border-radius:2px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;}
.lp-player__vol-bar::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:var(--d);border-radius:50%;cursor:pointer;}

/* ── MODAL ────────────────────────────────────────────── */
.lp-modal{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:flex;align-items:center;justify-content:center;}
.lp-modal[hidden]{display:none;}
.lp-modal-box{position:relative;width:90vw;max-width:900px;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;}
.lp-modal-box iframe{width:100%;height:100%;border:0;}
.lp-modal-close{position:absolute;top:-2.3rem;right:0;font-size:1.4rem;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;}

/* ── RESPONSIVIDADE ───────────────────────────────────── */
@media(max-width:1023px){
  .lp-hero{padding:5rem 1.5rem 1rem;min-height:auto;}
  .lp-cards-grid{grid-template-columns:repeat(2,1fr);}
  .lp-footer-full{flex-wrap:wrap;justify-content:center;}
}
@media(max-width:767px){
  .lp-nav__wa span{display:none;}
  .lp-logo-bottom{font-size:3.2rem;}
  .lp-cards-grid{grid-template-columns:1fr;padding:1.5rem 1rem;}
  .lp-footer-full{flex-wrap:wrap;gap:.35rem;}
  .lp-footer-sep{display:none;}
  .lp-player__vol{display:none;}
  .lp-player__bar{width:60px;}
  .lp-footer-item{font-size:.62rem;}
}
@media(min-width:1024px){.lp-cards-grid{grid-template-columns:repeat(4,1fr);}}
:focus-visible{outline:3px solid var(--d);outline-offset:2px;border-radius:2px;}