/* FASE 6 — Sobre mí + Contacto. Overrides scoped to approved phase-independent sections. */
.phase6-about,.phase6-contact{position:relative;overflow:hidden;background:linear-gradient(133deg,#07111f 0%,#050e1a 55%,#081225 100%);border:1px solid #223b5b;border-radius:12px;padding:28px 28px 32px;isolation:isolate}
.phase6-about::after{content:"";position:absolute;top:-280px;right:-180px;width:740px;height:560px;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(92,48,183,.11),transparent 71%)}
.phase6-about .panel-heading,.phase6-contact .panel-heading{margin-bottom:24px;align-items:center}
.phase6-about .panel-heading h2,.phase6-contact .panel-heading h2{font-size:12px;letter-spacing:.22em}
.phase6-note{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:#869cbb}
.phase6-about-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr);gap:52px;align-items:stretch}
.phase6-about-story{padding:17px 5px 11px 5px}
.phase6-overline{font:500 10px var(--mono);letter-spacing:.17em;color:#b6a1ff;display:flex;align-items:center;gap:10px;text-transform:uppercase}
.phase6-overline::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#9768ff;box-shadow:0 0 16px #9768ff80}
.phase6-about-story h3{font-family:var(--font);font-size:clamp(30px,3.1vw,48px);letter-spacing:-.055em;line-height:1.13;font-weight:800;color:#f8f9ff;max-width:690px;margin:20px 0 19px}
.phase6-about-story h3 em,.phase6-contact-left h3 em{font-style:normal;color:#ad92ff}
.phase6-about-story p{font-size:13.5px;line-height:1.87;color:#aebed5;max-width:685px;margin:0 0 13px}
.phase6-about-story p strong{color:#e9ecfa;font-weight:700}
.phase6-character{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.phase6-character span{font-size:10px;color:#b5c4df;padding:8px 12px;border:1px solid #2a3c5c;border-radius:100px;background:rgba(24,36,62,.55)}
.phase6-aside{min-height:320px;position:relative;overflow:hidden;border:1px solid #304368;border-radius:10px;background:radial-gradient(circle at 70% 36%,rgba(85,50,184,.15),transparent 39%),linear-gradient(135deg,#0b1428 0%,#08101f 95%);display:flex;flex-direction:column;justify-content:space-between;padding:24px 26px}
.phase6-aside::before{content:"";position:absolute;inset:0;opacity:.42;background:linear-gradient(90deg,rgba(70,105,164,.12) 1px,transparent 1px),linear-gradient(rgba(70,105,164,.12) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 0%,#000 100%);pointer-events:none}
.phase6-aside::after{content:"";position:absolute;width:280px;height:280px;right:-132px;bottom:-115px;border:1px solid rgba(135,90,245,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(126,81,224,.035),0 0 0 85px rgba(126,81,224,.02);pointer-events:none}
.phase6-aside-top,.phase6-aside-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 10px var(--mono);letter-spacing:.13em;color:#8799b9}
.phase6-aside-mark{font-size:24px;color:#b69cff;line-height:1}
.phase6-aside-center{position:relative;z-index:1;margin:15px 0 18px}
.phase6-aside-center>span{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:#9b8dcc}
.phase6-aside-center blockquote{font-family:var(--cond);text-transform:uppercase;font-weight:800;font-size:clamp(38px,4.0vw,64px);letter-spacing:-.035em;line-height:.94;margin:14px 0 17px;color:#e9ecfa;max-width:470px}
.phase6-aside-center blockquote b{font-weight:800;color:#ad89ff}
.phase6-aside-center p{font-size:12px;line-height:1.7;color:#a3b4d1;margin:0;max-width:360px}
.phase6-aside-bottom{border-top:1px solid rgba(91,111,156,.3);padding-top:15px}
.phase6-aside-bottom i{font-style:normal;color:#8f75ec}
/* Contact section */
.phase6-contact{padding-bottom:26px}
.phase6-contact::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 5% 100%,rgba(57,80,179,.09),transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(99,54,196,.13),transparent 48%)}
.phase6-contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.90fr);gap:45px}
.phase6-contact-left{padding:12px 5px 8px}
.phase6-contact-left>span{color:#b7a2ff;font:500 10px var(--mono);letter-spacing:.16em}
.phase6-contact-left h3{font-size:clamp(36px,3.35vw,55px);font-weight:800;letter-spacing:-.055em;line-height:1.07;margin:17px 0 17px;max-width:670px}
.phase6-contact-left p{font-size:13px;line-height:1.8;color:#b4c1d6;max-width:590px;margin:0 0 22px}
.phase6-main-email{display:inline-flex;gap:15px;align-items:center;max-width:100%;border:1px solid #694db3;background:linear-gradient(120deg,#20153f,#101629);padding:14px 15px;border-radius:9px;color:#f7f4ff;transition:background .2s,border-color .2s,transform .2s}
.phase6-main-email:hover{border-color:#a789ff;background:linear-gradient(120deg,#392465,#152040);transform:translateY(-2px)}
.phase6-email-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:9px;background:rgba(132,88,251,.17);color:#ccb9ff;border:1px solid rgba(148,112,229,.33)}
.phase6-email-icon svg{width:20px;height:20px}
.phase6-email-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.phase6-email-text small{font-size:9px;color:#ada2d3;letter-spacing:.12em;text-transform:uppercase;font-family:var(--mono)}
.phase6-email-text strong{font-size:13px;overflow-wrap:anywhere}
.phase6-email-arrow{font-size:20px;color:#d3bdff;margin-left:12px}
.phase6-contact-right{border:1px solid #2d3f61;border-radius:10px;overflow:hidden;background:rgba(7,16,32,.9);align-self:stretch}
.phase6-contact-right-head{padding:18px 22px;border-bottom:1px solid #293957;display:flex;justify-content:space-between;gap:10px;font:500 10px var(--mono);letter-spacing:.12em;color:#9fb3d2}
.phase6-contact-right-head span:last-child{color:#a688ed}
.phase6-social{display:flex;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid #1f324d;transition:background .2s}
.phase6-social:last-child{border-bottom:0}
.phase6-social:hover{background:#131c36}
.phase6-social-badge{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid #37496b;border-radius:9px;background:#121d36;color:#bdcafe;font-weight:800;font-size:16px}
.phase6-social-content{display:flex;min-width:0;flex-direction:column;gap:5px}
.phase6-social-content strong{font-size:13px;color:#eff2ff}
.phase6-social-content small{font-size:10.5px;color:#91a7c9;line-height:1.4}
.phase6-social-arrow{font-size:20px;color:#a389e8;margin-left:auto}
.phase6-endline{margin-top:20px;padding-top:14px;border-top:1px solid #203551;display:flex;align-items:center;gap:10px;color:#8195b5;font:500 10px var(--mono);letter-spacing:.07em}
.phase6-endline::before{content:"";width:7px;height:7px;background:#5bdab0;border-radius:50%;box-shadow:0 0 12px #5bdab054}
@media(max-width:1080px){
  .phase6-about-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:25px}
  .phase6-aside{padding:20px;min-height:320px}
  .phase6-contact-grid{gap:25px;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}
}
@media(max-width:760px){
  .phase6-about,.phase6-contact{padding:20px 14px 24px}
  .phase6-about .panel-heading,.phase6-contact .panel-heading{margin-bottom:17px}
  .phase6-about .panel-heading h2,.phase6-contact .panel-heading h2{font-size:10px}
  .phase6-note{font-size:8px;letter-spacing:.04em;text-align:right}
  .phase6-about-layout,.phase6-contact-grid{grid-template-columns:1fr;gap:17px}
  .phase6-about-story{padding:4px 1px 1px}
  .phase6-about-story h3{font-size:clamp(30px,8vw,43px);margin:16px 0 15px}
  .phase6-about-story p{font-size:12.5px;line-height:1.74}
  .phase6-character{margin-top:17px;gap:7px}
  .phase6-character span{font-size:9px;padding:7px 9px}
  .phase6-aside{min-height:288px;padding:18px}
  .phase6-aside-center blockquote{font-size:clamp(30px,8vw,43px)}
  .phase6-aside-center p{font-size:11.5px}
  .phase6-contact-left{padding:4px 1px 2px}
  .phase6-contact-left h3{font-size:clamp(34px,9.5vw,45px)}
  .phase6-contact-left p{font-size:12.5px}
  .phase6-contact-right-head{padding:16px}
  .phase6-social{padding:15px 16px}
  .phase6-main-email{width:100%;padding:11px;gap:10px}
  .phase6-email-text strong{font-size:12.5px}
  .phase6-endline{font-size:9px}
}
@media(max-width:365px){
  .phase6-about .panel-heading,.phase6-contact .panel-heading{align-items:flex-start}
  .phase6-note{max-width:125px}
  .phase6-social-content small{font-size:10px}
  .phase6-email-icon{width:35px;height:35px}
  .phase6-email-arrow{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.phase6-main-email,.phase6-social{transition:none!important}}