.hero-slides{position:absolute;inset:0;overflow:hidden}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1s ease}.hero-slide.is-active{opacity:1}.hero-slider-controls{position:absolute;top:65px;right:28px;z-index:5;display:flex;gap:7px;align-items:center}.hero-slider-controls button{border:1px solid #ffffff80;background:#101111b0;color:#fff;border-radius:50%;width:28px;height:28px;font-size:12px;padding:0}.hero-slider-controls button[aria-pressed=true]{background:var(--yellow);color:#111;border-color:var(--yellow)}.hero-slider-controls .slide-pause{border-radius:4px;width:auto;padding:0 10px}.brand-intro{position:fixed;inset:0;z-index:2000;background:#090a0a;display:grid;place-items:center;animation:intro-exit .5s 3s forwards;pointer-events:none}.intro-word{writing-mode:vertical-rl;text-orientation:upright;color:#ffa500;font:800 clamp(35px,7vh,70px)/1 var(--heading);letter-spacing:4px;animation:word-exit .4s 1.2s forwards}.intro-logo{position:absolute;width:min(72vw,520px);max-height:65vh;object-fit:contain;opacity:0;animation:logo-enter .5s 1.6s forwards}.intro-skip{position:absolute;right:24px;bottom:24px;pointer-events:auto;border:1px solid #666;background:none;color:#ddd;padding:10px 18px}.brand-intro.is-done{display:none}@keyframes word-exit{to{opacity:0;transform:translateY(-20px)}}@keyframes logo-enter{to{opacity:1}}@keyframes intro-exit{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none}.hero-slide{transition:none}}@media(max-width:640px){.hero-slider-controls{top:52px;left:20px;right:auto;gap:5px}.hero-slider-controls button{width:25px;height:25px}}

.hero-socials{position:absolute;right:28px;top:25%;z-index:5;display:flex;flex-direction:column;gap:10px}.hero-socials a,.hero-socials>span{display:grid;place-items:center;width:44px;height:44px;color:#ffffffba;background:transparent}.hero-socials svg{width:22px;height:22px;fill:currentColor}.hero-socials a:hover,.hero-socials a:focus-visible{color:var(--yellow)}.hero-socials .social-pending{opacity:.5}@media(max-width:640px){.hero-socials{top:60px;right:14px;gap:4px}}

/* Botones sociales del hero */
.hero .hero-topline{justify-content:flex-end}
.hero-socials a,.hero-socials>span{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:146px;min-height:46px;height:auto;padding:11px 14px;background:var(--yellow,#ffa500);color:#111;border:1px solid #fff;border-radius:0;font:600 15px/1.2 var(--heading);letter-spacing:.5px;text-decoration:none;box-shadow:0 3px 12px #0002}
.hero-socials svg{flex-shrink:0;width:21px;height:21px}
.hero-socials .social-pending{opacity:1;cursor:default}
.hero-socials a:hover,.hero-socials a:focus-visible{background:#ffbc3d;color:#000;outline:2px solid #fff;outline-offset:3px}
@media(max-width:640px){.hero-socials{top:60px;right:14px;gap:7px}.hero-socials a,.hero-socials>span{width:120px;min-height:44px;padding:10px;gap:8px;font-size:13px}}

/* Iconos sociales compactos con esquinas redondeadas */
.hero-socials{gap:12px}
.hero-socials a,.hero-socials>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:12px;border:1px solid #fff;border-radius:12px;background:var(--yellow,#ffa500);color:#111;box-shadow:0 4px 14px #0003;transition:transform .2s,background .2s,box-shadow .2s}
.hero-socials svg{width:23px;height:23px;flex-shrink:0}
.hero-socials a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0004}
@media(max-width:640px){.hero-socials{gap:9px}.hero-socials a,.hero-socials>span{width:44px;height:44px;min-height:44px;padding:10px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){.hero-socials a{transition:none}.hero-socials a:hover{transform:none}}