:root { --black:#050505; --red:#d40000; --red-dark:#910019; --yellow:#ffd400; --white:#fff; --muted:#e8e8e8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--white); font-family:Montserrat,Arial,sans-serif; text-align:center; }
img { display:block; max-width:100%; }
.wrap { width:min(100% - 32px, 1060px); margin:auto; }
section { padding:72px 0; }
.section-glow { background:radial-gradient(ellipse at 50% 0%, rgba(255,212,0,.14), transparent 48%),radial-gradient(ellipse at 50% 100%, rgba(170,0,0,.16), transparent 43%),var(--black); }
.hero { min-height:100vh; padding:36px 16px 72px; display:flex; flex-direction:column; align-items:center; }
.privacy { align-self:flex-end; color:#ddd; font-size:.72rem; letter-spacing:.05em; text-decoration:none; }
.logo { width:130px; min-height:100px; object-fit:contain; margin:28px auto 24px; }
h1,.section-title { margin:0; font-weight:900; text-transform:uppercase; line-height:.98; letter-spacing:-.045em; }
h1 { max-width:900px; font-size:clamp(2.2rem,8vw,5.4rem); }
.lead,.section-copy { max-width:820px; margin:30px auto; font-size:clamp(1rem,2.8vw,1.45rem); line-height:1.7; }
.hero-devices { width:min(100%,640px); min-height:240px; object-fit:contain; margin:0 auto 30px; }
.button { display:flex; align-items:center; justify-content:center; min-height:58px; padding:14px 26px; border-radius:999px; font-weight:800; font-size:clamp(.8rem,2.8vw,1.1rem); text-decoration:none; transition:transform .2s,filter .2s; }
.button:hover { transform:translateY(-3px); filter:brightness(1.12); }
.button-primary { width:min(100%,620px); background:linear-gradient(100deg,#b90000,#ef1010,#a50000); color:var(--yellow); border:2px solid #ff9b9b; box-shadow:0 8px 30px rgba(216,0,0,.3); }
.benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.benefit-card { padding:34px 22px; border:1px solid #343434; border-radius:28px; background:linear-gradient(145deg,#1a1a1a,#0b0b0b); }
.benefit-icon { display:grid; place-items:center; width:76px; height:76px; margin:0 auto 18px; color:var(--yellow); border:1px solid #765d00; border-radius:22px; font-size:2.6rem; }
.benefit-card h2 { color:var(--yellow); font-size:1rem; letter-spacing:.09em; }.benefit-card p { color:#eee; line-height:1.65; }
.catalog { padding-top:95px; }.eyebrow,.section-title span { color:var(--red); }.eyebrow { margin:0 0 8px; font-weight:800; letter-spacing:.1em; }.section-title { color:var(--yellow); font-size:clamp(2.3rem,7vw,4.5rem); }.section-title span { color:var(--red); }
.poster-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }.poster-grid img { width:100%; aspect-ratio:2/3; object-fit:cover; border:10px solid #181818; border-radius:30px; background:#181818; }
.trial { padding:80px 0; border-top:4px solid var(--yellow); }.trial .button { margin:35px auto 0; }
.instruction-card { padding:24px; border:2px solid #7f195c; border-radius:28px; background:#e9e9e9; color:#111; }.instruction-card h2 { margin:0 0 20px; text-transform:uppercase; font-size:clamp(1.1rem,4vw,1.8rem); }.instruction-card img { width:min(100%,720px); min-height:260px; margin:auto; object-fit:cover; }.instruction-card ol { max-width:720px; margin:20px auto; text-align:left; line-height:1.7; }.instruction-card .button { margin:20px auto 0; }.button-download,.button-card { background:linear-gradient(90deg,#e40000,#ff8b00); color:#fff; }.plans { border-top:4px solid var(--yellow); }.plans .section-copy { margin-bottom:45px; }
.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.plan-card { padding:38px 28px 28px; border:6px solid var(--yellow); border-radius:34px; background:linear-gradient(160deg,#ff3e59,#d91d45 55%,#82001b); text-align:left; }.plan-card h3 { margin:0; text-align:center; font-size:2rem; }.price { display:block; color:var(--yellow); text-align:center; font-size:clamp(4.5rem,9vw,6.6rem); line-height:1.05; }.plan-card ul { padding:0; list-style:none; line-height:2; font-size:.95rem; font-weight:700; }.plan-card li::before { content:'✓'; color:var(--yellow); margin-right:10px; }.plan-card .button { min-height:50px; margin-top:14px; }.button-paypal { background:var(--yellow); color:#0c0c0c; }
.faq { padding-bottom:80px; }.faq .section-title { margin-bottom:35px; }details { max-width:760px; margin:auto; border-bottom:2px solid #777; text-align:left; }summary { padding:24px 8px; cursor:pointer; font-size:clamp(1rem,3vw,1.4rem); font-weight:800; list-style:none; }summary::before { content:'▶'; color:var(--yellow); margin-right:12px; }details p { margin:0; padding:0 28px 22px; line-height:1.6; color:var(--muted); }
footer { padding:35px 16px 130px; background:#020202; }.socials { display:flex; justify-content:center; gap:20px; }.socials a { display:grid; place-items:center; width:62px; height:62px; color:#fff; border:1px solid #444; border-radius:50%; font-size:2rem; font-weight:800; text-decoration:none; }footer p { font-size:clamp(.85rem,3vw,1.15rem); font-weight:800; }.whatsapp { position:fixed; z-index:5; right:20px; bottom:20px; display:grid; place-items:center; width:74px; height:74px; border:5px solid #087f37; border-radius:50%; background:#25d366; color:#fff; box-shadow:0 0 0 12px rgba(37,211,102,.12); font-size:3.2rem; text-decoration:none; }
@media (max-width:700px) { section { padding:55px 0; }.benefits,.plan-grid { grid-template-columns:1fr; }.benefit-card { padding:25px 18px; }.poster-grid { grid-template-columns:repeat(2,1fr); gap:14px; }.poster-grid img { border-width:7px; border-radius:22px; }.plan-card { max-width:460px; width:100%; margin:auto; }.hero { min-height:auto; }.privacy { font-size:.6rem; }.whatsapp { width:64px; height:64px; font-size:2.7rem; } }
/* ===== CARRUSEL DE PELÍCULAS ===== */

#posterGrid {
  display: flex;
  gap: 20px;
  overflow: hidden;
  width: 100%;
  margin-top: 35px;
  position: relative;
}

#posterGrid img {
  flex: 0 0 220px;
  width: 220px;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border: 10px solid #181818;
  border-radius: 30px;
  background: #181818;
}

/* Adaptación para celulares */
@media (max-width:700px) {
  #posterGrid {
    gap: 14px;
  }

  #posterGrid img {
    flex: 0 0 150px;
    width: 150px;
    border-width: 7px;
    border-radius: 22px;
  }
}
.whatsapp svg {
  width: 42px;
  height: 42px;
  fill: #fff;
}