/*! © 2026 Huascar Trinidad · TrinaxCode. Todos los derechos reservados / All rights reserved. Uso: https://trinaxcode.com/terminos/ */
.about__frame{position:relative}.about__slides{position:absolute;inset:0;overflow:hidden}.about__frame .about__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;clip-path:inset(0 0 0 100%);transform:scale(1.18);transition:clip-path 1.15s cubic-bezier(.77,0,.18,1),transform 1.8s cubic-bezier(.22,1,.36,1),filter 1.15s ease;z-index:0}.about__frame .about__slide.is-on{clip-path:inset(0 0 0 0);transform:scale(1);z-index:2}.about__frame .about__slide.is-out{clip-path:inset(0 0 0 0);transform:scale(1.08) translate(-4%);filter:brightness(.45) saturate(.7);z-index:1}.about__frame .about__slide.is-on.is-drift{transform:scale(1.06);transition:transform 6s linear}.about__slides:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:22%;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:0}.about__slides.is-sweep:after{animation:about-sweep 1.15s cubic-bezier(.77,0,.18,1)}@keyframes about-sweep{0%{left:100%;opacity:1}to{left:-22%;opacity:0}}.about__dots{display:flex;gap:6px;margin-top:var(--s-3, 12px)}.about__dots button{position:relative;flex:1;height:3px;padding:0;border:0;border-radius:3px;cursor:pointer;background:var(--line, rgba(127, 127, 127, .25));overflow:hidden}.about__dots button:before{content:"";position:absolute;inset:-8px 0}.about__dots button:after{content:"";position:absolute;inset:0;background:var(--ink-2, currentColor);transform:scaleX(0);transform-origin:0 50%}.about__dots button.is-on:after{animation:about-fill var(--about-dur, 5s) linear forwards}.about__dots.is-paused button.is-on:after{animation-play-state:paused}.about__dots button.is-done:after{transform:scaleX(1)}@keyframes about-fill{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.about__frame .about__slide{clip-path:none;transform:none;opacity:0;transition:opacity .6s ease}.about__frame .about__slide.is-on,.about__frame .about__slide.is-out{opacity:1;transform:none;filter:none}.about__frame .about__slide.is-out{opacity:0}.about__slides.is-sweep:after{animation:none}}