/* Wikipol Footer 1.0.0 — Estilos aislados bajo el prefijo .wpf. */
.wpf, .wpf * { box-sizing: border-box; }
.wpf {
  --wpf-pink: #fa1461;
  --wpf-rose: #ff87ac;
  --wpf-cream: #fff3f7;
  --wpf-light: #ded1da;
  --wpf-muted: #b5a9b6;
  --wpf-border: rgba(248, 201, 224, .16);
  width: 100%; max-width: none; margin: 0;
  background: radial-gradient(ellipse 90% 45% at 80% 100%, rgba(94, 24, 64, .21), transparent 75%), #110d18;
  color: var(--wpf-light);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px; line-height: 1.55; isolation: isolate;
  text-align: left;
}
.wpf .wpf__container { max-width: 1260px; width: min(100% - 64px, 1260px); margin: 0 auto; padding: 64px 0 0; }
.wpf a { color: inherit; text-decoration: none; }
.wpf a:focus-visible { outline: 3px solid var(--wpf-rose); outline-offset: 4px; border-radius: 3px; }
.wpf p, .wpf h2, .wpf ul { margin: 0; padding: 0; }
.wpf .wpf__social {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .80fr);
  gap: 48px; align-items: center; overflow: hidden;
  padding: clamp(26px, 4.5vw, 64px);
  border: 1px solid rgba(236, 97, 156, .30); border-radius: 24px;
  background: radial-gradient(circle at 82% 0, rgba(247, 24, 94, .18), transparent 47%),
              linear-gradient(115deg, #311328 0%, #261020 57%, #1b0d1c 100%);
  box-shadow: 0 23px 65px rgba(0,0,0,.15);
}
.wpf .wpf__social:after {
  content: ''; position: absolute; pointer-events: none; width: 210px; height: 210px;
  border: 1px solid rgba(255, 125, 181, .14); border-radius: 50%;
  right: -105px; bottom: -137px;
}
.wpf .wpf__eyebrow {
  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px;
  font-size: 11px; font-weight: 800; letter-spacing: .18em; color: #ffa5c4;
}
.wpf .wpf__pulse { width: 8px; height: 8px; background: #f43577; border-radius: 50%; box-shadow: 0 0 0 4px rgba(244, 53, 119, .14); }
.wpf .wpf__headline {
  color: #fff; font-size: clamp(29px, 3.4vw, 48px); line-height: 1.13;
  font-weight: 760; letter-spacing: -.038em;
}
.wpf .wpf__headline em { color: #fc568e; font-style: normal; }
.wpf .wpf__social-lead { margin-top: 18px; max-width: 540px; font-size: 15px; line-height: 1.7; color: #ead5de; }
.wpf .wpf__social-panel {
  min-width: 0; padding: 23px; border-radius: 17px;
  background: rgba(13, 9, 18, .58); border: 1px solid rgba(255,255,255,.10);
}
.wpf .wpf__social-identity { display: flex; align-items: center; gap: 14px; min-width: 0; }
.wpf .wpf__x-mark {
  display: grid; flex: none; place-items: center; width: 55px; height: 55px;
  border-radius: 13px; background: #08090b; border: 1px solid #38323d;
  font-size: 31px; font-weight: 500; color: #fff; line-height: 1;
}
.wpf .wpf__social-account { min-width: 0; display: flex; flex-direction: column; }
.wpf .wpf__social-name { font-size: 16px; font-weight: 780; color: #fff; }
.wpf .wpf__social-handle { color: #e0afc3; font-size: 13px; font-weight: 500; }
.wpf .wpf__social-handle:hover { color: white; text-decoration: underline; }
.wpf .wpf__social-official {
  margin-left: auto; padding: 5px 8px; border: 1px solid rgba(255,255,255,.14);
  border-radius: 5px; white-space: nowrap; color: #dcb7c6; font-size: 9px; font-weight: 800; letter-spacing: .08em;
}
.wpf .wpf__social-subcopy { margin: 19px 0; color: #c8bac5; font-size: 13px; line-height: 1.6; }
.wpf .wpf__follow {
  display: flex; min-height: 50px; justify-content: space-between; align-items: center; gap: 8px;
  padding: 12px 17px; border-radius: 10px;
  background: #e40057; color: #fff; font-size: 14px; font-weight: 800;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.wpf .wpf__follow:hover, .wpf .wpf__follow:focus-visible {
  color: white; background: #ff1b70; transform: translateY(-1px); box-shadow: 0 10px 25px rgba(225, 0, 87, .22);
}
.wpf .wpf__follow-arrow { font-size: 22px; font-weight: 500; line-height: 1; }
.wpf .wpf__main {
  display: grid; grid-template-columns: minmax(245px, 1.18fr) minmax(0, 2.5fr);
  gap: clamp(36px, 6vw, 100px); padding: 74px 0 64px;
}
.wpf .wpf__brand { min-width: 0; }
.wpf .wpf__logo-link { display: inline-flex; max-width: 100%; align-items: center; }
.wpf .wpf__logo { width: min(100%, 292px); height: auto; display: block; }
.wpf .wpf__brand-lead { margin-top: 25px; max-width: 315px; color: #fff; font-size: 16px; font-weight: 750; line-height: 1.55; }
.wpf .wpf__brand-desc { margin-top: 13px; max-width: 335px; color: var(--wpf-muted); font-size: 13px; line-height: 1.8; }
.wpf .wpf__editorial-note { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; color: #d2aabb; font-size: 11px; font-weight: 650; }
.wpf .wpf__note-dot { width: 6px; height: 6px; border-radius: 50%; background: #f63c82; }
.wpf .wpf__nav { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.wpf .wpf__nav-col { min-width: 0; }
.wpf .wpf__nav-title { margin: 2px 0 19px; font-size: 13px; line-height: 1.35; letter-spacing: .02em; font-weight: 800; color: #fff; }
.wpf .wpf__nav-title:after { content: ''; display: block; width: 26px; height: 2px; margin-top: 11px; background: #f51b66; border-radius: 2px; }
.wpf .wpf__links { list-style: none; display: grid; gap: 14px; }
.wpf .wpf__links li { margin: 0; padding: 0; list-style: none; }
.wpf .wpf__links a { font-size: 13px; line-height: 1.5; color: #c6bac5; transition: color .18s ease; }
.wpf .wpf__links a:hover { color: #ff83b0; text-decoration: underline; text-underline-offset: 4px; }
.wpf .wpf__bottom {
  display: flex; align-items: center; flex-wrap: wrap; gap: 12px 26px;
  padding: 23px 0 27px; border-top: 1px solid var(--wpf-border);
  color: #ad9fac; font-size: 11px;
}
.wpf .wpf__copyright { white-space: nowrap; }
.wpf .wpf__provenance { flex: 1; min-width: 220px; }
.wpf .wpf__legal { display: flex; gap: 17px; flex-wrap: wrap; align-items: center; }
.wpf .wpf__legal a { color: #ccbac7; white-space: nowrap; }
.wpf .wpf__legal a:hover { color: #fff; text-decoration: underline; }
@media (max-width: 1030px) {
  .wpf .wpf__social { gap: 26px; }
  .wpf .wpf__social-official { display: none; }
  .wpf .wpf__main { gap: 44px; grid-template-columns: minmax(205px, 1fr) minmax(0, 2fr); }
  .wpf .wpf__nav { gap: 16px; }
}
@media (max-width: 770px) {
  .wpf .wpf__container { width: min(100% - 40px, 1260px); padding-top: 38px; }
  .wpf .wpf__social { grid-template-columns: 1fr; padding: 30px; gap: 27px; }
  .wpf .wpf__social-lead { margin-top: 14px; }
  .wpf .wpf__main { display: block; padding: 55px 0 46px; }
  .wpf .wpf__brand { margin-bottom: 42px; }
  .wpf .wpf__brand-lead { margin-top: 17px; }
  .wpf .wpf__nav { gap: 28px; }
  .wpf .wpf__bottom { align-items: flex-start; }
}
@media (max-width: 520px) {
  .wpf .wpf__container { width: min(100% - 28px, 1260px); padding-top: 20px; }
  .wpf .wpf__social { padding: 24px 20px; border-radius: 17px; gap: 22px; }
  .wpf .wpf__headline { font-size: clamp(28px, 8vw, 36px); }
  .wpf .wpf__social-lead { font-size: 13px; }
  .wpf .wpf__eyebrow { font-size: 9px; letter-spacing: .14em; }
  .wpf .wpf__social-panel { padding: 17px; }
  .wpf .wpf__main { padding: 44px 2px 38px; }
  .wpf .wpf__logo { max-width: 235px; }
  .wpf .wpf__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 21px; }
  .wpf .wpf__nav-col:last-child { grid-column: span 2; }
  .wpf .wpf__nav-col:last-child .wpf__links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 18px; }
  .wpf .wpf__bottom { display: grid; gap: 15px; }
  .wpf .wpf__copyright { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .wpf *, .wpf *:before, .wpf *:after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
