/* BAW v17 · «La belleza que se siente antes de entenderla»: secuencia proporción → composición → armonía */
.gs{margin:0;display:flex;flex-direction:column;gap:21px}
.gs-frame{position:relative;border-radius:16px;overflow:hidden;background:#FFFDF8;box-shadow:0 0 0 1px #E4E0F5,0 21px 55px rgba(40,20,120,.18),0 5px 13px rgba(40,20,120,.08)}
.gs-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 13px;background:#EEF0F6;border-bottom:1px solid #DDE1EA}
.gs-bar i{width:9px;height:9px;border-radius:50%;background:#FF6B6B}.gs-bar i:nth-child(2){background:#FFD43B}.gs-bar i:nth-child(3){background:#51CF66}
.gs-url{margin-left:13px;height:18px;padding:0 13px;border-radius:999px;background:#fff;font:500 11px/18px 'IBM Plex Mono',monospace;color:#4B5263}
.gs-svg{display:block;width:100%;height:auto}
.gs-ln{stroke-dasharray:1;stroke-dashoffset:1}
.gs-p{opacity:0;transform-box:fill-box;transform-origin:50% 50%}
.gs-steps{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;font:600 15px 'Space Grotesk',sans-serif;color:#9AA3B2}
.gs-s{padding:6px 16px;border-radius:999px;border:1px solid #DCD6F5;background:#FFFFFF}
.gs-dot{color:#C9A24A}
.ma-in .gs-ln,.ma-in .gs-p,.ma-in .gs-guides,.ma-in .gs-s{animation-duration:14s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both}

@keyframes gsLgsl0{0%,0%{stroke-dashoffset:1}7%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
.ma-in .gs-l0{animation-name:gsLgsl0}
@keyframes gsLgsl1{0%,6%{stroke-dashoffset:1}12%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
.ma-in .gs-l1{animation-name:gsLgsl1}
@keyframes gsLgsl2{0%,10%{stroke-dashoffset:1}16%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
.ma-in .gs-l2{animation-name:gsLgsl2}
@keyframes gsLgsl3{0%,14%{stroke-dashoffset:1}19%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
.ma-in .gs-l3{animation-name:gsLgsl3}
@keyframes gsLgsl4{0%,17%{stroke-dashoffset:1}22%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
.ma-in .gs-l4{animation-name:gsLgsl4}
@keyframes gsLgsl5{0%,20%{stroke-dashoffset:1}25%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
.ma-in .gs-l5{animation-name:gsLgsl5}
@keyframes gsLgssp{0%,24%{stroke-dashoffset:1}40%,92%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
.ma-in .gs-sp{animation-name:gsLgssp}
@keyframes gsPgshero{0%,36%{opacity:0;scale:.96}45%,90%{opacity:1;scale:1;translate:0 0}96%,100%{opacity:0;scale:1}}
.ma-in .gs-hero{animation-name:gsPgshero}
@keyframes gsPgstext{0%,42%{opacity:0;translate:-30px 0}50%,90%{opacity:1;scale:1;translate:0 0}96%,100%{opacity:0;scale:1}}
.ma-in .gs-text{animation-name:gsPgstext}
@keyframes gsPgslogo{0%,48%{opacity:0;scale:.4}54%,90%{opacity:1;scale:1;translate:0 0}96%,100%{opacity:0;scale:1}}
.ma-in .gs-logo{animation-name:gsPgslogo}
@keyframes gsPgscard{0%,52%{opacity:0;translate:0 30px}58%,90%{opacity:1;scale:1;translate:0 0}96%,100%{opacity:0;scale:1}}
.ma-in .gs-card{animation-name:gsPgscard}
@keyframes gsPgscta{0%,56%{opacity:0;scale:.6}62%,90%{opacity:1;scale:1;translate:0 0}96%,100%{opacity:0;scale:1}}
.ma-in .gs-cta{animation-name:gsPgscta}
@keyframes gsEye{0%,62%{opacity:0;scale:.3}66%{opacity:1;scale:1.25}70%{scale:.9}74%{scale:1.1}78%{scale:.95}82%{scale:1.05}86%,90%{opacity:1;scale:1}96%,100%{opacity:0}}
.ma-in .gs-eye{animation-name:gsEye}
@keyframes gsGuides{0%,64%{opacity:1}72%,92%{opacity:.22}98%,100%{opacity:1}}
.ma-in .gs-guides{animation-name:gsGuides}
@keyframes gsSgss1{0%,0%{color:#9AA3B2;background:#FFFFFF;border-color:#DCD6F5;scale:1}3%,32%{color:#FFFFFF;background:#5125C9;border-color:#5125C9;scale:1.08}34%,100%{color:#9AA3B2;background:#FFFFFF;border-color:#DCD6F5;scale:1}}
.ma-in .gs-s1{animation-name:gsSgss1}
@keyframes gsSgss2{0%,34%{color:#9AA3B2;background:#FFFFFF;border-color:#DCD6F5;scale:1}37%,62%{color:#FFFFFF;background:#5125C9;border-color:#5125C9;scale:1.08}64%,100%{color:#9AA3B2;background:#FFFFFF;border-color:#DCD6F5;scale:1}}
.ma-in .gs-s2{animation-name:gsSgss2}
@keyframes gsSgss3{0%,64%{color:#9AA3B2;background:#FFFFFF;border-color:#DCD6F5;scale:1}67%,94%{color:#FFFFFF;background:#5125C9;border-color:#5125C9;scale:1.08}96%,100%{color:#9AA3B2;background:#FFFFFF;border-color:#DCD6F5;scale:1}}
.ma-in .gs-s3{animation-name:gsSgss3}
.ma-off .gs *,.m10-paused .gs *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.gs *{animation:none!important}.gs-ln{stroke-dashoffset:0}.gs-p{opacity:1}.gs-guides{opacity:.22}.gs-s3{color:#fff;background:#5125C9;border-color:#5125C9}}
@media (max-width:560px){.gs-steps{font-size:13px;gap:8px}.gs-s{padding:5px 12px}}
@media (min-width:1100px){.ma-s1 .ma-grid{grid-template-columns:1fr 1.618fr}}