.elementor-2438 .elementor-element.elementor-element-eec7760{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2438 .elementor-element.elementor-element-eec7760:not(.elementor-motion-effects-element-type-background), .elementor-2438 .elementor-element.elementor-element-eec7760 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2438 .elementor-element.elementor-element-eec7760, .elementor-2438 .elementor-element.elementor-element-eec7760::before{--border-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-8314f3b *//* =========================================================
  WFSE26 — Minimal Tech Dark (solid background)
========================================================= */

:root{
  --wf-bg: #070b14;          /* un solo color */
  --wf-text: rgba(255,255,255);
  --wf-muted: rgba(255,255,255);
  --wf-soft: rgba(255,255,255);

  --wf-stroke: rgba(255,255,255);
  --wf-stroke2: rgba(255,255,255);

  --wf-accent: #ffffff;      /* teal */
  --wf-accent2: #ffffff;     /* blue */

  --wf-card: rgba(255,255,255);
  --wf-shadow: 0 18px 60px rgba(0,0,0);
  --wf-shadow2: 0 10px 30px rgba(0,0,0,.30);

  --wf-r: 18px;
  --wf-max: 1180px;
}

/* Lock scroll when menu open */
html.wf-lock, html.wf-lock body{ overflow:hidden !important; }

.wf{
  min-height:100vh;
  background: var(--wf-bg);
  color: var(--wf-text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, "Helvetica Neue", sans-serif;
}

.wf *{ box-sizing:border-box; }
.wf a{ color: inherit; text-decoration:none; }
.wf-wrap{ max-width: var(--wf-max); margin: 0 auto; padding: 0 18px; }

.wf :focus-visible{
  outline: 3px solid rgba(45,212,191,.35);
  outline-offset: 3px;
  border-radius: 12px;
}

/* =========================
  TOP BAR
========================= */
.wf-top{
  position: sticky;
  top: 0;
  z-index: 9998;
  padding: 14px 0;
  background: linear-gradient(180deg, rgba(7,11,20,.92), rgba(7,11,20,.68));
  backdrop-filter: blur(10px);
}

.wf-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding-left: 18px;
  padding-right: 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.wf-brand{ display:flex; align-items:center; gap:1px; }
.wf-brand__logo{
  height: 18px;
  width: auto;
  display:block;
  opacity: .95;
}

/* Desktop nav */
.wf-nav{
  display:flex;
  align-items:center;
  gap: 18px;
}
.wf-nav__link{
  font-weight: 800;
  color: rgba(255,255,255,.78);
  letter-spacing: .2px;
  position: relative;
}
.wf-nav__link:hover{ color: rgba(255,255,255,.95); }
.wf-nav__link::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-10px;
  height:2px;
  background: linear-gradient(90deg, transparent, rgba(45,212,191,.9), transparent);
  opacity:0;
  transition: opacity .2s ease;
}
.wf-nav__link:hover::after{ opacity:1; }

.wf-top__actions{
  display:flex;
  align-items:center;
  gap: 10px;
}

.wf-lang{
  width: 44px;
  height: 38px;
  display:grid;
  place-items:center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  font-weight: 950;
  letter-spacing: .7px;
}

.wf-cta{
  height: 38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(45,212,191,.30);
  background: rgba(45,212,191,.10);
  font-weight: 950;
}

/* Burger (mobile) */
.wf-burger{
  width: 42px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  display:none;
  padding: 0;
  cursor:pointer;
}
.wf-burger span{
  display:block;
  width: 18px;
  height: 2px;
  background: rgba(255,255,255,.85);
  margin: 5px auto;
  border-radius: 99px;
}

/* =========================
  MOBILE DRAWER
========================= */
.wf-dim{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.55);
  opacity:0;
  pointer-events:none;
  transition: opacity .2s ease;
  z-index: 9997;
}
.wf-dim.is-on{ opacity:1; pointer-events:auto; }

.wf-drawer{
  position:fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: min(360px, 88vw);
  background: #070b14;
  border-left: 1px solid rgba(255,255,255,.12);
  transform: translateX(105%);
  transition: transform .22s ease;
  z-index: 9999;
  display:flex;
  flex-direction:column;
}
.wf-drawer.is-open{ transform: translateX(0); }

.wf-drawer__top{
  padding: 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.wf-drawer__title{ font-weight: 950; letter-spacing:.2px; }
.wf-drawer__close{
  width: 42px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-size: 22px;
  cursor:pointer;
}

.wf-drawer__links{ padding: 10px 16px; display:grid; gap: 8px; }
.wf-drawer__link{
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-weight: 900;
  color: rgba(255,255,255,.86);
}
.wf-drawer__bottom{
  margin-top:auto;
  padding: 16px;
  display:flex;
  gap: 10px;
}
.wf-drawer__btn{
  flex:1;
  height: 42px;
  display:grid;
  place-items:center;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  font-weight: 950;
}
.wf-drawer__btn--cta{
  border-color: rgba(45,212,191,.30);
  background: rgba(45,212,191,.10);
}

/* =========================
  HERO
========================= */
.wf-hero{
  position:relative;
  padding: 70px 0 44px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

/* Geometría tech en el fondo (solo CSS) */
.wf-geo{
  position:absolute;
  inset: -120px -120px -120px -120px;
  pointer-events:none;

  /* capas: grid fino + diagonales + puntos */
  background:
    linear-gradient(transparent 0, transparent),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 48px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, transparent 1px 48px),
    radial-gradient(circle at 20% 20%, rgba(31,107,255,.18), transparent 42%),
    radial-gradient(circle at 75% 25%, rgba(45,212,191,.14), transparent 44%),
    radial-gradient(circle at 55% 70%, rgba(31,107,255,.10), transparent 46%);
  opacity: .65;
  filter: blur(.2px);
}

/* líneas diagonales sutiles */
.wf-geo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg,
      rgba(255,255,255,.06) 0 1px,
      transparent 1px 64px);
  opacity: .25;
}

.wf-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items:center;
}

.wf-kicker{
  margin: 0 0 10px;
  color: rgba(255,255,255);
  font-weight: 800;
  letter-spacing: .22px;
}

.wf-h1{
  margin: 0 0 10px;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.04;
  letter-spacing: -1px;
  color: rgba(255,255,255);
}
.wf-h1__thin{
  display:block;
  font-weight: 700;
  color: rgba(255,255,255);
}

.wf-lead{
  margin: 0 0 18px;
  color: rgba(255,255,255);
  font-size: 16px;
  line-height: 1.65;
}

.wf-actions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

.wf-btn{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  padding: 12px 14px;
  font-weight: 950;
  background: rgba(255,255,255);
  transition: transform .12s ease, background .18s ease, border-color .18s ease;
}
.wf-btn:hover{ transform: translateY(-1px); }

.wf-btn--primary{
  border-color: rgba(45,212,191);
  background: rgba(45,252,191,.12);
}
.wf-btn--ghost{
  background: rgba(255,255,255,.03);
}

/* Logos row */
.wf-logos{
  margin-top: 16px;
  display:flex;
  gap: 14px;
  align-items:center;
}
.wf-logo{
  height: 28px;
  width:auto;
  opacity: .9;
  filter: saturate(1.05);
}

/* WFSE26 logo card (clara) */
.wf-heroCard{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: var(--wf-shadow2);
  overflow:hidden;
}
.wf-heroCard__panel{
  background: #ffffff; /* claro para el logo a color */
  padding: 18px;
}
.wf-wfseLogo{
  width: 100%;
  height: auto;
  display:block;
}
.wf-heroCard__foot{
  padding: 12px 14px;
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255);
  font-weight: 800;
  border-top: 1px solid rgba(255,255,255);
}
.wf-dot{
  width: 6px; height: 6px;
  border-radius: 99px;
  background: rgba(45,212,191,.9);
}

.wf-scroll{
  margin-top: 22px;
  display:flex;
  align-items:center;
  gap: 10px;
  justify-content:center;
  color: rgba(255,255,255,.55);
  font-weight: 800;
}
.wf-scroll__line{
  width: 46px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(45,212,191,.85), transparent);
  opacity: .7;
}

/* =========================
  SECTIONS
========================= */
.wf-section{
  padding: 46px 0;
}
.wf-head{ margin-bottom: 16px; }
.wf-h2{
  margin: 0 0 8px;
  font-size: clamp(22px, 3.2vw, 34px);
  letter-spacing: -.6px;
  color: rgba(255,255,255);
}
.wf-p{
  margin: 0;
  color: rgba(255,255,255,.70);
  line-height: 1.7;
}

/* =========================
  VIDEOS
========================= */
.wf-videoGrid{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 14px;
  align-items:start;
}

.wf-videoCard{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: var(--wf-shadow2);
  overflow:hidden;
}

.wf-ratio{ width:100%; background: rgba(255,255,255,.04); }
.wf-ratio--16x9{ aspect-ratio: 16/9; }
.wf-ratio--9x16{ aspect-ratio: 9/16; }

.wf-video{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.wf-cap{
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.wf-cap__t{ font-weight: 950; }
.wf-cap__d{ margin-top: 4px; color: rgba(255,255,255,.62); font-size: 13px; }

.wf-inlineCta{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

/* =========================
  CTA FINAL
========================= */
.wf-section--cta{
  border-top: 1px solid rgba(255,255,255,.08);
  padding-bottom: 72px;
}
.wf-ctaBox{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: var(--wf-shadow);
  padding: 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}
.wf-ctaBox__actions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}
.wf-btn--xl{ padding: 14px 16px; }

.wf-foot{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255);
  font-weight: 800;
  display:flex;
  align-items:center;
  gap: 10px;
  justify-content:center;
  flex-wrap:wrap;
}
.wf-foot__sep{ opacity:.6; }



/* =========================
  RESPONSIVE
========================= */
@media (max-width: 980px){
  .wf-nav{ display:none; }
  .wf-burger{ display:block; }
  .wf-hero__grid{ grid-template-columns: 1fr; }
  .wf-videoGrid{ grid-template-columns: 1fr; }
  .wf-heroCard{ max-width: 560px; }
}

@media (max-width: 767px){
  .wf-top{ padding-left: 12px; padding-right: 12px; }
  .wf-brand__logo{ height: 24px; }
  .wf-cta{ display:none; } /* en celular se usa el CTA del drawer + botón flotante */
  .wf-hero{ padding-top: 54px; }
  .wa-fab{ right: 14px; bottom: 14px; }
  .wa-fab__btn{ width: 54px; height: 54px; }
  .wa-fab__img{ width: 24px; height: 24px; }
}/* End custom CSS */