/* Hero de pantalla completa con composición flotante inspirada en la referencia. */
.hero{position:relative;isolation:isolate;min-height:calc(100svh - 76px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(118deg,#310f23 0%,#571a3d 48%,#8b3b64 100%)}
.hero::before{content:"";position:absolute;inset:-15%;z-index:-2;background:radial-gradient(circle at 79% 31%,rgba(246,193,214,.5),transparent 22%),radial-gradient(circle at 71% 73%,rgba(181,117,207,.38),transparent 25%),radial-gradient(circle at 30% 88%,rgba(216,94,136,.23),transparent 28%);filter:blur(14px)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(38,9,27,.84) 0%,rgba(56,12,36,.62) 44%,rgba(55,12,37,.12) 100%)}
.hero-content{position:relative;z-index:2;width:100%;padding-block:clamp(48px,9vh,120px)}
.hero-floating-product{position:absolute;z-index:1;right:clamp(4%,10vw,15%);top:50%;width:min(33vw,455px);aspect-ratio:1;transform:translateY(-47%) rotate(-7deg);border-radius:46% 54% 48% 52%/55% 43% 57% 45%;background:linear-gradient(145deg,rgba(255,255,255,.47),rgba(255,215,232,.09));border:1px solid rgba(255,255,255,.42);box-shadow:0 30px 70px rgba(24,3,16,.38),inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(5px);animation:hero-float 6s ease-in-out infinite}
.hero-floating-product::before{content:"";position:absolute;inset:11%;border-radius:inherit;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.9),transparent 21%),linear-gradient(145deg,rgba(255,255,255,.26),transparent 65%)}
.hero-floating-product img{position:absolute;z-index:1;left:50%;top:51%;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 22px 16px rgba(49,7,29,.28));transform:translate(-50%,-50%) rotate(7deg) scale(1.35)}
.hero-floating-orbit{position:absolute;right:clamp(2%,5vw,7%);top:21%;width:min(12vw,170px);aspect-ratio:1;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:inset 0 0 34px rgba(255,255,255,.12);animation:orbit-drift 8s ease-in-out infinite}
@keyframes hero-float{50%{transform:translateY(-52%) rotate(-4deg)}}@keyframes orbit-drift{50%{transform:translate(-12px,13px) rotate(12deg)}}
@media(max-width:760px){.hero{min-height:calc(100svh - 65px);align-items:flex-end}.hero::after{background:linear-gradient(0deg,rgba(37,8,26,.92) 0%,rgba(53,13,37,.52) 58%,rgba(53,13,37,.08) 100%)}.hero-content{padding-bottom:54px}.hero-floating-product{top:24%;right:13%;width:min(59vw,330px);transform:rotate(-7deg)}.hero-floating-orbit{top:9%;right:4%;width:30vw}.hero-stats{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.hero-floating-product,.hero-floating-orbit{animation:none}}