body.about-bridge #main .su-about-art{width:100%!important;max-width:1040px!important;margin:14px auto 30px!important;aspect-ratio:1330/410;animation:about-bridge-float 8s ease-in-out infinite}body.about-bridge #main .su-about-art svg{display:block;width:100%;height:100%;overflow:hidden}body.about-bridge #main .page-heading{padding-bottom:16px}body.about-bridge #main h1{max-width:900px;font-size:clamp(28px,3.6vw,44px);line-height:1.16}body.about-bridge #main .su-about-grid{display:grid!important;grid-template-columns:1fr 1fr .8fr!important;gap:38px!important;align-items:start}body.about-bridge #main .su-about-grid section{min-width:0;background:none;border:0;box-shadow:none}body.about-bridge #main .su-about-grid h2{font-size:23px;margin-bottom:8px}body.about-bridge #main .su-about-grid p{font-size:16px;line-height:1.65;color:#d0dad7}body.about-bridge #main .su-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:11px 22px;border:1px solid #8ee4ce!important;border-radius:30px!important;background:linear-gradient(155deg,#25443f,#030a0a 65%)!important;box-shadow:inset 0 1px 3px #e7fff766,0 6px 16px #68f9d622!important;color:#f4fffa!important}body.about-bridge #main .su-button:hover{box-shadow:0 0 20px #79eecf55!important}@keyframes about-bridge-float{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){body.about-bridge #main .su-about-art{animation:none}}@media(max-width:650px){body.about-bridge #main .su-about-grid{grid-template-columns:1fr!important;gap:22px!important}body.about-bridge #main .su-about-art{margin:12px auto 22px!important}body.about-bridge #main .su-about-grid h2{font-size:21px}}
body.puente-cristal #main .page-body{position:relative}
body.puente-cristal #main .su-about-art{aspect-ratio:1440/455;max-width:1040px!important;height:auto!important;min-height:0!important;margin:16px auto 36px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:puente-float 12s ease-in-out infinite;animation-play-state:paused;will-change:transform;transform-origin:center}
body.puente-cristal #main .su-about-art svg{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden}
body.puente-cristal #main .su-about-grid{grid-template-columns:1fr 1fr .8fr!important;gap:38px!important}
body.puente-cristal #main .su-about-grid :is(h2,p,a){white-space:normal!important;text-overflow:clip!important;overflow:visible!important}
body.puente-cristal #main .su-button{line-height:1.4;min-height:46px;max-width:100%}
body.puente-cristal #main .puente-motion-toggle{position:absolute;right:8px;top:-8px;width:27px;height:27px;min-height:27px!important;padding:0!important;display:grid;place-items:center;background:#031214!important;border:1px solid #75c8c285!important;border-radius:50%!important;color:#b1eee8!important;box-shadow:none!important;font:14px/1 Arial,sans-serif;cursor:pointer;z-index:3;animation:none!important}
.puente-gear{animation:puente-gear 38s linear infinite;animation-play-state:paused}
.puente-led{color:#80efd8;animation:puente-color 30s ease-in-out infinite;animation-play-state:paused}
.puente-flow{animation:puente-flow 15s linear infinite;animation-play-state:paused}
.puente-orbit{animation:puente-flow 30s linear infinite;animation-play-state:paused}
.puente-message{animation:puente-message 8s ease-in-out var(--puente-delay,0s) infinite;animation-play-state:paused}
.puente-bar{animation:puente-bar 9s ease-in-out var(--puente-delay,0s) infinite;animation-play-state:paused}
body.puente-cristal #main .puente-running,body.puente-cristal .puente-running :is(.puente-gear,.puente-led,.puente-flow,.puente-orbit,.puente-message,.puente-bar){animation-play-state:running}
@keyframes puente-float{0%,100%{transform:perspective(1300px) translateY(0) rotateX(-.4deg)}50%{transform:perspective(1300px) translateY(-4px) rotateX(.4deg)}}
@keyframes puente-gear{to{transform:rotate(360deg)}}
@keyframes puente-color{0%,100%{color:#80efd8}33%{color:#7adfff}66%{color:#bd98ff}}
@keyframes puente-flow{to{stroke-dashoffset:-920}}
@keyframes puente-message{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes puente-bar{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1.05)}}
@media(max-width:650px){body.puente-cristal #main .su-about-grid{grid-template-columns:1fr!important;gap:23px!important}body.puente-cristal #main .su-about-art{margin:14px auto 24px!important}body.puente-cristal #main .su-about-grid h2{font-size:21px}body.puente-cristal #main .su-about-grid p{font-size:16px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){body.puente-cristal #main .su-about-art,body.puente-cristal #main .su-about-art *{animation:none!important;will-change:auto}body.puente-cristal #main .puente-motion-toggle{display:none!important}}
