/*
 * 11-v4-motion-glass.css - Capa V4: movimiento premium y liquid glass en hero, tarjetas, galeria, acceso Luma y footer.
 * Origen: index.html, <style> #1 (lineas 115-210). Contenido identico al original.
 */
/* ===== V4 premium motion + liquid glass ===== */
.hero-bg{
  will-change:transform;
  transition:transform 1.4s cubic-bezier(.16,1,.3,1), background-position 1.2s ease-out;
}
.hero::after{
  content:"";position:absolute;inset:-4%;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,197,78,.09),transparent 34%),
    linear-gradient(180deg,transparent 55%,rgba(2,4,7,.55) 100%);
  mix-blend-mode:screen;
  opacity:.65;
}
.hero-title{
  font-weight:900;
  letter-spacing:-.035em;
  text-shadow:0 0 35px rgba(255,201,91,.14),0 2px 30px rgba(0,0,0,.5);
}
.glass-card,.glass,.card,.feature-card,.cta-card,.modal-card{
  backdrop-filter:blur(28px) saturate(165%);
  -webkit-backdrop-filter:blur(28px) saturate(165%);
  background:
    linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 45%,rgba(255,194,77,.035)),
    rgba(8,10,14,.30);
  border:1px solid rgba(255,210,110,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,205,100,.06),
    0 22px 70px rgba(0,0,0,.32);
}
.glass-card::before,.card::before,.feature-card::before,.cta-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at var(--mx,50%) var(--my,20%),rgba(255,216,130,.20),transparent 26%);
  opacity:0;transition:opacity .45s ease;
}
.glass-card:hover::before,.card:hover::before,.feature-card:hover::before,.cta-card:hover::before{opacity:1}
.glass-card,.card,.feature-card,.cta-card{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,border-color .45s ease}
.glass-card:hover,.card:hover,.feature-card:hover,.cta-card:hover{
  transform:translateY(-10px) rotateX(1.5deg) rotateY(-1.5deg);
  border-color:rgba(255,218,139,.42);
  box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 45px rgba(255,198,72,.08);
}
.gallery-stage{
  perspective:1400px;
  transform-style:preserve-3d;
}
.gallery-track{
  transform-style:preserve-3d;
  will-change:transform;
}
.gallery-card{
  transform-style:preserve-3d;
  box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.18);
  border:1px solid rgba(255,210,110,.28);
  overflow:hidden;
}
.gallery-card img{
  transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .7s ease;
}
.gallery-card:hover img{transform:scale(1.055);filter:saturate(1.12) contrast(1.04)}
.gallery-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 22%,transparent 65%,rgba(255,202,91,.12));
  opacity:.5;mix-blend-mode:screen;
}
.luma-access{
  position:relative;overflow:hidden;cursor:pointer;
}
.luma-access::before{
  content:"";position:absolute;width:220px;height:220px;left:var(--mx,50%);top:var(--my,50%);
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,205,95,.18),transparent 68%);
  pointer-events:none;transition:left .2s ease,top .2s ease;
}
.luma-badge{
  display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;
  border:1px solid rgba(255,216,128,.28);
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 30px rgba(0,0,0,.18);
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
}
.luma-dot{width:8px;height:8px;border-radius:50%;background:#f4c85f;box-shadow:0 0 18px #f4c85f}
.footer-name{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(4rem,13vw,12rem);
  line-height:.78;
  letter-spacing:-.075em;
  font-weight:700;
  white-space:nowrap;
}
@media (max-width:700px){
  .footer-name{font-size:19vw}
}