/* FINAL 2026-10-03 — Home comercial compacta y mobile-first */
.home-final .final-hero{padding:56px 0 46px}
.home-final .final-hero-grid{gap:36px}
.home-final .final-hero-copy h1{font-size:clamp(2.7rem,5.2vw,4.85rem);margin:15px 0 18px}
.home-final .final-hero-copy>p{font-size:clamp(1.02rem,1.45vw,1.16rem);line-height:1.55}
.home-final .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.home-final .quick-trust{margin-top:18px}
.home-final .wave-stage{padding:22px;border-radius:26px}
.home-final .animated-wave{height:132px}

/* ---- Como funciona ---- */
.home-process{padding:44px 0 42px;background:linear-gradient(180deg,#0a0e1d 0%,#080c19 100%);border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.05)}
.home-section-title{max-width:980px}
.home-section-title-center{text-align:center;margin:0 auto 24px}
.home-section-title h2{font-size:clamp(2rem,3.6vw,3.05rem);line-height:1.04;letter-spacing:-.045em;margin:10px 0 10px}
.home-section-title p{margin:0 auto;max-width:760px;color:#b8c2da;font-size:1rem;line-height:1.55}
.home-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;margin:0 auto}
.home-process-card{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.022));box-shadow:0 16px 40px rgba(0,0,0,.12)}
.home-process-icon{position:relative;width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:1.55rem;background:linear-gradient(145deg,rgba(255,45,154,.20),rgba(123,44,255,.22));border:1px solid rgba(255,255,255,.09)}
.home-process-icon>span{position:absolute;left:-5px;top:-7px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:850;background:linear-gradient(135deg,#ff2d9a,#7b2cff);box-shadow:0 5px 14px rgba(123,44,255,.35)}
.home-process-card h3{margin:0 0 5px;font-size:1rem;line-height:1.22}
.home-process-card p{margin:0;color:#b9c3db;font-size:.86rem;line-height:1.45}
.home-includes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;max-width:1050px}
.home-includes span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);color:#dce4f5;font-size:.8rem;line-height:1.2}
.home-process-cta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.home-process-cta>span{color:#aeb8cf;font-size:.84rem}

/* ---- Ocasiones + demos integradas ---- */
.home-occasions{padding:50px 0 48px;background:radial-gradient(circle at 10% 0%,rgba(255,45,154,.11),transparent 28%),radial-gradient(circle at 90% 10%,rgba(0,229,255,.075),transparent 26%),#070a16;color:#f7f8ff}
.home-occasions-head{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:end;margin-bottom:24px}
.home-occasions-head h2{margin-bottom:0}
.home-occasions-head>p{margin:0;color:#b7c0d7;line-height:1.55}
.occasion-swipe-hint{display:none}
.occasion-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.occasion-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(180deg,#151b35 0%,#0d1327 100%);box-shadow:0 16px 42px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease}
.occasion-card:hover{transform:translateY(-3px);border-color:rgba(123,44,255,.38)}
.occasion-image{position:relative;display:block;text-decoration:none;color:#fff;overflow:hidden}
.occasion-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}
.occasion-card:hover .occasion-image img{transform:scale(1.015)}
.occasion-image>span{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(7,10,22,.78);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);font-size:.72rem;font-weight:800;line-height:1}
.occasion-copy{display:flex;flex:1;flex-direction:column;padding:16px;gap:9px}
.occasion-copy h3{margin:0;font-size:1.08rem;line-height:1.24;letter-spacing:-.02em;min-height:2.66em}
.occasion-copy>p{margin:0;color:#aeb8d1;font-size:.86rem;line-height:1.45;min-height:2.9em}
.occasion-player{margin-top:auto}
.occasion-play{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;width:100%;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.045);color:#fff;text-align:left;cursor:pointer;font:inherit;transition:.16s ease}
.occasion-play:hover{border-color:rgba(255,45,154,.38);background:rgba(255,45,154,.065)}
.occasion-play:focus-visible{outline:3px solid rgba(0,229,255,.45);outline-offset:2px}
.occasion-play-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2d9a,#7b2cff);box-shadow:0 7px 18px rgba(123,44,255,.24);font-size:.78rem;padding-left:2px}
.occasion-play-copy{display:block;min-width:0}
.occasion-play-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem;line-height:1.2}
.occasion-play-copy small{display:block;margin-top:2px;color:#9faccc;font-size:.7rem;line-height:1.2}
.occasion-player.is-playing .occasion-play{border-color:rgba(255,45,154,.46);background:linear-gradient(135deg,rgba(255,45,154,.12),rgba(123,44,255,.10))}
.occasion-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);color:#e6e8ff;text-decoration:none;font-size:.8rem;font-weight:750}
.occasion-cta span{color:#ff68ba;font-size:1rem}
.occasion-cta:hover{color:#fff}
.occasion-note{margin:18px auto 0;text-align:center;max-width:900px;color:#8f9bb8;font-size:.78rem;line-height:1.45}
.occasion-note strong{color:#dbe1f3}

/* ---- Estilos musicales: compacto ---- */
.home-sounds{padding:34px 0;background:#f5f7ff;color:#10182c}
.home-sounds-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center}
.home-sounds h2{font-size:clamp(1.7rem,2.9vw,2.45rem);line-height:1.05;letter-spacing:-.04em;margin:9px 0}
.home-sounds p{margin:0;color:#5c667d;line-height:1.5}
.home-sound-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.home-sound-pills span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e0e5f1;color:#2b3550;font-size:.8rem;font-weight:650;box-shadow:0 4px 15px rgba(26,38,73,.035)}

/* ---- Ajustes de precios para mantener ritmo visual ---- */
.home-final .price-final{padding-top:50px}
.home-final .price-final .section-head{margin-bottom:24px}

@media(max-width:1050px){
  .home-process-grid{grid-template-columns:1fr 1fr}.home-process-card:last-child{grid-column:1/-1;max-width:540px;width:100%;justify-self:center}
  .occasion-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-occasions-head{grid-template-columns:1fr;gap:10px}
}

@media(max-width:820px){
  .home-final .final-hero{padding:42px 0 34px}
  .home-process{padding:36px 0}
  .home-process-grid{grid-template-columns:1fr;gap:10px}.home-process-card:last-child{grid-column:auto;max-width:none}
  .home-process-card{grid-template-columns:54px 1fr;padding:14px}.home-process-icon{width:50px;height:50px;border-radius:15px;font-size:1.3rem}
  .home-occasions{padding:40px 0}
  .home-sounds-inner{grid-template-columns:1fr;gap:16px}.home-sound-pills{justify-content:flex-start}
}

@media(max-width:560px){
  .home-final .final-hero{padding:26px 0 22px}
  .home-final .final-hero-copy h1{font-size:clamp(2.15rem,10.7vw,3.05rem);line-height:1.01;margin:11px 0 13px}
  .home-final .final-hero-copy>p{font-size:.93rem;line-height:1.47}
  .home-final .hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px}.home-final .hero-actions .btn{width:100%}
  .home-final .quick-trust{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:13px;font-size:.75rem}
  .home-final .quick-trust span:first-child{grid-column:1/-1}
  .home-final .wave-stage{display:none}

  .home-process{padding:28px 0 30px}
  .home-section-title-center{text-align:left;margin-bottom:15px}
  .home-section-title h2{font-size:1.68rem;line-height:1.06;margin:8px 0}
  .home-section-title p{font-size:.84rem;line-height:1.42}
  .home-process-grid{gap:8px}
  .home-process-card{grid-template-columns:44px 1fr;gap:10px;padding:11px 12px;border-radius:16px}
  .home-process-icon{width:42px;height:42px;border-radius:13px;font-size:1.08rem}.home-process-icon>span{width:20px;height:20px;font-size:.63rem;left:-4px;top:-5px}
  .home-process-card h3{font-size:.92rem;margin-bottom:2px}.home-process-card p{font-size:.76rem;line-height:1.34}
  .home-includes{justify-content:flex-start;gap:5px;margin-top:10px}.home-includes span{padding:6px 8px;font-size:.68rem}
  .home-process-cta{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px;text-align:center}.home-process-cta .btn{width:100%}.home-process-cta>span{font-size:.72rem}

  .home-occasions{padding:32px 0 34px;overflow:hidden}
  .home-occasions-head{display:block;margin-bottom:9px}.home-occasions-head h2{font-size:1.65rem;line-height:1.06;margin:8px 0}.home-occasions-head>p{font-size:.82rem;line-height:1.4}
  .occasion-swipe-hint{display:block;margin:9px 0 10px;color:#8d98b5;font-size:.72rem}
  .occasion-cards{display:flex;overflow-x:auto;gap:11px;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:0 7vw 9px 0;margin-right:-7vw;scrollbar-width:none}.occasion-cards::-webkit-scrollbar{display:none}
  .occasion-card{flex:0 0 82vw;scroll-snap-align:start;border-radius:18px}
  .occasion-image img{aspect-ratio:16/9}
  .occasion-image>span{left:9px;bottom:9px;font-size:.66rem;padding:6px 8px}
  .occasion-copy{padding:12px;gap:7px}.occasion-copy h3{font-size:.96rem;line-height:1.2;min-height:0}.occasion-copy>p{font-size:.76rem;line-height:1.35;min-height:0}
  .occasion-play{grid-template-columns:31px 1fr;padding:8px 9px;border-radius:13px}.occasion-play-icon{width:31px;height:31px;font-size:.7rem}.occasion-play-copy strong{font-size:.79rem}.occasion-play-copy small{font-size:.64rem}
  .occasion-cta{font-size:.72rem;padding-top:8px}
  .occasion-note{text-align:left;margin-top:10px;font-size:.67rem}

  .home-sounds{padding:26px 0}.home-sounds h2{font-size:1.48rem;margin:7px 0}.home-sounds p{font-size:.8rem}.home-sound-pills{gap:6px}.home-sound-pills span{padding:6px 8px;font-size:.69rem}
  .home-final .price-final{padding-top:38px}
}