/* Astra Animator V26 — cohesive interfaces, product diagrams, Windows-first */
:root{--v26-ink:#162d56;--v26-muted:#4a6286;--v26-line:#dce5f5;--v26-cobalt:#315be8;--v26-paper:#f8faff}
/* Make the first platform immediately discoverable without drowning out the rest of the navigation. */
.header-nav .v26-windows-nav{display:inline-flex;align-items:center;color:#294fe0!important;background:#edf2ff;border:1px solid #d6e2ff;border-radius:10px;font-weight:850!important}
.header-nav .v26-windows-nav:hover,.header-nav .v26-windows-nav.active{background:#315be8;color:#fff!important;border-color:#315be8}
.v26-first-pc{display:inline-flex;align-items:center;gap:10px;margin-top:19px;padding:11px 15px;border:1px solid #d6e2fb;border-radius:12px;background:rgba(255,255,255,.86);text-decoration:none;color:#2146ac;font-size:12px;box-shadow:0 5px 18px rgba(38,65,141,.05)}
.v26-first-pc strong{font-weight:850}.v26-first-pc>span:last-child{color:#496b9c}
.v26-status-dot{width:7px;height:7px;border-radius:50%;background:#35aa83;box-shadow:0 0 0 4px #def8ef;flex-shrink:0}
.v26-first-shortcut{background:#204d9c!important;color:#fff!important}.v26-first-shortcut svg{color:#fff!important}
/* Feature art now diagrams built as simple precise SVG; not synthetic hero-style imagery. */
body[data-view="explorar"] .section-top h2{font-size:clamp(32px,3.5vw,50px);max-width:790px}
body[data-view="explorar"] .section-top>div:first-child{max-width:980px}
body[data-view="explorar"] .section-top p{font-size:14px;line-height:1.7;color:#526581;max-width:700px}
.feature-grid{gap:20px}
.feature-grid .feature-card{background:#fff;border:1px solid #dce5f3;border-radius:24px;box-shadow:0 17px 38px rgba(32,57,99,.07);transition:transform .22s,box-shadow .22s;overflow:hidden}
.feature-grid .feature-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(32,57,99,.11)}
.feature-card .feature-top{padding:21px 23px 15px;background:#fff;color:#3157b2;letter-spacing:.13em;font-size:10px;align-items:center;gap:8px}
.feature-card .v26-feature-index{margin-left:auto;color:#7889a4;letter-spacing:.08em;font-size:9px}
.feature-card .feature-visual,.feature-stick .feature-visual,.feature-fbf .feature-visual,.feature-3d .feature-visual{height:auto;aspect-ratio:480/235;max-height:240px;background:linear-gradient(145deg,#eef5ff,#f9fbff)!important;border-block:1px solid #e1e9f5;display:flex;align-items:center;justify-content:center}
.feature-fbf .feature-visual{background:linear-gradient(140deg,#f6f2ff,#fff)!important}
.feature-3d .feature-visual{background:linear-gradient(140deg,#edf5f8,#f9fbff)!important}
.v26-drawing{display:block;width:100%;height:100%;object-fit:contain}
.feature-grid .feature-bottom{padding:23px 24px 26px;background:#fff}
.feature-grid .feature-bottom h3{font-size:clamp(19px,1.8vw,23px);letter-spacing:-.03em;color:#1b3257;margin:0 0 9px;line-height:1.2}
.feature-grid .feature-bottom p{font-size:13px;line-height:1.7;color:#4c6081}
/* Render on the same luminous, editorial surfaces used throughout the product. */
body[data-view="render"] .studio-reel{background:transparent!important;overflow:visible;border:0;padding:36px 0 78px;margin-top:0!important;color:#172f57!important}
body[data-view="render"] .studio-reel::before{display:none!important;content:none!important}
body[data-view="render"] .reel-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:34px;align-items:center}
body[data-view="render"] .reel-kicker{font-size:11px;color:#3859c5;font-weight:900;letter-spacing:.15em}
body[data-view="render"] .reel-copy h2{color:#1b3262;font-size:clamp(34px,4vw,58px);line-height:1.08;margin:17px 0}
body[data-view="render"] .reel-copy h2 em{color:#315be8}
body[data-view="render"] .reel-copy>p{color:#465d80;font-size:14px;line-height:1.85;max-width:540px}
body[data-view="render"] .reel-tabs{gap:8px;margin:24px 0 20px;padding:7px;display:inline-flex;flex-wrap:wrap;border:1px solid #dae5f8;border-radius:14px;background:#fff;box-shadow:0 9px 23px rgba(41,68,132,.06)}
body[data-view="render"] .studio-reel .reel-tabs button:not(.active){background:transparent!important;color:#3d537b!important;border:1px solid transparent!important;backdrop-filter:none!important;box-shadow:none!important}
body[data-view="render"] .studio-reel .reel-tabs button.active{background:#315be8!important;color:#fff!important;border:1px solid #315be8!important;box-shadow:0 6px 13px rgba(49,91,232,.16)!important}
body[data-view="render"] .reel-tabs button{padding:12px 16px;border-radius:10px!important;transform:none!important}
body[data-view="render"] .reel-note{color:#4c6283;font-size:12px;line-height:1.7;max-width:490px}
body[data-view="render"] .reel-note>span:first-child{color:#315be8}
body[data-view="render"] .reel-stage-shell{background:#fff;border:1px solid #d6e2f3;box-shadow:0 22px 55px rgba(33,66,132,.09);backdrop-filter:none}
body[data-view="render"] .reel-stage-top{background:#f9fbff;border-bottom:1px solid #e3ebf7}
body[data-view="render"] .reel-stage-eyebrow{color:#37588f}
body[data-view="render"] .reel-stage-status{color:#516787}
body[data-view="render"] .reel-stage-status i{background:#37ac85}
body[data-view="render"] .reel-video-view{height:320px;background:linear-gradient(150deg,#f4f8ff,#edf2fc 60%,#f8f9ff);border:0}
body[data-view="render"] .reel-placeholder{background:none;color:#23446f;gap:10px;padding:28px}
body[data-view="render"] .reel-place-icon{height:68px;width:68px;display:grid;place-items:center;border:1px solid #d9e5f8;border-radius:20px;background:#fff;color:#315be8;font-size:0;box-shadow:0 8px 24px rgba(44,79,135,.06)}
body[data-view="render"] .reel-place-icon svg{height:43px;width:43px}
body[data-view="render"] .reel-place-frames i{background:#c2d4fa}
body[data-view="render"] .reel-place-frames i:nth-child(2){background:#5578e7}
body[data-view="render"] .reel-placeholder strong{font-size:18px;color:#1d3767}
body[data-view="render"] .reel-placeholder p{color:#526886;font-size:12px;line-height:1.75}
body[data-view="render"] .reel-stage-label span{border:1px solid #d6e3f5;background:rgba(255,255,255,.94);color:#35517d;border-radius:8px}
body[data-view="render"] .reel-bottom{border-top:1px solid #e3ebf7;padding:18px 20px;background:#fff}
body[data-view="render"] .reel-bottom strong{color:#213963}
body[data-view="render"] .reel-bottom span,body[data-view="render"] .reel-bottom small{color:#536a8c}
/* Keep a soft transition when users move from Home/Features to Platforms; PC is showcased first. */
body[data-view="celulares"] .platform-section{margin-top:15px}
@media(max-width:1100px){body[data-view="render"] .reel-layout{grid-template-columns:1fr}}
@media(max-width:920px){.v26-first-pc{flex-wrap:wrap}.feature-grid{grid-template-columns:1fr!important}.feature-card .feature-visual{max-height:360px}}
@media(max-width:620px){.v26-first-pc{margin-top:15px;font-size:11px;gap:7px}.v26-first-pc>span:last-child{flex-basis:100%;padding-left:18px}.feature-card .v26-feature-index{font-size:8px}body[data-view="render"] .studio-reel{padding:22px 0 63px}body[data-view="render"] .reel-video-view{height:275px}body[data-view="render"] .reel-tabs{width:100%;display:flex}body[data-view="render"] .reel-tabs button{flex:1;padding:10px 7px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.feature-grid .feature-card{transition:none}}