/* TuSelloApp - portada (estilo moderno). Solo se carga en index.php */
body.home{
  --h-ink:#0c0a14;--h-ink2:#151225;--h-txt:#18181b;--h-mut:#71717a;--h-line:#ececf1;
  --h-violet:#7c3aed;--h-pink:#ec4899;--h-orange:#fb923c;
  --h-grad:linear-gradient(100deg,#8b5cf6 0%,#ec4899 55%,#fb923c 100%);
  background:#fafafa;color:var(--h-txt);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.home .muted{color:var(--h-mut)}

/* Cabecera oscura con brillos */
.h-top{position:relative;overflow:hidden;background:var(--h-ink);color:#f4f4f5;padding-bottom:4.5em}
.h-top .landing{position:relative;z-index:1;padding-bottom:0}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none}
.g1{width:520px;height:520px;background:#7c3aed;top:-220px;left:-160px}
.g2{width:460px;height:460px;background:#ec4899;top:40px;right:-180px;opacity:.45}
.g3{width:380px;height:380px;background:#fb923c;bottom:-260px;left:35%;opacity:.3}
.h-top:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 85%);-webkit-mask-image:linear-gradient(#000,transparent 85%)}
body.home .l-nav{padding:.6em 0 2.4em}
body.home .brand-big{color:#fff}
body.home .brand-big b{background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.home .l-links a{color:#d4d4d8;font-weight:500}
body.home .l-links a:hover{color:#fff}
.eyebrow{display:inline-block;margin:0 0 1.1em;padding:.35em .9em;border-radius:99px;font-size:.82rem;font-weight:600;color:#e9d5ff;background:rgba(139,92,246,.16);border:1px solid rgba(167,139,250,.35)}
body.home .l-hero h1{font-size:clamp(2.2rem,5.2vw,3.6rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:0 0 .45em;color:#fff}
body.home .l-hero h1 em{background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.home .l-hero p.lead{color:#a1a1aa;font-size:1.15rem;max-width:34em}
.h-for{color:#71717a;font-size:.85rem;margin-top:1.4em}
body.home .phone{box-shadow:0 40px 80px -30px rgba(236,72,153,.55),0 0 0 1px rgba(255,255,255,.08);transform:rotate(2.5deg)}

/* Botones */
body.home .btn{border-radius:99px;font-weight:650}
body.home .btn.grad{background:var(--h-grad);color:#fff;box-shadow:0 10px 30px -10px rgba(236,72,153,.7)}
body.home .btn.ghost-light{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
body.home .btn.ghost-light:hover{background:rgba(255,255,255,.12)}
body.home .btn.wa{border-radius:99px}

/* Secciones */
body.home .l-sec{margin-top:5.5em}
body.home .l-h2{font-size:clamp(1.8rem,3.6vw,2.5rem);letter-spacing:-.035em;font-weight:800}
body.home .l-sub{color:var(--h-mut)}
body.home .card{border-radius:20px;border:1px solid var(--h-line);box-shadow:0 1px 2px rgba(0,0,0,.03)}
body.home .l-step .n{background:var(--h-grad)}
body.home .shot{background:#0c0a14;border-radius:30px;box-shadow:0 30px 50px -25px rgba(76,29,149,.45)}
body.home .l-ej .tj-card{border-radius:22px}

/* Ventajas */
body.home .l-feat{gap:1.1em}
body.home .l-feat .card{padding:1.5em;transition:transform .2s,box-shadow .2s}
body.home .l-feat .card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(124,58,237,.35)}
body.home .l-feat h3{font-size:1.05rem;letter-spacing:-.01em}

/* Precios */
body.home .l-toggle{border-color:var(--h-line)}
body.home .l-toggle button.on{background:var(--h-ink)}
body.home .l-price{border:1px solid var(--h-line);border-radius:24px}
body.home .l-price.top{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--h-grad) border-box;box-shadow:0 30px 60px -30px rgba(236,72,153,.45)}
body.home .l-ribbon{background:var(--h-grad)}
body.home .l-badge{background:#f5f3ff;color:#6d28d9}
body.home .l-check li:before{color:#a855f7}
body.home .l-amount b{font-weight:800;letter-spacing:-.04em}

/* Preguntas */
body.home .l-faq details{border-radius:16px}
body.home .l-faq summary{list-style:none;display:flex;justify-content:space-between;gap:1em}
body.home .l-faq summary::-webkit-details-marker{display:none}
body.home .l-faq summary:after{content:"+";font-weight:400;font-size:1.3rem;line-height:1;color:var(--h-mut)}
body.home .l-faq details[open] summary:after{content:"–"}

@media(max-width:780px){
  .h-top{padding-bottom:3em}
  body.home .phone{transform:none;margin-top:1em}
  .g2{right:-260px}
}