/* Banner hero v2: fondo sin robot + robot articulado + orbitas */
.spb{position:relative;width:100%;max-width:2086px;margin:0 auto;aspect-ratio:2086/754;overflow:hidden;background:#eef4fb url(https://www.suministrospantera.es/img/cms/banner-hero-v3.webp) center/100% 100% no-repeat;font-family:Arial,Helvetica,sans-serif;container-type:inline-size;animation:spbBreath 22s ease-in-out infinite}
.spb *{box-sizing:border-box}
.spb::after{content:'';position:absolute;top:-20%;bottom:-20%;width:11%;left:-20%;transform:skewX(-12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);pointer-events:none;z-index:5;animation:spbSweep 8s ease-in-out infinite}

/* ---- robot ---- */
.spb__mascot{position:absolute;left:30.4%;top:25.6%;width:19%;aspect-ratio:1122/1402;overflow:visible;z-index:3;pointer-events:none;animation:spbFloat 5.6s ease-in-out infinite}
.spb__head{transform-box:view-box;transform-origin:570px 785px;animation:spbHead 5.4s ease-in-out infinite}
.spb__arm{transform-box:view-box;transform-origin:350px 910px;animation:spbWave 6s ease-in-out infinite}
.spb__blush{animation:spbBlush 6s ease-in-out infinite}

/* ---- orbitas alrededor del robot ---- */
.spb__orb{position:absolute;pointer-events:none;z-index:2}
.spb__orb--a{left:29.36%;top:41.35%;width:21.08%;aspect-ratio:1;transform:rotate(-14deg) scaleY(.44)}
.spb__orb--b{left:26.69%;top:47.25%;width:26.42%;aspect-ratio:1;transform:rotate(16deg) scaleY(.32)}
.spb__orb::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(23,102,204,.4);animation:spbSpin 14s linear infinite}
.spb__orb--b::before{border:1px solid rgba(38,121,225,.32);animation-duration:21s;animation-direction:reverse}
.spb__orb i{position:absolute;inset:0;display:block;animation:spbSpin 3.8s linear infinite}
.spb__orb i+i{animation-duration:5.2s}
.spb__orb--b i{animation-duration:6s;animation-direction:reverse}
.spb__orb i::after{content:'';position:absolute;top:-.55cqw;left:50%;width:1.1cqw;height:1.1cqw;margin-left:-.55cqw;border-radius:50%;background:#2ea8ff;box-shadow:0 0 1.3cqw rgba(46,168,255,.95);animation:spbGlow 2s ease-in-out infinite}
.spb__orb i+i::after{background:#ffb020;box-shadow:0 0 1.1cqw rgba(255,176,32,.9);width:.8cqw;height:.8cqw;margin-left:-.4cqw;top:-.4cqw}
.spb__orb--b i::after{background:#df002d;box-shadow:0 0 1.1cqw rgba(223,0,45,.9);width:.9cqw;height:.9cqw;margin-left:-.45cqw;top:-.45cqw}

/* ---- realces del resto ---- */
.spb__precio{position:absolute;left:58.5%;top:19.1%;width:25.3%;height:14.1%;z-index:4;pointer-events:none;overflow:hidden;border-radius:.6cqw}
.spb__precio::after{content:'';position:absolute;top:-50%;bottom:-50%;width:13%;left:-40%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:spbShine 5.5s ease-in-out infinite}
.spb__cta{position:absolute;left:3.45%;top:71.9%;width:21.24%;height:11.7%;z-index:4;pointer-events:none;border-radius:2cqw;animation:spbPulseRed 3s ease-out infinite}
.spb__cta::after{content:'';position:absolute;inset:0;border-radius:2cqw;overflow:hidden;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.45) 50%,transparent 62%);background-size:260% 100%;background-position:-60% 0;animation:spbFlash 3s ease-in-out infinite}
.spb__cta2{position:absolute;left:82.3%;top:77.6%;width:14.43%;height:8.9%;z-index:4;pointer-events:none;border-radius:.7cqw;animation:spbPulseBlue 3.4s ease-out infinite .6s}
.spb__cta2::after{content:'';position:absolute;inset:0;border-radius:.7cqw;overflow:hidden;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.4) 50%,transparent 62%);background-size:260% 100%;background-position:-60% 0;animation:spbFlash 3.4s ease-in-out infinite .6s}
.spb__agua{position:absolute;left:24%;top:18%;width:26%;height:66%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,rgba(150,205,255,.30),transparent 62%);animation:spbAgua 9s ease-in-out infinite}

/* ---- zonas de clic ---- */
.spb__zona{position:absolute;top:0;height:100%;z-index:6;display:block}
.spb__zona--wa{left:0;width:40%}
.spb__zona--of{right:0;width:60%}

@keyframes spbBreath{0%,100%{background-size:100% 100%}50%{background-size:103% 103%}}
@keyframes spbSweep{0%{left:-20%}55%,100%{left:120%}}
@keyframes spbShine{0%{left:-40%}45%,100%{left:140%}}
@keyframes spbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.8%)}}
@keyframes spbHead{0%,100%{transform:rotate(0)}24%{transform:rotate(-3deg)}45%,58%{transform:rotate(3deg)}78%{transform:rotate(-1deg)}}
@keyframes spbWave{0%,12%,88%,100%{transform:rotate(0)}28%,54%{transform:rotate(15deg)}41%,66%{transform:rotate(-7deg)}78%{transform:rotate(7deg)}}
@keyframes spbBlush{0%,18%,86%,100%{opacity:.3}30%,66%{opacity:1}}
@keyframes spbSpin{to{transform:rotate(360deg)}}
@keyframes spbGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.8)}}
@keyframes spbAgua{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}
@keyframes spbPulseRed{0%{box-shadow:0 0 0 0 rgba(223,0,45,.45)}70%{box-shadow:0 0 0 1.1em rgba(223,0,45,0)}100%{box-shadow:0 0 0 0 rgba(223,0,45,0)}}
@keyframes spbPulseBlue{0%{box-shadow:0 0 0 0 rgba(0,71,171,.45)}70%{box-shadow:0 0 0 1em rgba(0,71,171,0)}100%{box-shadow:0 0 0 0 rgba(0,71,171,0)}}
@keyframes spbFlash{0%,55%{background-position:-60% 0}85%,100%{background-position:170% 0}}
@media (prefers-reduced-motion:reduce){.spb,.spb *{animation:none!important}}

/* v31 — motion refinement only. Existing geometry, artwork and links preserved. */
.spb{animation:none;background-size:100% 100%}
.spb::after{left:-20%;width:14%;opacity:0;animation:spbPremiumSweep31 14s cubic-bezier(.22,.61,.36,1) 2s infinite}
.spb__mascot{transform-origin:50% 80%;animation:spbPremiumFloat31 7s ease-in-out infinite}
.spb__head{animation:spbPremiumHead31 9s ease-in-out infinite}
.spb__arm{animation:spbPremiumWave31 9s ease-in-out infinite}
.spb__blush{animation:spbPremiumBlush31 9s ease-in-out infinite}
.spb__orb::before{animation-duration:28s;opacity:.65}
.spb__orb--b::before{animation-duration:36s}
.spb__orb i{animation-duration:7s}
.spb__orb i+i{animation-duration:10s;animation-delay:-3s}
.spb__orb--b i{animation-duration:12s;animation-delay:-5s}
.spb__orb i::after{animation:spbPremiumGlow31 4s ease-in-out infinite}
.spb__agua{animation:spbPremiumHalo31 7s ease-in-out infinite}
.spb__precio::after{left:-40%;opacity:0;animation:spbPremiumPrice31 12s ease-in-out 3s infinite}
.spb__cta,.spb__cta2{animation:none;transition:box-shadow .35s ease}
.spb__cta::after,.spb__cta2::after{background:none;inset:-25% auto -25% -50%;width:25%;border-radius:0;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);opacity:0;animation:spbPremiumButton31 10s ease-in-out 1s infinite}
.spb__cta2::after{animation-delay:4s;animation-duration:12s}
.spb:has(.spb__zona--wa:hover) .spb__cta,.spb:has(.spb__zona--wa:focus-visible) .spb__cta{box-shadow:0 0 1.1cqw rgba(223,0,45,.3)}
.spb:has(.spb__zona--of:hover) .spb__cta2,.spb:has(.spb__zona--of:focus-visible) .spb__cta2{box-shadow:0 0 1cqw rgba(0,91,210,.3)}
.spb__zona:focus-visible{outline:2px solid #0059c9;outline-offset:-3px}
@keyframes spbPremiumFloat31{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-1.5%) rotate(.35deg)}}
@keyframes spbPremiumHead31{0%,12%,75%,100%{transform:rotate(0)}30%,40%{transform:rotate(-1.8deg)}55%{transform:rotate(1.2deg)}}
@keyframes spbPremiumWave31{0%,18%,70%,100%{transform:rotate(0)}30%,48%{transform:rotate(9deg)}39%,57%{transform:rotate(-3deg)}}
@keyframes spbPremiumBlush31{0%,18%,75%,100%{opacity:.12}35%,55%{opacity:.65}}
@keyframes spbPremiumGlow31{0%,100%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}
@keyframes spbPremiumHalo31{0%,100%{opacity:.35;transform:scale(.97)}50%{opacity:.65;transform:scale(1.04)}}
@keyframes spbPremiumSweep31{0%,65%{opacity:0;transform:translateX(0) skewX(-12deg)}68%{opacity:.3}88%{opacity:.3}94%,100%{opacity:0;transform:translateX(1000%) skewX(-12deg)}}
@keyframes spbPremiumPrice31{0%,65%{opacity:0;transform:translateX(0) skewX(-18deg)}69%{opacity:.55}86%{opacity:.55}92%,100%{opacity:0;transform:translateX(1500%) skewX(-18deg)}}
@keyframes spbPremiumButton31{0%,64%{opacity:0;transform:translateX(0)}68%{opacity:.7}84%{opacity:.7}90%,100%{opacity:0;transform:translateX(650%)}}
/* Pause while reading or navigating; include generated layers in reduced motion. */
.spb:focus-within *,.spb:focus-within::after,.spb:focus-within *::before,.spb:focus-within *::after{animation-play-state:paused!important}
@media(hover:hover){.spb:hover *,.spb:hover::after,.spb:hover *::before,.spb:hover *::after{animation-play-state:paused!important}}
@media(prefers-reduced-motion:reduce){.spb,.spb *,.spb::before,.spb::after,.spb *::before,.spb *::after{animation:none!important;transition:none!important}.spb::after,.spb__precio::after,.spb__cta::after,.spb__cta2::after{opacity:0}.spb__blush{opacity:.15}}

/* v32: animated campaign artwork and fine luminous orbital trails. */
.spb__precio{top:12%;height:21.2%;background-image:url(https://www.suministrospantera.es/img/cms/banner-hero-v3.webp);background-repeat:no-repeat;background-size:395.2569% 471.6981%;background-position:78.3133% 15.2284%;transform-origin:center;animation:spbPriceLift32 5.5s ease-in-out infinite;overflow:hidden}
.spb__precio::after{animation:spbPriceShine32 5.5s ease-in-out infinite;opacity:0}
.spb__cta{background-image:url(https://www.suministrospantera.es/img/cms/banner-hero-v3.webp);background-repeat:no-repeat;background-size:470.8098% 854.7009%;background-position:4.3804% 81.42695%;overflow:hidden;transform-origin:center;animation:spbOfferLift32 4.6s ease-in-out infinite}
.spb__cta::after{animation:spbOfferShine32 4.6s ease-in-out infinite;opacity:0}
.spb__orb::before{border:1px solid rgba(70,148,227,.3);background:none;box-shadow:0 0 .35cqw rgba(41,135,237,.15),inset 0 0 .3cqw rgba(126,206,255,.12);opacity:1;animation:none}
.spb__orb--b::before{border-color:rgba(112,175,229,.2);box-shadow:none}
.spb__orb i{animation-duration:7.5s}
.spb__orb i+i{animation-duration:7.5s;animation-delay:-3.75s;opacity:.55}
.spb__orb--b i{animation-duration:11s;animation-delay:-2.5s;opacity:.7}
.spb__orb i::before{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:rgba(114,211,255,.95);border-right-color:rgba(58,148,244,.2);border-radius:50%;transform:rotate(38deg);filter:drop-shadow(0 0 .3cqw rgba(64,170,255,.6));mask-image:conic-gradient(#000 0deg,transparent 105deg,transparent 270deg,#000 355deg)}
.spb__orb i::after,.spb__orb i+i::after,.spb__orb--b i::after{width:.62cqw;height:.62cqw;top:-.31cqw;margin-left:-.31cqw;background:#e9faff;box-shadow:0 0 .28cqw #fff,0 0 .65cqw #56beff,0 0 1.15cqw rgba(20,123,255,.55);animation:spbPremiumGlow31 4s ease-in-out infinite}
.spb__orb--b i::before{border-top-color:rgba(167,207,245,.7);border-right-color:rgba(167,207,245,.12)}
@keyframes spbPriceLift32{0%,12%,100%{transform:scale(1);filter:brightness(1)}40%,55%{transform:scale(1.035);filter:brightness(1.09)}75%{transform:scale(1.01);filter:brightness(1)}}
@keyframes spbOfferLift32{0%,15%,100%{transform:scale(1);box-shadow:0 0 0 rgba(223,0,45,0)}40%,55%{transform:scale(1.045);box-shadow:0 .2cqw .9cqw rgba(223,0,45,.26)}75%{transform:scale(1.015);box-shadow:0 0 .35cqw rgba(223,0,45,.1)}}
@keyframes spbPriceShine32{0%,20%{opacity:0;transform:translateX(0) skewX(-18deg)}28%{opacity:.55}55%{opacity:.55}65%,100%{opacity:0;transform:translateX(1500%) skewX(-18deg)}}
@keyframes spbOfferShine32{0%,18%{opacity:0;transform:translateX(0)}25%{opacity:.8}50%{opacity:.8}65%,100%{opacity:0;transform:translateX(650%)}}
@media(prefers-reduced-motion:reduce){.spb__precio,.spb__cta{transform:none;filter:none;box-shadow:none}.spb__orb i::before,.spb__orb i::after{display:none}}

/* v33: more expressive robot motion, same layout and artwork. */
.spb__mascot{animation:spbRobotFloat33 4.8s ease-in-out infinite;transform-origin:50% 80%}
.spb__head{animation:spbRobotHead33 6.4s ease-in-out infinite}
.spb__arm{animation:spbRobotWave33 6.4s ease-in-out infinite}
.spb__blush{animation:spbRobotBlush33 6.4s ease-in-out infinite}
@keyframes spbRobotFloat33{0%,100%{transform:translateY(0) rotate(-1.3deg)}25%{transform:translateY(-1.8%) rotate(.4deg)}50%{transform:translateY(-3.2%) rotate(1.4deg)}75%{transform:translateY(-1%) rotate(-.4deg)}}
@keyframes spbRobotHead33{0%,100%{transform:rotate(0)}18%{transform:rotate(-4deg)}34%{transform:rotate(3deg)}48%{transform:rotate(-2deg)}64%{transform:rotate(3.5deg)}82%{transform:rotate(-1.5deg)}}
@keyframes spbRobotWave33{0%,10%,90%,100%{transform:rotate(0)}24%{transform:rotate(18deg)}35%{transform:rotate(-8deg)}46%{transform:rotate(16deg)}57%{transform:rotate(-7deg)}68%{transform:rotate(12deg)}79%{transform:rotate(-3deg)}}
@keyframes spbRobotBlush33{0%,12%,90%,100%{opacity:.12}28%,68%{opacity:.75}}

/* v34: brighter orbital lines and three luminous coloured planets. */
.spb__orb::before{border-color:rgba(95,192,255,.76);border-width:1.5px;box-shadow:0 0 .4cqw rgba(44,154,255,.48),0 0 .85cqw rgba(85,190,255,.2),inset 0 0 .35cqw rgba(153,223,255,.35)}
.spb__orb--b::before{border-color:rgba(147,188,255,.56);border-width:1px;box-shadow:0 0 .45cqw rgba(119,160,255,.4),inset 0 0 .3cqw rgba(172,207,255,.25)}
.spb__orb i{--planet-light:#45d9ff;--planet-dark:#0877d9;opacity:1}
.spb__orb i+i{--planet-light:#ffd36b;--planet-dark:#ef840a;opacity:1}
.spb__orb--b i{--planet-light:#f891ef;--planet-dark:#ac39d5;opacity:1}
.spb__orb i::after,.spb__orb i+i::after,.spb__orb--b i::after{width:1.1cqw;height:1.1cqw;top:-.55cqw;margin-left:-.55cqw;border:1px solid rgba(255,255,255,.8);background:radial-gradient(circle at 32% 28%,#fff 0%,var(--planet-light) 28%,var(--planet-dark) 80%);box-shadow:0 0 .28cqw rgba(255,255,255,.95),0 0 .85cqw var(--planet-light),0 0 1.55cqw var(--planet-light);animation:spbPlanetGlow34 3.8s ease-in-out infinite}
.spb__orb i+i::after{width:.9cqw;height:.9cqw;top:-.45cqw;margin-left:-.45cqw;animation-delay:-1.2s}
.spb__orb--b i::after{width:1cqw;height:1cqw;top:-.5cqw;margin-left:-.5cqw;animation-delay:-2.4s}
.spb__orb i::before{border-top-color:var(--planet-light);filter:drop-shadow(0 0 .35cqw var(--planet-light));opacity:.85}
@keyframes spbPlanetGlow34{0%,100%{opacity:.82;transform:scale(1);filter:brightness(1)}50%{opacity:1;transform:scale(1.17);filter:brightness(1.22)}}

/* v35: softly breathing gold aura behind the robot; no layout changes. */
.spb__agua{background:radial-gradient(ellipse at 64% 49%,rgba(255,247,203,.08) 0%,rgba(255,234,151,.12) 31%,rgba(255,208,75,.42) 44%,rgba(255,190,39,.25) 53%,rgba(255,221,121,.1) 63%,transparent 75%);animation:spbGoldAura35 5.8s ease-in-out infinite;transform-origin:64% 49%;mix-blend-mode:normal}
.spb__agua::before{content:'';position:absolute;inset:4% -15% 0 15%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,transparent 35%,rgba(255,238,167,.1) 43%,rgba(255,210,76,.27) 51%,rgba(255,233,163,.1) 61%,transparent 73%);filter:blur(.6cqw);animation:spbGoldBloom35 5.8s ease-in-out infinite}
.spb__agua::after{content:'';position:absolute;left:37%;top:12%;width:63%;height:77%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,rgba(255,250,220,.7),rgba(255,216,91,.18) 37%,transparent 68%);filter:blur(.9cqw);animation:spbGoldLight35 7.8s ease-in-out infinite}
@keyframes spbGoldAura35{0%,100%{opacity:.4;transform:scale(.97)}48%,55%{opacity:.95;transform:scale(1.055)}}
@keyframes spbGoldBloom35{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.8;transform:scale(1.08)}}
@keyframes spbGoldLight35{0%,100%{opacity:.25;transform:translate(-3%,4%)}50%{opacity:.72;transform:translate(5%,-4%)}}
@media(prefers-reduced-motion:reduce){.spb__agua{opacity:.55;transform:none}.spb__agua::before{opacity:.45}.spb__agua::after{opacity:.3}}

/* v36: thin gold light follows the rendered robot silhouette and every articulated movement. */
.spb__agua{background:none;animation:none;opacity:0}
.spb__agua::before,.spb__agua::after{content:none;animation:none}
.spb__mascot{animation:spbRobotFloat33 4.8s ease-in-out infinite,spbRobotEdge36 4.8s ease-in-out infinite;filter:drop-shadow(0 0 .07cqw rgba(255,224,101,.9)) drop-shadow(0 0 .18cqw rgba(255,191,37,.55))}
@keyframes spbRobotEdge36{0%,100%{filter:drop-shadow(0 0 .06cqw rgba(255,226,112,.75)) drop-shadow(0 0 .14cqw rgba(255,190,31,.4))}50%{filter:drop-shadow(0 0 .09cqw rgba(255,236,147,1)) drop-shadow(0 0 .25cqw rgba(255,193,35,.85))}}
@media(prefers-reduced-motion:reduce){.spb__mascot{filter:drop-shadow(0 0 .07cqw rgba(255,224,101,.85)) drop-shadow(0 0 .16cqw rgba(255,191,37,.5))}}

/* v37: diffuse gold trails emitted by the animated robot silhouette. */
.spb__mascot{animation:spbRobotFloat33 4.8s ease-in-out infinite,spbRobotTrail37 4.8s ease-in-out infinite;filter:drop-shadow(0 0 .28cqw rgba(255,226,121,.6)) drop-shadow(-.25cqw .4cqw .65cqw rgba(255,196,62,.42)) drop-shadow(-.6cqw .9cqw 1.05cqw rgba(255,212,96,.24))}
@keyframes spbRobotTrail37{
0%,100%{filter:drop-shadow(0 0 .24cqw rgba(255,229,141,.45)) drop-shadow(-.2cqw .3cqw .6cqw rgba(255,198,61,.32)) drop-shadow(-.45cqw .65cqw 1cqw rgba(255,215,108,.2))}
25%{filter:drop-shadow(0 0 .34cqw rgba(255,229,136,.65)) drop-shadow(-.45cqw .65cqw .8cqw rgba(255,196,54,.48)) drop-shadow(-.9cqw 1.25cqw 1.35cqw rgba(255,216,103,.29))}
50%{filter:drop-shadow(0 0 .4cqw rgba(255,234,157,.7)) drop-shadow(0 .75cqw .9cqw rgba(255,202,65,.5)) drop-shadow(-.3cqw 1.4cqw 1.5cqw rgba(255,219,118,.3))}
75%{filter:drop-shadow(0 0 .3cqw rgba(255,230,138,.55)) drop-shadow(.4cqw .35cqw .75cqw rgba(255,196,54,.4)) drop-shadow(.8cqw .7cqw 1.3cqw rgba(255,215,101,.24))}
}
@media(prefers-reduced-motion:reduce){.spb__mascot{filter:drop-shadow(0 0 .3cqw rgba(255,229,141,.5)) drop-shadow(0 .35cqw .8cqw rgba(255,206,87,.3))}}

/* v38: pale champagne light, quicker directional trails, less yellow saturation. */
.spb__mascot{animation:spbRobotFloat33 4.8s ease-in-out infinite,spbRobotTrail38 2.4s ease-in-out infinite;filter:drop-shadow(0 0 .25cqw rgba(255,248,225,.45)) drop-shadow(-.3cqw .4cqw .75cqw rgba(250,229,181,.27))}
@keyframes spbRobotTrail38{
0%,100%{filter:drop-shadow(0 0 .2cqw rgba(255,251,235,.3)) drop-shadow(-.65cqw .15cqw .65cqw rgba(250,234,198,.24)) drop-shadow(-1.25cqw .3cqw 1.1cqw rgba(249,224,172,.13))}
25%{filter:drop-shadow(0 0 .38cqw rgba(255,252,239,.62)) drop-shadow(-.4cqw .8cqw .9cqw rgba(251,237,206,.38)) drop-shadow(-.85cqw 1.5cqw 1.45cqw rgba(250,227,183,.2))}
50%{filter:drop-shadow(0 0 .23cqw rgba(255,252,240,.35)) drop-shadow(.65cqw .2cqw .7cqw rgba(252,239,213,.27)) drop-shadow(1.3cqw .4cqw 1.2cqw rgba(249,227,185,.15))}
75%{filter:drop-shadow(0 0 .42cqw rgba(255,253,243,.66)) drop-shadow(.2cqw -.65cqw .95cqw rgba(253,241,218,.4)) drop-shadow(.45cqw -1.15cqw 1.5cqw rgba(250,231,193,.22))}
}
@media(prefers-reduced-motion:reduce){.spb__mascot{filter:drop-shadow(0 0 .3cqw rgba(255,248,227,.35)) drop-shadow(0 .3cqw .8cqw rgba(250,231,194,.2))}}

/* v39: visible warm-white trails with a restrained gold edge. */
.spb__mascot{animation:spbRobotFloat33 4.8s ease-in-out infinite,spbRobotTrail39 2.4s ease-in-out infinite}
@keyframes spbRobotTrail39{
0%,100%{filter:drop-shadow(0 0 .17cqw rgba(230,175,66,.7)) drop-shadow(-.4cqw .25cqw .5cqw rgba(255,240,185,.85)) drop-shadow(-1cqw .65cqw .95cqw rgba(235,188,94,.55))}
25%{filter:drop-shadow(0 0 .23cqw rgba(239,188,80,.85)) drop-shadow(-.55cqw .8cqw .55cqw rgba(255,246,210,1)) drop-shadow(-1.25cqw 1.55cqw 1.15cqw rgba(237,193,103,.72))}
50%{filter:drop-shadow(0 0 .18cqw rgba(232,180,72,.75)) drop-shadow(.5cqw .25cqw .5cqw rgba(255,245,205,.9)) drop-shadow(1.15cqw .65cqw 1cqw rgba(235,190,98,.6))}
75%{filter:drop-shadow(0 0 .24cqw rgba(240,192,87,.9)) drop-shadow(.35cqw -.55cqw .6cqw rgba(255,249,223,1)) drop-shadow(.8cqw -1.1cqw 1.2cqw rgba(237,195,111,.72))}
}
@media(prefers-reduced-motion:reduce){.spb__mascot{filter:drop-shadow(0 0 .2cqw rgba(232,183,79,.65)) drop-shadow(0 .4cqw .75cqw rgba(250,228,170,.7))}}

/* v40: softly glowing sun rays released from behind the moving robot. */
.spb__mascot{animation:spbRobotFloat33 4.8s ease-in-out infinite;filter:drop-shadow(0 0 .16cqw rgba(255,221,131,.65)) drop-shadow(0 0 .38cqw rgba(255,231,164,.4))}
.spb__agua{left:30.4%;top:25.6%;width:19%;height:auto;aspect-ratio:1122/1402;background:none;opacity:1;transform-origin:50% 80%;animation:spbRobotFloat33 4.8s ease-in-out infinite;z-index:1;pointer-events:none}
.spb__agua::before,.spb__agua::after{content:'';position:absolute;inset:-8% -21%;width:auto;height:auto;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 7deg at 50% 50%,transparent 0deg 17deg,rgba(238,185,66,.35) 18deg,rgba(255,239,171,.95) 20deg,rgba(255,220,109,.7) 22deg,transparent 25deg 36deg);mask-image:radial-gradient(ellipse at center,transparent 0% 36%,#000 43% 56%,transparent 71%);filter:blur(.11cqw);transform-origin:50% 50%;animation:spbSunRays40 2.8s ease-out infinite}
.spb__agua::after{background:repeating-conic-gradient(from 24deg at 50% 50%,transparent 0deg 20deg,rgba(249,203,104,.55) 21deg,rgba(255,248,215,1) 23deg,rgba(255,228,147,.6) 25deg,transparent 27deg 45deg);animation-delay:-1.4s;filter:blur(.14cqw)}
@keyframes spbSunRays40{0%{opacity:0;transform:scale(.78) rotate(-3deg)}18%{opacity:.95}48%{opacity:.8}80%{opacity:.25}100%{opacity:0;transform:scale(1.23) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.spb__agua{opacity:.55;transform:none}.spb__agua::before{opacity:.5;transform:scale(.98)}.spb__agua::after{display:none}.spb__mascot{filter:drop-shadow(0 0 .25cqw rgba(255,229,155,.5))}}

/* v41: gentler sun rays, softer edges and a slower release. */
.spb__agua::before,.spb__agua::after{filter:blur(.28cqw);animation:spbSunRays41 4.6s ease-in-out infinite}
.spb__agua::after{animation-delay:-2.3s;filter:blur(.34cqw)}
@keyframes spbSunRays41{0%{opacity:0;transform:scale(.86) rotate(-2deg)}25%{opacity:.38}50%{opacity:.3}78%{opacity:.12}100%{opacity:0;transform:scale(1.14) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.spb__agua::before{opacity:.2}.spb__agua::after{display:none}}

/* v42: short, narrow sun-ray dashes instead of broad radial beams. */
.spb__agua::before,.spb__agua::after{background:repeating-conic-gradient(from 8deg at 50% 50%,transparent 0deg 17deg,rgba(222,166,57,.5) 17.5deg,rgba(255,227,145,.95) 18.2deg,rgba(255,245,204,1) 18.8deg,rgba(236,181,75,.55) 19.5deg,transparent 20deg 36deg);mask-image:radial-gradient(ellipse at center,transparent 0% 48%,#000 50% 54%,transparent 56%);filter:blur(.055cqw);animation:spbSunDashes42 3.8s ease-out infinite}
.spb__agua::after{background:repeating-conic-gradient(from 26deg at 50% 50%,transparent 0deg 17deg,rgba(226,177,77,.5) 17.5deg,rgba(255,234,170,1) 18.3deg,rgba(255,248,218,1) 19deg,transparent 20deg 45deg);animation-delay:-1.9s;filter:blur(.075cqw)}
@keyframes spbSunDashes42{0%{opacity:0;transform:scale(.79)}18%{opacity:.72}45%{opacity:.6}75%{opacity:.24}100%{opacity:0;transform:scale(1.17)}}
@media(prefers-reduced-motion:reduce){.spb__agua::before{opacity:.35;transform:scale(1)}.spb__agua::after{display:none}}