/* ROTA 3D V5 — hero techno-interativo inspirado na referência enviada.
 * Os recursos de catálogo, WhatsApp e painel administrativo seguem isolados. */
.hero-tech-shell{height:548px;isolation:isolate;perspective:1400px;display:grid;place-items:center;--tx:50%;--ty:50%;--tilt-x:0deg;--tilt-y:0deg;--lift:0px}
.hero-tech-shell::before{content:"";position:absolute;inset:13% 4%;border-radius:40%;background:radial-gradient(ellipse at 52% 44%,#e9572824 0%,#ff661c0d 40%,transparent 70%);filter:blur(25px);z-index:-1;pointer-events:none}
.hero-tech-shell .tech-perspective{width:min(100%,585px);position:relative;z-index:2;transform-style:preserve-3d;perspective:1500px}
.tech-window{width:100%;aspect-ratio:1.17/1;max-height:490px;border:1px solid #393a40;border-radius:19px;background:linear-gradient(145deg,#1d1f24,#111216 70%);padding:10px;box-shadow:0 33px 68px #000b,0 0 0 1px #ff782a15,inset 0 1px #ffffff16;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .35s;will-change:transform;position:relative;outline-offset:8px;cursor:crosshair;user-select:none}
.tech-window:focus-visible{outline:3px solid #ff9a56}
.tech-window.is-interacting{transition:transform .065s linear,box-shadow .22s;box-shadow:0 36px 75px #000d,0 0 38px #ef622128, inset 0 1px #ffffff27}
.tech-window-bar{height:45px;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:0 14px;color:#a1a2a7;font:800 10px/1 'DM Sans',sans-serif;letter-spacing:.11em;transform:translateZ(27px)}
.tech-window-dots{display:flex;gap:6px;align-items:center}.tech-window-dots i{width:8px;height:8px;border-radius:50%;background:#ed5160;box-shadow:0 0 8px #ed516047}.tech-window-dots i:nth-child(2){background:#e0b042;box-shadow:0 0 8px #e0b04244}.tech-window-dots i:nth-child(3){background:#37ba84;box-shadow:0 0 8px #37ba8444}
.tech-window-title{color:#f88b4c;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-window-status{display:inline-flex;align-items:center;gap:6px;color:#b1b1b5;font-size:8px;white-space:nowrap}.tech-window-status span{width:5px;height:5px;border-radius:50%;background:#54dc9e;box-shadow:0 0 8px #54dc9e}
.tech-screen{height:calc(100% - 85px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#24130f 0%,#0a0b0e 47%,#050607 96%);border-radius:10px;border:1px solid #24262b;transform-style:preserve-3d;box-shadow:inset 0 0 30px #000a,0 0 0 1px #ffffff08}
.tech-screen:before{content:"";position:absolute;z-index:2;left:3%;right:3%;height:1px;top:26%;background:linear-gradient(90deg,transparent,#f7813bc4 25%,#ffd0a6 51%,#f7813bc4 75%,transparent);box-shadow:0 0 9px 2px #ff701962,0 0 28px 6px #f85e1b29;pointer-events:none}
.tech-grid-floor{position:absolute;inset:43% -7% -10%;opacity:.45;background-image:linear-gradient(#ef7b2816 1px,transparent 1px),linear-gradient(90deg,#ef7b2816 1px,transparent 1px);background-size:28px 28px;transform:perspective(330px) rotateX(32deg) scale(1.25);mask-image:linear-gradient(0deg,#000 15%,transparent 100%);pointer-events:none}
.tech-noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px 6px);opacity:.011;pointer-events:none}
.tech-scanline{position:absolute;left:8%;right:8%;height:2px;top:7%;z-index:3;background:linear-gradient(90deg,transparent,#f7802780,transparent);filter:blur(.3px);opacity:.55;animation:rota-scan 7s ease-in-out infinite alternate;pointer-events:none}
.tech-cursor-light{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle 175px at var(--tx) var(--ty),#ff8a2426,transparent 83%);mix-blend-mode:screen}
.tech-screen-corner{position:absolute;width:13px;height:13px;border:solid #d66b317c;z-index:2;pointer-events:none}.tech-corner-tl{top:15px;left:15px;border-width:1px 0 0 1px}.tech-corner-tr{top:15px;right:15px;border-width:1px 1px 0 0}.tech-corner-bl{bottom:15px;left:15px;border-width:0 0 1px 1px}.tech-corner-br{bottom:15px;right:15px;border-width:0 1px 1px 0}
.tech-interface-heading{position:absolute;z-index:3;top:15px;left:34px;right:34px;display:flex;justify-content:space-between;gap:10px;font:700 8px/1.4 'DM Sans',sans-serif;color:#c17a54;letter-spacing:.2em}.tech-interface-heading span{color:#7c7776}
.tech-emblem-wrap{position:absolute;z-index:4;left:50%;top:52%;width:215px;height:229px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-58%) translateZ(58px);filter:drop-shadow(0 3px 18px #ff670d23);pointer-events:none}
.tech-emblem{width:160px;height:146px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 11px #ff7a26dd) drop-shadow(0 0 24px #f36a296b);animation:rota-emblem-pulse 4s ease-in-out infinite}
.tech-emblem-name{margin-top:-12px;color:#ff914c;font:900 24px/.9 'Barlow Condensed',sans-serif;letter-spacing:.22em;text-shadow:0 0 15px #fd6b276b}.tech-emblem-name strong{color:#ffe1ca}
.tech-emblem-halo{position:absolute;inset:12% 9% 7%;border-radius:50%;background:radial-gradient(circle,#fa612633 0%,#fa612614 38%,transparent 68%);filter:blur(17px)}
.tech-emblem-ring{position:absolute;inset:19% 12% 19%;border:1px solid #fb773020;border-radius:50%;transform:rotateX(65deg) rotateY(-15deg);box-shadow:0 0 22px #ff6b2114}
.tech-simulation{position:absolute;bottom:48px;left:50%;transform:translateX(-50%) translateZ(28px);width:168px;text-align:center;z-index:4}.tech-simulation-label{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #bb591b70;background:#422411bb;border-radius:3px;color:#ff9852;box-shadow:0 0 14px #ff76231b,inset 0 0 8px #f7752017;font:800 9px/1 'DM Sans',sans-serif;letter-spacing:.1em;padding:7px 6px;white-space:nowrap}.tech-simulation-label strong{color:#ffc591}.tech-pulse{width:5px;height:5px;display:inline-block;border-radius:50%;background:#ff9c54;box-shadow:0 0 7px #ff6f24;animation:rota-pulse 1.8s infinite}.tech-progress-track{width:100%;height:3px;background:#522d1a6b;margin-top:10px;border-radius:20px;overflow:hidden}.tech-progress-track span{width:87%;height:100%;display:block;background:linear-gradient(90deg,#d44a0b,#ffb16b);box-shadow:0 0 10px #ff8d41}
.tech-side-index{position:absolute;bottom:32px;font:600 7px/1 'DM Sans',sans-serif;letter-spacing:.09em;color:#6b5550}.tech-side-index-l{left:24px}.tech-side-index-r{right:24px}
.tech-window-footer{height:35px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;transform:translateZ(20px);font:600 9px 'DM Sans',sans-serif;color:#9a999d;letter-spacing:.06em}.tech-window-footer strong{font-weight:700;color:#f47a3b}
.tech-floating-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;background:#17191ef5;color:#d7d4d3;border:1px solid #5a3c30;box-shadow:0 15px 30px #0009;padding:11px 13px;border-radius:5px;font:700 9px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;transform:translateZ(75px);pointer-events:none}
.tech-chip-left{left:-3%;top:8%;transform:rotate(-6deg)}.tech-chip-right{right:-3%;bottom:10%;transform:rotate(5deg)}.tech-chip-left b,.tech-chip-right b{color:#ff8c4b}.tech-chip-dot{width:6px;height:6px;border-radius:50%;background:#ff8a42;box-shadow:0 0 9px #ff7934}.tech-chip-square{font-size:15px;color:#ff823a}
.tech-interaction-hint{position:absolute;z-index:1;bottom:3px;left:0;right:0;text-align:center;font:700 9px/1.3 'DM Sans',sans-serif;letter-spacing:.2em;color:#9a8380}.tech-interaction-hint>span:first-child{color:#ff8947;font-size:15px}.hint-sep{color:#67534e;padding:0 8px}.tech-ambient{position:absolute;border-radius:50%;pointer-events:none}.tech-ambient-one{width:370px;height:370px;inset:10% auto auto 10%;border:1px solid #ef7c2413}.tech-ambient-two{width:480px;height:480px;inset:0 2% auto auto;border:1px dashed #ef7c2415;transform:rotate(-25deg)}
@keyframes rota-scan{from{top:9%}to{top:88%}}@keyframes rota-emblem-pulse{0%,100%{filter:drop-shadow(0 0 12px #ff712f77)}50%{filter:drop-shadow(0 0 22px #fa6b24ad)}}@keyframes rota-pulse{50%{opacity:.28;box-shadow:0 0 13px #ff8f41}}
@media(max-width:1090px){.hero-tech-shell{height:480px}.tech-chip-left{left:0}.tech-chip-right{right:0}}
@media(max-width:900px){.hero-tech-shell{height:495px;max-width:620px}.hero-tech-shell .tech-window{animation:rota-breathe 7s ease-in-out infinite;transform:perspective(1100px) rotateX(0deg) rotateY(0deg)}.tech-window.is-interacting{animation:none}}
@keyframes rota-breathe{0%,100%{transform:perspective(1100px) rotateX(1.5deg) rotateY(-2deg) translateY(0px)}50%{transform:perspective(1100px) rotateX(-1deg) rotateY(2deg) translateY(-6px)}}
@media(max-width:680px){.hero-tech-shell{height:auto;min-height:360px;padding:18px 0 42px;max-width:100%}.hero-tech-shell .tech-perspective{width:calc(100% - 5px)}.tech-window{aspect-ratio:1.13/1;max-height:360px;padding:7px;border-radius:14px}.tech-window-bar{height:37px;padding:0 7px;gap:7px}.tech-window-dots i{width:6px;height:6px}.tech-window-title{font-size:7px}.tech-window-status{font-size:6px}.tech-screen{height:calc(100% - 67px)}.tech-interface-heading{top:10px;left:22px;right:22px;font-size:5.6px}.tech-emblem-wrap{transform:translate(-50%,-54%) translateZ(50px) scale(.79)}.tech-simulation{bottom:34px;width:138px}.tech-simulation-label{font-size:7.5px;padding:6px 4px}.tech-window-footer{height:30px;padding:0 6px;font-size:6.5px}.tech-side-index{bottom:16px;font-size:5.8px}.tech-floating-chip{font-size:6.5px;padding:7px 9px}.tech-chip-left{top:2%;left:-1%}.tech-chip-right{bottom:8%;right:-1%}.tech-interaction-hint{font-size:7px;bottom:0}.tech-ambient-two{width:310px;height:310px}}
@media(max-width:400px){.tech-window{aspect-ratio:1.09/1}.tech-window-title{max-width:145px}.tech-emblem-wrap{transform:translate(-50%,-55%) translateZ(50px) scale(.67)}.tech-simulation{bottom:33px}.tech-floating-chip{display:none}}
@media(prefers-reduced-motion:reduce){.hero-tech-shell .tech-window,.tech-emblem,.tech-scanline,.tech-pulse{animation:none!important;transition:none!important}.tech-window{transform:none!important}.tech-cursor-light{display:none!important}}