/* El Profe Que Aprende · Footer V4 · diseño aprobado de referencia
   Un solo sistema responsive en claro y oscuro.
   Iconos SVG propios a color natural, sin filtros o fuentes de iconos.
   2026-10-20 */
body.stem-playground footer.site-footer.epqa-footer-2026 {
  --epqa-foot-text:#102e5c;
  --epqa-foot-muted:#415e80;
  --epqa-foot-card:rgba(255,255,255,.91);
  --epqa-foot-control:#fff;
  --epqa-foot-border:#c1dff8;
  --epqa-foot-tile:#f0faff;
  --epqa-foot-accent:#087bef;
  --epqa-foot-wave:.36;
  position:relative!important;
  isolation:isolate;
  display:block!important;
  width:100%;
  padding:0!important;
  margin:0!important;
  overflow:hidden;
  background:linear-gradient(120deg,#f6fbff 0%,#e9f6ff 46%,#eef9ff 100%)!important;
  border-top:1px solid #abd5f4!important;
  color:var(--epqa-foot-text)!important;
  font-family:Nunito,system-ui,sans-serif!important;
  box-shadow:none!important;
  text-align:left;
}
html[data-theme="dark"] body.stem-playground footer.site-footer.epqa-footer-2026 {
  --epqa-foot-text:#f3f9ff;
  --epqa-foot-muted:#c7dcf4;
  --epqa-foot-card:rgba(9,47,99,.88);
  --epqa-foot-control:rgba(8,44,97,.9);
  --epqa-foot-border:rgba(49,150,237,.62);
  --epqa-foot-tile:rgba(0,92,172,.20);
  --epqa-foot-accent:#54d8ff;
  --epqa-foot-wave:.72;
  background:linear-gradient(120deg,#041b43 0%,#082e67 48%,#051b3e 100%)!important;
  border-top:1px solid #297fcd!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 36%,rgba(40,167,251,.14),transparent 45%),
    radial-gradient(ellipse at 86% 74%,rgba(28,147,225,.13),transparent 39%);
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__waves {
  position:absolute;
  z-index:0;
  left:0;right:0;bottom:0;
  height:clamp(90px,13vw,175px);
  background:url("../img/epqa/footer/waves.svg") center bottom/100% 100% no-repeat;
  opacity:var(--epqa-foot-wave);
  pointer-events:none;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__inner {
  position:relative;
  z-index:1;
  width:min(1220px,calc(100% - 40px));
  margin:0 auto;
  padding:27px 0 14px;
}
body.stem-playground footer.site-footer.epqa-footer-2026 :is(p,a,strong,small,span) {
  font-family:Nunito,system-ui,sans-serif;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__main {
  display:grid;
  grid-template-columns:minmax(230px,1.15fr) minmax(200px,.85fr) minmax(240px,1fr);
  align-items:center;
  gap:clamp(16px,2vw,32px);
  min-width:0;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__brand {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:flex-start;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__brand-identity {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  max-width:100%;
  min-width:0;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__avatar {
  display:block;
  flex:none;
  width:clamp(95px,9.5vw,126px);
  height:119px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 8px 13px rgba(3,52,116,.24));
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__logo-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:6px 10px;
  border-radius:15px;
  border:1px solid #c8e7fa!important;
  background:linear-gradient(135deg,#ffffff,#edf9ff)!important;
  box-shadow:0 7px 23px rgba(4,67,141,.11);
  text-decoration:none!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__logo {
  display:block;
  width:clamp(160px,16vw,215px);
  max-width:100%;
  height:75px;
  object-fit:contain;
  filter:none!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__brand p {
  margin:1px 0 0;
  color:var(--epqa-foot-muted)!important;
  font-size:13px;
  font-weight:850;
  line-height:1.35;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__middle {
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}




body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  min-width:0;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social a {
  flex:none;
  display:grid;
  place-items:center;
  width:46px;height:46px;
  border-radius:14px;
  border:1px solid var(--epqa-foot-border)!important;
  background:var(--epqa-foot-control)!important;
  box-shadow:0 5px 15px rgba(3,65,132,.1);
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social a:hover {
  border-color:#3cdbff!important;
  transform:translateY(-2px);
  box-shadow:0 0 0 2px rgba(23,184,254,.18),0 8px 18px rgba(3,52,116,.15);
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social img {
  display:block!important;
  width:35px!important;height:35px!important;
  object-fit:contain!important;
  filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stats {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  min-width:0;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-width:0;
  min-height:125px;
  padding:12px 7px;
  text-align:center;
  border-radius:18px;
  border:1px solid var(--epqa-foot-border)!important;
  background:var(--epqa-foot-card)!important;
  box-shadow:0 7px 21px rgba(10,68,127,.11);
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat-head {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  font-size:12px;
  color:var(--epqa-foot-text)!important;
  line-height:1.22;
  font-weight:900;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat-head img {
  width:25px;height:25px;display:block;
  object-fit:contain;
  filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__online-dot {
  flex:none;
  display:inline-block;
  width:13px;height:13px;
  border-radius:50%;
  background:#00d9a8;
  box-shadow:0 0 0 5px rgba(0,219,163,.17),0 0 16px rgba(0,198,148,.4);
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat strong {
  margin:6px 0 2px;
  color:var(--epqa-foot-text)!important;
  font-family:Poppins,Nunito,sans-serif!important;
  font-size:clamp(26px,2.7vw,39px);
  line-height:1.14;
  font-weight:900;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat small {
  color:var(--epqa-foot-muted)!important;
  font-size:11px;
  line-height:1.28;
  font-weight:750;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px 22px;
  flex-wrap:wrap;
  min-width:0;
  margin-top:21px;
  padding:12px 0 0;
  border-top:1px solid var(--epqa-foot-border)!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom p {
  margin:0;
  font-size:12px;
  line-height:1.5;
  font-weight:700;
  color:var(--epqa-foot-muted)!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom nav {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom nav a {
  padding:3px 11px;
  border-right:1px solid var(--epqa-foot-border);
  color:var(--epqa-foot-muted)!important;
  font-size:12px;
  text-decoration:none!important;
  line-height:1.3;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom nav a:last-child {
  padding-right:0;
  border-right:0;
}
body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom nav a:hover {
  color:var(--epqa-foot-accent)!important;
  text-decoration:underline!important;
}
body.stem-playground footer.site-footer.epqa-footer-2026 a:focus-visible {
  outline:3px solid var(--epqa-foot-accent)!important;
  outline-offset:3px!important;
}
body.stem-playground.page-home footer.site-footer.epqa-footer-2026 {
  display:block!important;
}
@media(max-width:1120px) {
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__main {
    grid-template-columns:minmax(220px,1fr) minmax(200px,.95fr);
    gap:20px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stats {
    grid-column:1/-1;
    width:min(100%,500px);
    justify-self:center;
  }
}
@media(max-width:730px) {
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__inner {
    width:calc(100% - 24px);
    padding:19px 0 14px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__main {
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__brand {
    align-items:center;
    text-align:center;
    gap:5px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__brand-identity {
    width:100%;
    justify-content:center;
    gap:1px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__avatar {
    width:clamp(90px,25vw,127px);
    height:114px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__logo {
    width:clamp(172px,51vw,220px);
    height:67px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__brand p {
    font-size:13px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__middle {
    gap:11px;
  }
  
  
  
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social {
    gap:8px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social a {
    width:clamp(43px,11.2vw,49px);height:clamp(43px,11.2vw,49px);
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social img {
    width:33px!important;height:33px!important;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stats {
    grid-column:auto;
    width:100%;
    gap:8px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat {
    min-height:105px;
    padding:11px 6px;
    border-radius:15px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat strong {
    font-size:30px;
    margin:5px 0 1px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat-head {
    font-size:clamp(10px,3vw,13px);
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__stat small {
    font-size:clamp(9px,2.55vw,11px);
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom {
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:17px;
    padding-top:11px;
    text-align:center;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom nav {
    justify-content:center;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom nav a {
    font-size:clamp(10px,2.65vw,11px);
    padding:4px 8px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__bottom nav a:last-child {
    padding-right:8px;
  }
}
@media(max-width:359.98px) {
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__avatar {
    width:72px;height:85px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__logo {
    width:160px;height:56px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social a {
    width:39px;height:39px;
  }
  body.stem-playground footer.site-footer.epqa-footer-2026 .epqa-footer-2026__social img {
    width:29px!important;height:29px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.stem-playground footer.site-footer.epqa-footer-2026 :is(a,img) {
    transition:none!important;
  }
}
/* Fidelidad de color: todos los SVG conservan sus gradientes originales.
   Nunca utilizar filtros monocromáticos, también en modo claro y oscuro. */
html[data-theme="light"] body.stem-playground footer.site-footer.epqa-footer-2026 :is(
  .epqa-footer-2026__social,.epqa-footer-2026__stats
) img,
html[data-theme="dark"] body.stem-playground footer.site-footer.epqa-footer-2026 :is(
  .epqa-footer-2026__social,.epqa-footer-2026__stats
) img {
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}