/* About section. Button styles and behavior remain in the existing stylesheet. */
#sobre-mi.about{display:block;max-width:none;padding:78px 6%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 7% 18%,#4c258b4a,transparent 34%),radial-gradient(ellipse at 94% 91%,#3e28904a,transparent 30%),linear-gradient(120deg,#0b0b1b,#060a14 60%,#0b0d20);border-bottom:1px solid #5f54892b;text-align:left}
#sobre-mi::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#5c52a010 1px,transparent 1px),linear-gradient(90deg,#5c52a010 1px,transparent 1px),radial-gradient(circle at 12% 18%,#a188ff 0 1px,transparent 2px),radial-gradient(circle at 84% 34%,#786eff 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,#6b69ff 0 1px,transparent 2px);background-size:150px 150px,150px 150px,291px 241px,379px 307px,443px 369px;opacity:.7}
.about__inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:43% 57%;gap:0;align-items:center;position:relative}
#sobre-mi .about__media{position:relative;display:flex;justify-content:center;padding:0 46px 0 0;min-width:0;order:0;perspective:1200px}
.about__orbit{position:absolute;inset:3% 8% 1% -8%;border-radius:45% 55% 42% 58%;border:1px solid #8073ff9c;background:linear-gradient(125deg,#3453b542,#7331ba14 40%,#2820a63b);box-shadow:inset 15px 7px 35px #4d6ee52b,0 0 30px #5254ff17;transform:rotate(-19deg);z-index:-1}
.about__orbit--second{inset:24% -1% 21% -13%;transform:rotate(28deg);border-color:#7065ff72;background:linear-gradient(130deg,#343d7c38,transparent 55%);border-radius:36% 57% 44% 63%}
.portrait-frame{position:relative;width:100%;max-width:420px;aspect-ratio: .77;border-radius:27px;padding:10px;margin:0;background:linear-gradient(145deg,#c3b2ee66,#c4cce620 35%,#8c57ff44);border:1px solid #e1d7ffcc;box-shadow:inset 0 0 0 3px #b8b4e755,inset -5px -2px 5px #7037fb9c,5px 1px 0 #674ce359,0 0 25px #703bed47,0 22px 50px #0006;transform:rotateY(-8deg) rotateZ(-2.5deg)}
.portrait-frame::after{content:'';position:absolute;inset:10px;border-radius:18px;pointer-events:none;background:linear-gradient(0deg,#060913e8 0%,#06091320 23%,transparent 50%);box-shadow:inset 0 0 30px #7844db36}
.portrait-frame>img{width:100%;height:100%;object-fit:cover;object-position:58% 50%;border-radius:18px;filter:contrast(1.06)}
.portrait-signature{position:absolute;right:24px;bottom:22px;z-index:2;width:108px;transform:rotate(-8deg)}
.portrait-signature img{filter:brightness(0) invert(1);width:100%;height:auto}
#sobre-mi .about__body{position:relative;padding-left:16px;min-width:0}
#sobre-mi .kicker{display:inline-flex;align-items:center;gap:9px;font:italic 19px/1.3 'Segoe Print','Bradley Hand',cursive;letter-spacing:0;text-transform:none;color:#b5acd6;margin-bottom:18px;padding:0}
#sobre-mi .kicker::before,#sobre-mi .kicker::after{content:'';position:static;display:block;flex:none;width:21px;height:8px;border-bottom:1.5px solid #b77af0;border-radius:0 0 50% 50%;background:none;box-shadow:none;transform:rotate(-12deg)}
#sobre-mi .kicker::after{transform:rotate(12deg)}
#sobre-mi .about__name{font:800 clamp(36px,5vw,65px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-2px;margin:0 0 8px;background:none;color:#fafaff;word-break:normal}
.about__name .name-gradient{background:linear-gradient(110deg,#cc8bf9,#9d58f6 50%,#4356ff);background-clip:text;color:transparent}
.about__expertise{color:#aba9c9;font-size:clamp(13px,1.45vw,20px);font-weight:650;line-height:1.5;margin:0 0 18px}
#sobre-mi .about__text{font-size:clamp(14px,1.25vw,18px);line-height:1.55;color:#bbb9cb;margin:0 0 20px;max-width:680px}
.about__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 19px}
.about-metric{border:1px solid #55577e66;border-radius:13px;padding:15px 13px 12px;min-height:119px;background:linear-gradient(135deg,#1b18364d,#090d1699);box-shadow:inset 0 1px 0 #8d6aad0b;transition:border-color .25s,transform .25s}
.about-metric:hover{border-color:#9a65d6aa;transform:translateY(-3px)}
.about-metric>i{font-size:20px;color:#a565ff;margin-bottom:8px;display:block;text-shadow:0 0 12px #844bff66}.about-metric:nth-child(4)>i{color:#86c2ff}
.about-metric strong{display:block;font-size:12px;line-height:1.3;font-weight:650;color:#f2f0fc}.about-metric:first-child strong span{font-size:19px;margin-right:5px}
.about-metric p{font-size:10px;line-height:1.4;color:#9694ac;margin-top:7px}
.about__tech-label{font:500 8px/1.6 Inter,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#c5c1df;margin-bottom:10px}.about__tech-label span{color:#b76af5}
.about__skills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 23px;padding:0}
.about__skills li{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #69628c66;border-radius:24px;background:linear-gradient(130deg,#1a18334d,#10172899);font-size:10px;line-height:1.4;color:#e5e2f2;white-space:nowrap}
.about__skills i{font-size:18px;color:#a85dff}.about__skills li:nth-child(2) i{color:#849bff}
.about__note{position:absolute;top:-41px;right:8px;font:italic 19px/1.2 'Segoe Print','Bradley Hand',cursive;color:#b5acd6;transform:rotate(-12deg);text-align:center;pointer-events:none}
.about__note::after{content:'';display:block;height:2px;width:77px;margin:9px 0 0 auto;background:linear-gradient(90deg,#b846ff,#7934dc);transform:rotate(-7deg)}
@media(min-width:1500px){#sobre-mi.about{padding-top:100px;padding-bottom:100px}.about__inner{grid-template-columns:39% 61%}.portrait-frame{max-width:470px}.about__metrics{gap:15px}.about-metric{padding:21px 18px;min-height:145px}.about-metric strong{font-size:15px}.about-metric p{font-size:12px}.about__skills li{font-size:12px;padding:10px 17px}.about__tech-label{font-size:9px}}
@media(max-width:1050px) and (min-width:801px){#sobre-mi.about{padding:65px 4%}.about__inner{grid-template-columns:37% 63%}#sobre-mi .about__media{padding-right:25px}#sobre-mi .about__body{padding-left:10px}#sobre-mi .about__name{font-size:38px;letter-spacing:-1.5px}.about__expertise{font-size:13px}.about-metric{padding:12px 9px}.about-metric strong{font-size:10px}.about-metric p{font-size:9px}.about__metrics{gap:7px}.about__skills{gap:7px}.about__skills li{padding:7px 9px;font-size:9px;gap:6px}.portrait-signature{width:85px;right:17px}.about__note{font-size:15px;top:-38px}}
@media(max-width:800px){#sobre-mi.about{padding:68px 6% 54px}.about__inner{grid-template-columns:1fr;gap:47px}#sobre-mi .about__media{padding:0 14px;max-width:460px;width:100%;margin:auto}.portrait-frame{max-width:365px}#sobre-mi .about__body{padding:0}#sobre-mi .about__name{font-size:clamp(34px,6.7vw,49px);letter-spacing:-1.5px}.about__expertise{font-size:14px}#sobre-mi .about__text{font-size:14px}.about__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.about-metric{padding:17px;min-height:128px}.about-metric strong{font-size:13px}.about-metric p{font-size:11px}.about__skills{gap:9px}.about__skills li{font-size:11px;padding:9px 12px}.about__note{display:none}#sobre-mi .about__ctas{justify-content:flex-start}}
@media(max-width:380px){.portrait-signature{width:82px;right:20px}#sobre-mi .about__name{font-size:33px}.about__expertise{font-size:12px}.about-metric{padding:13px}.about__skills li{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.about-metric:hover{transform:none}}