.hero-cinematic{position:relative;isolation:isolate;min-height:clamp(620px,82svh,820px);display:grid;align-items:center;overflow:hidden;padding:clamp(72px,10vw,124px) 0;color:#fff;background:#17364a}
.hero-background,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-background{z-index:-3;object-fit:cover;object-position:center;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}
.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(8,28,40,.87) 0%,rgba(8,35,46,.68) 52%,rgba(8,35,46,.24) 100%),linear-gradient(0deg,rgba(5,24,34,.42),transparent 55%)}
.hero-cinematic .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:clamp(36px,7vw,88px)}
.hero-copy{max-width:760px}
.hero-cinematic .kicker{border-color:#ffffff5c;background:#ffffff16;color:#fff;backdrop-filter:none}
.hero-cinematic h1{max-width:760px;font-size:clamp(3.25rem,7vw,6.1rem);letter-spacing:-.035em;text-wrap:balance;text-shadow:0 4px 26px #05192366}
.hero-cinematic h1 span{display:block;color:#ffd76d}
.hero-cinematic .lead{max-width:690px;color:#f4fbfd;font-size:clamp(1.05rem,2vw,1.28rem);text-shadow:0 2px 14px #061923aa}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-cinematic .btn{border-radius:999px;padding:14px 21px;transition:transform .18s ease,box-shadow .18s ease}
.hero-cinematic .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #06192355}
.hero-primary{background:#ffd45d;color:#17364a}
.hero-secondary{border:1px solid #ffffff8a;background:#ffffff17;color:#fff;backdrop-filter:blur(12px)}
.hero-cinematic .summary{grid-template-columns:1fr 1fr;align-self:end}
.hero-cinematic .stat{border-color:#ffffff3d;background:#0e3446a8;color:#fff;backdrop-filter:none;box-shadow:0 16px 44px #06192333}
.hero-cinematic .stat b{color:#ffd76d;font-size:clamp(1.5rem,3vw,2.1rem)}
.home-library{padding:38px 0 58px;background:linear-gradient(180deg,#f5fbf7,#fffdf7)}
.home-library-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(24px,4vw,42px);border:1px solid #d5e7e3;border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(21,60,78,.09)}
.home-library-card h2{max-width:690px;margin:10px 0 8px;font-size:clamp(2rem,4vw,3rem)}
.home-library-card p{max-width:700px;margin:0;color:#52707d}
.home-library-card>.btn{flex:none;border-radius:999px;background:#086f8b;color:#fff}
@media(max-width:900px){.hero-cinematic{min-height:720px}.hero-cinematic .hero-grid{grid-template-columns:1fr}.hero-cinematic .summary{max-width:620px}.hero-shade{background:linear-gradient(90deg,rgba(8,28,40,.88),rgba(8,35,46,.58)),linear-gradient(0deg,rgba(5,24,34,.5),transparent)}.home-library-card{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){
  .hero-cinematic{min-height:auto;padding:46px 0 38px}
  .hero-cinematic .hero-grid{gap:26px}
  .hero-background{object-position:62% center}
  .hero-shade{background:linear-gradient(100deg,rgba(6,28,39,.9),rgba(8,35,46,.62)),linear-gradient(0deg,rgba(5,24,34,.58),transparent)}
  .hero-cinematic .kicker{padding:6px 11px;font-size:.82rem}
  .hero-cinematic h1{margin:12px 0 10px;font-size:clamp(2.45rem,12vw,3.25rem);line-height:.98;letter-spacing:-.03em}
  .hero-cinematic h1 span{margin-top:.12em}
  .hero-cinematic .lead{font-size:1rem;line-height:1.5}
  .hero-actions{display:grid;gap:10px;margin-top:22px}
  .hero-cinematic .btn{width:100%;padding:12px 16px;text-align:center}
  .hero-cinematic .summary{gap:8px}
  .hero-cinematic .stat{min-width:0;padding:12px;border-radius:16px}
  .hero-cinematic .stat b{overflow-wrap:anywhere;font-size:1.28rem;line-height:1.1}
  .hero-cinematic .stat span{font-size:.76rem;line-height:1.25}
  .home-library{padding:24px 0 42px}
  .home-library-card{gap:22px;padding:22px;border-radius:22px}
  .home-library-card h2{font-size:1.95rem;line-height:1.05}
  .home-library-card>.btn{width:100%;text-align:center}
  .install-app-btn{left:84px;max-width:calc(100vw - 172px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:370px){.hero-cinematic .summary{grid-template-columns:1fr 1fr}.hero-cinematic .stat b{font-size:1.12rem}.home-library-card h2{font-size:1.75rem}}
/* Avoid repeatedly blurring moving video layers on touch devices. */
@media(hover:none) and (pointer:coarse){
  .hero-cinematic .kicker,.hero-cinematic .hero-secondary,.hero-cinematic .stat{backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero-cinematic .stat{background:#153e50e8}
  .hero-cinematic .btn:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.hero-background{display:none}.hero-cinematic{background:linear-gradient(135deg,#17495b,#2a745c)}}
/* Enlaces legales en el pie. */
.legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:.85rem;font-weight:800}
.legal-links a{color:#bcd9e6;text-decoration:none}
.legal-links a:hover{text-decoration:underline}