/* Quién soy — visual system aligned with the public Home.
   Scope every rule to this page to preserve existing dashboards/resources. */
body.page-quien-soy {
  --about-navy: #0d245d;
  --about-cyan: #00acd4;
  --about-blue: #2368ec;
  --about-ink: #152c53;
  --about-muted: #526b89;
  background: #f4f9ff;
}
body.page-quien-soy .site-header {position:relative;z-index:4;}
body.page-quien-soy .site-main {
  background: radial-gradient(ellipse 700px 300px at 3% 9%,rgba(128,194,253,.22),transparent 80%),
    radial-gradient(ellipse 600px 400px at 98% 55%,rgba(161,228,244,.16),transparent 75%),
    linear-gradient(180deg,#f8fbff 0%,#f2f8ff 74%,#eef6fd 100%);
  min-height:0;
  position:relative;
  isolation:isolate;
  padding:0 0 32px;
  color:var(--about-ink);
}
body.page-quien-soy .site-main > .auth-flash-wrap {position:relative;z-index:2;}
body.page-quien-soy .animated-bg-canvas {display:none!important;}
body.page-quien-soy .epqa-about {
  width:min(1190px,calc(100% - 36px));
  margin:0 auto;
  padding:16px 0 22px;
  font-family:'Nunito Sans','Nunito',system-ui,sans-serif;
}
body.page-quien-soy .epqa-about h1,
body.page-quien-soy .epqa-about h2,
body.page-quien-soy .epqa-about h3 {
  font-family:'Nunito Sans','Nunito',system-ui,sans-serif;
  font-weight:900;
  letter-spacing:-.025em;
}
body.page-quien-soy .epqa-about p {font-weight:600;line-height:1.65;}
body.page-quien-soy .epqa-about a:focus-visible {outline:3px solid var(--about-blue);outline-offset:4px;}
body.page-quien-soy .epqa-about__crumbs {
  display:flex;align-items:center;gap:9px;
  color:#5f7291;font-size:.78rem;font-weight:800;margin:4px 0 18px;
}
body.page-quien-soy .epqa-about__crumbs a {color:#275b9f;text-decoration:none;}
body.page-quien-soy .epqa-about__crumbs a:hover {text-decoration:underline;}
body.page-quien-soy .epqa-about__crumbs i {font-size:.62rem;}
body.page-quien-soy .epqa-about__kicker {
  display:inline-flex;align-items:center;gap:8px;
  font-size:.73rem;font-weight:900;letter-spacing:.065em;
  color:#205fc4;
}
body.page-quien-soy .epqa-about__kicker i {font-size:1rem;color:#11a6d2;}
body.page-quien-soy .epqa-about-hero {
  border:1px solid #dceafa;border-radius:28px;
  background:linear-gradient(111deg,#ffffff 0%,#f0f8ff 54%,#dceeff 100%);
  box-shadow:0 14px 42px rgba(35,80,155,.08);
  overflow:hidden;
  min-height:440px;
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);
  align-items:center;gap:8px;
}
body.page-quien-soy .epqa-about-hero__copy {padding:clamp(24px,3.5vw,46px);padding-right:10px;position:relative;z-index:2;}
body.page-quien-soy .epqa-about-hero h1 {
  color:#102c66;
  font-size:clamp(2rem,3.05vw,3.2rem);
  line-height:1.14;
  margin:15px 0 17px;
  max-width:640px;
  text-wrap:balance;
}
body.page-quien-soy .epqa-about-hero h1 span,
body.page-quien-soy .epqa-about-cta h2 span {color:var(--about-cyan);}
body.page-quien-soy .epqa-about-hero__lead {font-size:1rem;color:#335375;margin-bottom:11px;}
body.page-quien-soy .epqa-about-hero__lead strong {font-weight:900;color:#163b76;}
body.page-quien-soy .epqa-about-hero__intro {font-size:.91rem;color:var(--about-muted);margin-bottom:18px;max-width:615px;}
body.page-quien-soy .epqa-about-hero__tags {
  display:flex;gap:8px;flex-wrap:wrap;margin:0 0 19px;
}
body.page-quien-soy .epqa-about-hero__tags span {
  display:inline-flex;align-items:center;gap:6px;padding:7px 10px;
  background:rgba(255,255,255,.88);border:1px solid #d2e4f9;
  border-radius:100px;color:#355785;font-size:.73rem;font-weight:850;
}
body.page-quien-soy .epqa-about-hero__tags i {color:#127ac6;font-size:.87rem;}
body.page-quien-soy .epqa-about__actions {display:flex;gap:10px;flex-wrap:wrap;}
body.page-quien-soy .epqa-about__button {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 19px;min-height:44px;border-radius:13px;
  font-size:.87rem;font-weight:900;text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.page-quien-soy .epqa-about__button--primary {
  background:linear-gradient(115deg,#247cfa,#1f56e3);
  color:white!important;border:1px solid #2372f0;
  box-shadow:0 7px 17px rgba(33,91,214,.16);
}
body.page-quien-soy .epqa-about__button--secondary {
  color:#2257a0!important;background:#fff;
  border:1px solid #c4d8fa;
}
body.page-quien-soy .epqa-about__button:hover {transform:translateY(-2px);box-shadow:0 10px 23px rgba(42,92,174,.15);}
body.page-quien-soy .epqa-about-hero__visual {align-self:stretch;position:relative;min-height:400px;overflow:hidden;}
body.page-quien-soy .epqa-about-hero__halo {
  position:absolute;inset:4% -20% -8% -10%;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,#effaff 10%,#d0ebff 53%,rgba(154,205,252,.06) 75%);
}
body.page-quien-soy .epqa-about-hero__avatar {
  position:absolute;display:block;left:4%;bottom:-13%;height:113%;width:92%;
  object-fit:contain;object-position:bottom center;
  filter:drop-shadow(0 12px 18px rgba(18,60,125,.13));
}
body.page-quien-soy .epqa-about-hero__badge {
  position:absolute;display:inline-flex;gap:8px;align-items:center;
  border:1px solid #e5effe;border-radius:13px;background:rgba(255,255,255,.93);
  box-shadow:0 7px 21px rgba(36,80,154,.12);padding:10px 12px;
  font-size:.73rem;font-weight:900;color:#244c86;
}
body.page-quien-soy .epqa-about-hero__badge i {color:#147dec;font-size:1.14rem;}
body.page-quien-soy .epqa-about-hero__badge--top {top:15%;right:6%;}
body.page-quien-soy .epqa-about-hero__badge--bottom {bottom:12%;left:0;}
/* Areas of practice */
body.page-quien-soy .epqa-about-section {padding:32px 0 25px;}
body.page-quien-soy .epqa-about-section__heading {margin:0 0 18px;}
body.page-quien-soy .epqa-about-section h2 {
  color:#142f69;line-height:1.2;
  margin:6px 0 7px;font-size:clamp(1.4rem,2.35vw,2.1rem);
}
body.page-quien-soy .epqa-about-section__heading p {color:var(--about-muted);font-size:.91rem;margin:0;}
body.page-quien-soy .epqa-about-skills {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
body.page-quien-soy .epqa-about-skill {
  background:white;border:1px solid #dfebfa;border-radius:20px;
  box-shadow:0 7px 24px rgba(25,62,116,.055);
  padding:22px;min-width:0;min-height:215px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.page-quien-soy .epqa-about-skill__icon {
  width:53px;height:53px;border-radius:17px;
  display:grid;place-items:center;
  background:#e4f7ff;color:#119bd2;font-size:1.65rem;
  margin-bottom:14px;
}
body.page-quien-soy .epqa-about-skill--blue .epqa-about-skill__icon {background:#eaf1ff;color:#2669ea;}
body.page-quien-soy .epqa-about-skill--purple .epqa-about-skill__icon {background:#f2eaff;color:#8149da;}
body.page-quien-soy .epqa-about-skill__eyebrow {
  display:block;font-weight:900;color:#1288ba;text-transform:uppercase;font-size:.67rem;letter-spacing:.065em;
}
body.page-quien-soy .epqa-about-skill--blue .epqa-about-skill__eyebrow {color:#245fc6;}
body.page-quien-soy .epqa-about-skill--purple .epqa-about-skill__eyebrow {color:#7948c8;}
body.page-quien-soy .epqa-about-skill h3 {font-size:1.13rem;color:#173569;line-height:1.32;margin:6px 0 8px;}
body.page-quien-soy .epqa-about-skill p {font-size:.84rem;color:#516985;margin:0;font-weight:650;}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  body.page-quien-soy .epqa-about-skill:hover {
    transform:translateY(-3px);box-shadow:0 13px 28px rgba(26,78,146,.12);border-color:#a7caf7;
  }
}
/* Personal mission */
body.page-quien-soy .epqa-about-story {
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.8fr);
  align-items:stretch;gap:0;margin:6px 0 20px;
  border-radius:24px;border:1px solid #dbebfa;
  background:linear-gradient(110deg,#eef8ff 3%,#f8fcff 55%,#eff0ff 100%);
  overflow:hidden;
}
body.page-quien-soy .epqa-about-story__copy {padding:clamp(22px,3vw,35px);z-index:1;}
body.page-quien-soy .epqa-about-story h2 {font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.23;margin:8px 0 14px;color:#162e65;max-width:650px;}
body.page-quien-soy .epqa-about-story p {font-size:.88rem;color:#526989;margin-bottom:10px;max-width:66ch;}
body.page-quien-soy .epqa-about-story__principles {display:flex;flex-wrap:wrap;gap:9px 14px;margin:17px 0;}
body.page-quien-soy .epqa-about-story__principles span {font-size:.77rem;font-weight:850;color:#245c91;display:flex;gap:6px;align-items:center;}
body.page-quien-soy .epqa-about-story__principles i {color:#0ca77f;}
body.page-quien-soy .epqa-about-story__link {display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#255bc2;font-weight:900;font-size:.87rem;}
body.page-quien-soy .epqa-about-story__link:hover {text-decoration:underline;}
body.page-quien-soy .epqa-about-story__visual {position:relative;overflow:hidden;min-height:320px;}
body.page-quien-soy .epqa-about-story__circle {position:absolute;inset:10% 3% -20% 0;border-radius:50%;background:radial-gradient(circle,#d3f4ff 0%,#bcdffb 65%,#a9d5f7 69%,transparent 73%);}
body.page-quien-soy .epqa-about-story__avatar {display:block;position:absolute;bottom:-23%;left:3%;width:93%;height:125%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 16px rgba(21,72,148,.13));}
/* Ending CTA */
body.page-quien-soy .epqa-about-cta {
  display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;
  padding:25px clamp(20px,2.8vw,35px);margin:0 0 10px;
  border-radius:23px;background:linear-gradient(115deg,#ecf5ff,#f3f7ff);
  border:1px solid #dce9fb;
}
body.page-quien-soy .epqa-about-cta h2 {font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.24;color:#183166;max-width:665px;margin:0 0 6px;}
body.page-quien-soy .epqa-about-cta p {font-size:.84rem;color:#5a7090;margin:0;}
/* Never allow a full-viewport background to wash out/footer text. */
body.page-quien-soy .site-footer {
  position:relative;z-index:2;isolation:isolate;
  margin-top:0!important;
  background:linear-gradient(125deg,#0b214a,#112d64 65%,#10345e)!important;
  border-top:1px solid #255495;
  color:#e8f3ff!important;
}
body.page-quien-soy .site-footer .footer-title {color:#fff!important;}
body.page-quien-soy .site-footer .footer-text,
body.page-quien-soy .site-footer .footer-copy {color:#c8d9f6!important;}
body.page-quien-soy .site-footer .visit-counter,
body.page-quien-soy .site-footer .counter-label {color:#d1e2fa!important;}
body.page-quien-soy .site-footer .visit-counter strong {color:#fff!important;}
body.page-quien-soy .site-footer .footer-links a {
  color:#e5f0ff!important;
  border-color:#4771af;
  background:rgba(255,255,255,.09);
}
body.page-quien-soy .site-footer .footer-links a:hover,
body.page-quien-soy .site-footer .footer-links a:focus-visible {
  color:#08244f!important;background:#d8f5ff;border-color:#c4effb;
}
body.page-quien-soy .site-footer .footer-social a {
  color:#e6f7ff!important;background:rgba(255,255,255,.09)!important;border-color:#3c669f!important;
}
body.page-quien-soy .site-footer .epqa-impact-card {background:rgba(255,255,255,.08);border-color:rgba(169,204,255,.25);}
body.page-quien-soy .site-footer .footer-rule {border-color:rgba(204,226,255,.23);}
@media (max-width:940px) {
  body.page-quien-soy .epqa-about-hero {grid-template-columns:minmax(0,1.05fr) minmax(235px,.8fr);}
  body.page-quien-soy .epqa-about-hero h1 {font-size:clamp(1.8rem,3.8vw,2.7rem);}
  body.page-quien-soy .epqa-about-hero__copy {padding:25px 6px 27px 25px;}
  body.page-quien-soy .epqa-about-skills {gap:10px;}
  body.page-quien-soy .epqa-about-skill {padding:17px;}
  body.page-quien-soy .epqa-about-story {grid-template-columns:1fr 270px;}
}
@media (max-width:690px) {
  body.page-quien-soy .epqa-about {width:calc(100% - 20px);padding:12px 0 19px;}
  body.page-quien-soy .epqa-about__crumbs {margin:4px 3px 12px;}
  body.page-quien-soy .epqa-about-hero {grid-template-columns:1fr;gap:0;min-height:0;border-radius:21px;}
  body.page-quien-soy .epqa-about-hero__copy {padding:24px 18px 10px;}
  body.page-quien-soy .epqa-about-hero h1 {font-size:clamp(1.82rem,7.7vw,2.6rem);}
  body.page-quien-soy .epqa-about-hero__lead {font-size:.92rem;}
  body.page-quien-soy .epqa-about-hero__intro {font-size:.85rem;}
  body.page-quien-soy .epqa-about-hero__visual {min-height:285px;height:285px;}
  body.page-quien-soy .epqa-about-hero__avatar {height:110%;bottom:-16%;left:14%;width:70%;}
  body.page-quien-soy .epqa-about-hero__badge--top {top:12%;right:6%;}
  body.page-quien-soy .epqa-about-hero__badge--bottom {bottom:12%;left:4%;}
  body.page-quien-soy .epqa-about-section {padding:26px 0 20px;}
  body.page-quien-soy .epqa-about-skills {grid-template-columns:1fr;}
  body.page-quien-soy .epqa-about-skill {min-height:0;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 12px;align-items:start;}
  body.page-quien-soy .epqa-about-skill__icon {grid-column:1;grid-row:1/4;width:45px;height:45px;font-size:1.4rem;margin:0;}
  body.page-quien-soy .epqa-about-skill__eyebrow,body.page-quien-soy .epqa-about-skill h3,body.page-quien-soy .epqa-about-skill p {grid-column:2;}
  body.page-quien-soy .epqa-about-skill h3 {font-size:1rem;margin:0;}
  body.page-quien-soy .epqa-about-skill p {font-size:.8rem;}
  body.page-quien-soy .epqa-about-story {grid-template-columns:1fr;min-height:0;}
  body.page-quien-soy .epqa-about-story__copy {padding:20px 17px;}
  body.page-quien-soy .epqa-about-story__visual {min-height:245px;}
  body.page-quien-soy .epqa-about-story__avatar {bottom:-28%;left:20%;height:130%;width:62%;}
  body.page-quien-soy .epqa-about-cta {padding:20px 17px;}
  body.page-quien-soy .epqa-about-cta .epqa-about__button {width:100%;}
}
@media (max-width:390px) {
  body.page-quien-soy .epqa-about__actions .epqa-about__button {flex:1;}
  body.page-quien-soy .epqa-about-hero__tags span {font-size:.67rem;}
  body.page-quien-soy .epqa-about-hero__badge {font-size:.66rem;padding:7px;}
  body.page-quien-soy .epqa-about-hero__avatar {width:80%;left:10%;}
}
@media (prefers-reduced-motion:no-preference) {
  body.page-quien-soy .epqa-about-hero__copy {animation:epqa-about-in .34s ease both;}
  body.page-quien-soy .epqa-about-hero__visual {animation:epqa-about-in .4s .06s ease both;}
}
@keyframes epqa-about-in {from {opacity:.7;transform:translateY(7px);}to {opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:reduce) {
  body.page-quien-soy .epqa-about *,body.page-quien-soy .epqa-about *::before,body.page-quien-soy .epqa-about *::after {animation:none!important;transition:none!important;}
}