/* Wolk Sitio 1.0.0 — tokens y componentes del catálogo (mismos del lienzo aprobado). */
:root{
  --wolk-bg:#F4F6FB;--wolk-ink:#0A1628;--wolk-muted:#5B6B85;--wolk-line:#E3E8F2;
  --wolk-blue:#2B3FBF;--wolk-blue-d:#1E2E9A;--wolk-teal:#2EC4B6;--wolk-wa:#25D366;
  --wolk-radius:18px;--wolk-cols:4;
}
.wolk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:14px;font-weight:700;font-size:15px;border:0;cursor:pointer;text-decoration:none;line-height:1;font-family:inherit;transition:transform .12s ease,background .12s ease}
.wolk-btn:active{filter:brightness(.93)} /* 2.9.64 — sin saltos al tocar: solo el color */
.wolk-btn:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}.wolk-btn:focus:not(:focus-visible){outline:none}
.wolk-btn--p{background:var(--wolk-blue);color:#fff}.wolk-btn--p:hover{background:var(--wolk-blue-d);color:#fff}
.wolk-btn--s{background:#fff;color:var(--wolk-ink);border:1.5px solid #D9DFEC}.wolk-btn--s:hover{border-color:var(--wolk-blue)}

/* Selector de país + ciclo */
.wolk-pais,.wolk-ciclo{display:inline-flex;background:#EEF1FB;border-radius:999px;padding:3px;gap:2px}
.wolk-pais__b,.wolk-ciclo__b{border:0;background:transparent;color:var(--wolk-muted);font:700 13px/1 inherit;font-family:inherit;padding:9px 14px;border-radius:999px;cursor:pointer}
.wolk-pais__b.is-on,.wolk-ciclo__b.is-on{background:var(--wolk-blue);color:#fff}
.wolk-lang{display:inline-flex;background:#EEF1FB;border-radius:999px;padding:2px}
.wolk-lang__a{padding:6px 12px;border-radius:999px;font-weight:800;font-size:12px;color:var(--wolk-muted);text-decoration:none}
.wolk-lang__a.is-on{background:var(--wolk-blue);color:#fff}

/* Tarjetas */
.wolk-planes{display:grid;grid-template-columns:repeat(var(--wolk-cols),minmax(0,1fr));gap:18px;margin:24px 0}
@media (max-width:1100px){.wolk-planes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wolk-planes{grid-template-columns:1fr}}
.wolk-plan{position:relative;background:#fff;border:1px solid var(--wolk-line);border-radius:var(--wolk-radius);padding:22px;display:flex;flex-direction:column;gap:8px;color:var(--wolk-ink);transition:box-shadow .2s ease,border-color .2s ease}
.wolk-plan:hover{box-shadow:0 12px 30px rgba(10,22,40,.08)}
.wolk-plan.is-hidden{display:none}
.wolk-plan.is-resaltado{border-color:var(--wolk-teal);box-shadow:0 0 0 4px rgba(46,196,182,.25),0 16px 40px rgba(10,22,40,.12)}
.wolk-plan__badge{position:absolute;top:14px;right:14px;background:#0B7A6F;color:#fff;font-weight:800;font-size:12px;padding:4px 8px;border-radius:999px}
.wolk-plan__nombre{margin:0;font-size:20px;font-weight:700}
.wolk-plan__lic{margin:0;color:var(--wolk-muted);font-size:13px;font-weight:600}
.wolk-plan__precio{margin:8px 0 0;display:flex;align-items:baseline;gap:4px}
.wolk-plan__monto{font-size:36px;font-weight:700;letter-spacing:-.5px}
.wolk-plan__ciclo{color:var(--wolk-muted);font-weight:600}
.wolk-plan__iva{margin:0;color:var(--wolk-muted);font-size:12px}
.wolk-plan__desc{margin:4px 0 0;color:var(--wolk-muted);font-size:14px;line-height:1.5;flex-grow:1}
.wolk-plan__cta{margin-top:12px}
.wolk-planes__vacio{background:#FFF7E6;border:1px solid #F5D48A;border-radius:12px;padding:14px 16px;color:#6B4E00}
.wolk-precio{font-weight:700}

/* 1.6.0 · Landings de producto (Sitio Wolk → Landings de producto).
   Se definen con variables y con respaldo, para que la ficha se vea bien
   incluso si el tema activo no es wolk-comercial. */
.wolk-hero--producto{padding:64px 0 40px}
.wolk-hero--producto .wolk-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.wolk-hero--producto h1{font-size:clamp(30px,4.4vw,54px);line-height:1.06;margin:14px 0 14px;letter-spacing:-.02em}
.wolk-hi{color:var(--wolk-teal,#2EC4B6)}
.wolk-hero--producto .wolk-lead{font-size:17px;line-height:1.6;color:var(--wolk-muted,#5B6B85);max-width:44ch}
.wolk-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.wolk-btn--a{background:#F0A21B;color:#2B1C00}
.wolk-btn--a:hover{background:#D98F12;color:#2B1C00}
.wolk-datos{display:flex;flex-wrap:wrap;gap:34px;margin:30px 0 0;padding:26px 0 0;border-top:1px solid var(--wolk-line,#E3E8F2)}
.wolk-dato b{display:block;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.wolk-dato small{display:block;margin-top:4px;font-size:13px;color:var(--wolk-muted,#5B6B85)}
.wolk-hero__img{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 24px 60px rgba(10,22,40,.18)}
.wolk-trans{margin:22px 0 0;font-size:14px;color:var(--wolk-muted,#5B6B85)}
.wolk-trans summary{cursor:pointer;font-weight:700;color:var(--wolk-ink,#0A1628)}
.wolk-planes--uno{--wolk-cols:2;max-width:760px;margin:0 auto}
@media (max-width:860px){
  .wolk-hero--producto{padding:40px 0 28px}
  .wolk-hero--producto .wolk-hero__grid{grid-template-columns:1fr;gap:26px}
  .wolk-datos{gap:22px}
  .wolk-dato b{font-size:24px}
  .wolk-hero__cta .wolk-btn{width:100%;justify-content:center}
}

/* 1.6.0 · Audio de Emily en la landing (respaldo si el tema no lo trae) */
.wolk-audio{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:16px;padding:12px 14px;margin-top:14px}
.wolk-audio__av{width:42px;height:42px;border-radius:50%;background:var(--wolk-blue,#2B3FBF);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.wolk-audio b{display:block;font-size:14px}
.wolk-audio small{display:block;color:var(--wolk-muted,#5B6B85);font-size:12px}
.wolk-audio audio{margin-left:auto;height:36px;max-width:220px}
@media (max-width:520px){.wolk-audio{flex-wrap:wrap}.wolk-audio audio{margin:8px 0 0;max-width:100%;width:100%}}

/* 1.7.0 · Carátula del video: el reproductor se carga al pulsar */
.wolk-video--facade{padding:0}
/* 2.9.4 — acotado a la fachada de las Landings: sin el prefijo le ganaba al botón de play del tema (según el orden de carga) y lo estiraba en blanco sobre todo el video. */
.wolk-video--facade .wolk-video__play{all:unset;display:block;position:absolute;inset:0;cursor:pointer;width:100%;height:100%}
.wolk-video--facade .wolk-video__play img{width:100%;height:100%;object-fit:cover;display:block;border-radius:22px}
.wolk-video__icono{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(10,22,40,.35);transition:transform .15s ease}
.wolk-video__icono::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--wolk-blue,#2B3FBF)}
.wolk-video--facade .wolk-video__play:hover .wolk-video__icono,.wolk-video--facade .wolk-video__play:focus-visible .wolk-video__icono{transform:translate(-50%,-50%) scale(1.07)}
.wolk-video--facade .wolk-video__play:focus-visible{outline:3px solid var(--wolk-teal,#2EC4B6);outline-offset:3px}

/* 1.9.0 · Lo que faltaba del preview en las tarjetas de plan */
.wolk-plan__lista{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.wolk-plan__lista li{position:relative;padding-left:24px;font-size:14px;line-height:1.45;color:var(--wolk-ink,#0A1628)}
.wolk-plan__lista li::before{content:"";position:absolute;left:2px;top:4px;width:13px;height:8px;border-left:2.5px solid var(--wolk-teal,#2EC4B6);border-bottom:2.5px solid var(--wolk-teal,#2EC4B6);transform:rotate(-45deg)}
.wolk-plan.is-destacado{border-color:var(--wolk-blue,#2B3FBF);box-shadow:0 18px 44px rgba(43,63,191,.16);position:relative}
.wolk-plan__elegido{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--wolk-blue,#2B3FBF);color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;padding:5px 12px;border-radius:999px;white-space:nowrap}
.wolk-plan.is-destacado .wolk-plan__cta{background:var(--wolk-blue,#2B3FBF);color:#fff}
/* El botón pegado al fondo: con listas de distinto largo, en el preview los
   cuatro «Contratar» quedan alineados. Sin esto, cada uno cae donde termine
   su lista y la fila se ve desordenada. */
.wolk-plan__cta{margin-top:auto}
.wolk-plan__lista{margin-bottom:16px}
/* El badge de descuento no se monta sobre el nombre: se le hace lugar, pero
   SOLO en la tarjeta que trae badge. Ponérselo a todas partía los nombres en
   dos líneas sin necesidad. */
.wolk-plan__badge + .wolk-plan__nombre{padding-right:64px}
.wolk-plan.is-destacado{padding-top:30px}
/* El chip con texto largo ya no se aplasta: crece de alto en vez de cortarse. */
.wolk-chip{height:auto;min-height:30px;padding:6px 12px;line-height:1.35;align-items:center}

/* ═══════════════════════════════════════════════════════════════════════════
   2.0.0 · APARIENCIA OSCURA
   El sitio de Wolk ya está hecho y es navy. Lo que pinta este plugin tiene que
   combinar con él, no imponer fondo blanco. Se activa con la clase del <body>
   (Sitio Wolk → Catálogo → Apariencia), así que no hay que adivinar nada.
   Los valores son la misma paleta de la marca, invertida: navy #0A1628 de
   fondo, #16233C para las superficies, teal #2EC4B6 de acento.
   ═══════════════════════════════════════════════════════════════════════════ */
.wolk-oscuro{
  --wolk-bg:#0A1628; --wolk-ink:#EAF0FA; --wolk-muted:#9AAAC6;
  --wolk-line:#22314F; --wolk-line-2:#2C3D60; --wolk-soft:#16233C;
  --wolk-blue:#2FA8E0; --wolk-blue-d:#1E86B8; --wolk-teal:#2EC4B6;
}
.wolk-oscuro .wolk-plan,
.wolk-oscuro .wolk-audio,
.wolk-oscuro .wolk-form-c,
.wolk-oscuro .wolk-cot{background:#16233C;border-color:#22314F;color:#EAF0FA}
.wolk-oscuro .wolk-plan__monto,
.wolk-oscuro .wolk-plan__nombre,
.wolk-oscuro .wolk-plan__lista li,
.wolk-oscuro .wolk-audio b{color:#EAF0FA}
.wolk-oscuro .wolk-plan__iva,
.wolk-oscuro .wolk-plan__lic,
.wolk-oscuro .wolk-plan__desc,
.wolk-oscuro .wolk-plan__ciclo,
.wolk-oscuro .wolk-audio small,
.wolk-oscuro .wolk-trans,
.wolk-oscuro .wolk-dato small,
.wolk-oscuro .wolk-hero--producto .wolk-lead{color:#9AAAC6}
.wolk-oscuro .wolk-plan.is-destacado{border-color:#2FA8E0;box-shadow:0 18px 44px rgba(47,168,224,.22)}
.wolk-oscuro .wolk-plan__elegido{background:#2FA8E0;color:#06182A}
.wolk-oscuro .wolk-chip{background:rgba(46,196,182,.12);color:#5FE3D6;border:1px solid rgba(46,196,182,.25)}
.wolk-oscuro .wolk-datos{border-top-color:#22314F}
.wolk-oscuro .wolk-dato b,
.wolk-oscuro .wolk-hero--producto h1,
.wolk-oscuro .wolk-trans summary{color:#EAF0FA}
.wolk-oscuro .wolk-hi{color:#2FA8E0}
.wolk-oscuro .wolk-btn--s{background:transparent;color:#EAF0FA;border-color:#3A4E76}
.wolk-oscuro .wolk-btn--s:hover{background:rgba(255,255,255,.04);color:#EAF0FA;border-color:#2FA8E0}
.wolk-oscuro .wolk-planes__vacio{background:#2A2110;border-color:#5C4A1E;color:#F0D79A}
.wolk-oscuro .wolk-video__icono{background:rgba(255,255,255,.95)}
.wolk-oscuro .wolk-video__icono::after{border-left-color:#0A1628}

/* 2.8.2 — Servidores administrados: 3 planes (mensual + anual) y adicionales */
.wolk-srv{margin:28px 0}
.wolk-srv__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
@media (max-width:1000px){.wolk-srv__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}
.wolk-srv__card{position:relative;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:var(--wolk-radius,18px);padding:26px 24px;display:flex;flex-direction:column;gap:10px;color:var(--wolk-ink,#0A1628);transition:box-shadow .2s ease}
.wolk-srv__card:hover{box-shadow:0 14px 34px rgba(10,22,40,.08)}
.wolk-srv__card.is-destacado{background:#0F1B33;border-color:#0F1B33;color:#fff;box-shadow:0 22px 50px rgba(10,22,40,.28)}
.wolk-srv__badge{position:absolute;top:-13px;right:22px;background:#F2A33A;color:#0A1628;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap}
.wolk-srv__tier{margin:0;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--wolk-muted,#5B6B85)}
.wolk-srv__card.is-destacado .wolk-srv__tier{color:var(--wolk-teal,#2EC4B6)}
.wolk-srv__nombre{margin:0;font-size:20px;font-weight:700;line-height:1.25}
.wolk-srv__precio{margin:6px 0 0;display:flex;align-items:baseline;gap:4px}
.wolk-srv__monto{font-size:40px;font-weight:800;letter-spacing:-.8px}
.wolk-srv__ciclo{color:var(--wolk-muted,#5B6B85);font-weight:600}
.wolk-srv__card.is-destacado .wolk-srv__ciclo,.wolk-srv__card.is-destacado .wolk-srv__iva{color:#AEB9D0}
.wolk-srv__iva{margin:0;color:var(--wolk-muted,#5B6B85);font-size:12px}
.wolk-srv__anual{display:flex;align-items:center;gap:12px;width:100%;margin:8px 0 4px;padding:12px 14px;border:1.5px dashed #B9C6E4;border-radius:14px;background:#F5F8FF;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:none;transition:border-color .2s ease,background .2s ease}
.wolk-srv__anual:hover{border-color:var(--wolk-blue,#2B3FBF);background:#EEF2FF}
.wolk-srv__card.is-destacado .wolk-srv__anual{background:#16254A;border-color:#34497D}
.wolk-srv__card.is-destacado .wolk-srv__anual:hover{border-color:var(--wolk-teal,#2EC4B6);background:#1B2D5A}
.wolk-srv__anual-ico{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:var(--wolk-blue,#2B3FBF);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.wolk-srv__card.is-destacado .wolk-srv__anual-ico{background:#F2A33A;color:#0A1628}
.wolk-srv__anual-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.wolk-srv__anual-tit{font-size:13px;font-weight:800}
.wolk-srv__nowrap{white-space:nowrap}
.wolk-srv__anual-det{font-size:12.5px;color:var(--wolk-muted,#5B6B85)}
.wolk-srv__card.is-destacado .wolk-srv__anual-det{color:#AEB9D0}
.wolk-srv__anual-go{margin-top:4px;font-size:12.5px;font-weight:800;color:var(--wolk-blue,#2B3FBF);white-space:nowrap}
.wolk-srv__card.is-destacado .wolk-srv__anual-go{color:var(--wolk-teal,#2EC4B6)}
.wolk-srv__lista{flex-grow:1;margin-top:8px;align-content:start}
.wolk-srv__card.is-destacado .wolk-plan__lista li{color:#E6ECF7}
.wolk-srv__desc{margin:6px 0 0;color:var(--wolk-muted,#5B6B85);font-size:14px;line-height:1.55;flex-grow:1}
.wolk-srv__card.is-destacado .wolk-srv__desc{color:#C4CEE2}
.wolk-srv__boton{margin-top:14px;width:100%;justify-content:center;text-align:center}
.wolk-srv__card.is-destacado .wolk-srv__boton{background:#0B7A6F;color:#fff} /* 2.9.55 — sin turquesa con letra negra (Deiby) y contraste AA */
.wolk-srv__card.is-destacado .wolk-srv__boton:hover{background:#27AFA2;color:#0A1628}
.wolk-srv__extras{margin-top:34px}
.wolk-srv__extras-tit{margin:0 0 12px;font-size:18px;font-weight:800}
.wolk-srv__extra{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:var(--wolk-radius,18px);padding:18px 22px}
.wolk-srv__extra + .wolk-srv__extra{margin-top:12px}
.wolk-srv__extra-nombre{margin:0;font-size:16px;font-weight:700}
.wolk-srv__extra-desc{margin:4px 0 0;color:var(--wolk-muted,#5B6B85);font-size:13.5px;line-height:1.5}
.wolk-srv__extra-precio{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.wolk-srv__extra-monto{font-size:24px;font-weight:800;line-height:1.1}
.wolk-srv__extra-ciclo{font-size:12.5px;font-weight:700;color:var(--wolk-muted,#5B6B85)}
@media (max-width:700px){.wolk-srv__extra{grid-template-columns:1fr}.wolk-srv__extra-precio{align-items:flex-start;text-align:left}}
/* 2.8.2 — selector Mensual / Anual */
.wolk-srv__sel{display:flex;width:max-content;max-width:100%;margin:0 auto 26px;padding:5px;gap:4px;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:999px;box-shadow:0 6px 18px rgba(10,22,40,.05)}
.wolk-srv__sel-b{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--wolk-ink,#0A1628);font:inherit;font-weight:700;font-size:15px;padding:10px 20px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}
.wolk-srv__sel-b.is-on{background:var(--wolk-blue,#2B3FBF);color:#fff}
.wolk-srv__sel-b:focus-visible{outline:3px solid rgba(43,63,191,.35);outline-offset:2px}
.wolk-srv__sel-tag{font-size:11px;font-weight:800;letter-spacing:.2px;padding:3px 8px;border-radius:999px;background:#FDE9C8;color:#8A4B00;white-space:nowrap}
.wolk-srv__sel-b.is-on .wolk-srv__sel-tag{background:#F2A33A;color:#0A1628}
.wolk-srv:not(.is-anual) .wolk-srv__v-a,.wolk-srv.is-anual .wolk-srv__v-m{display:none}
.wolk-srv__ahorro{margin:6px 0 0;display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:800;color:#0F7A4D;background:#E4F7EE;padding:4px 10px;border-radius:999px}
.wolk-srv__card.is-destacado .wolk-srv__ahorro{background:#173B34;color:#7EE2BE}
@media (max-width:420px){.wolk-srv__sel-b{padding:9px 12px;font-size:14px;gap:6px}.wolk-srv__sel-tag{font-size:10px;padding:3px 6px}}
/* 2.8.5 — Servidores: encabezado con cifras, lema de cada plan e información (incluye, condiciones, correo) */
#servidores{scroll-margin-top:84px}
.wolk-srv-desde{white-space:nowrap}
/* 2.8.6 — [wolk_texto]: el precio dentro de una frase se ve como el resto del texto (antes era texto plano). */
.wolk-texto .wolk-precio{font-weight:inherit}
.wolk-chip:empty{display:none}
.wolk-srv__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center;margin:0 0 26px}
.wolk-srv__eyebrow{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--wolk-blue,#2B3FBF)}
.wolk-srv__titulo{margin:0 0 10px;font-size:clamp(26px,3.2vw,36px);line-height:1.15;letter-spacing:-.5px;color:var(--wolk-ink,#0A1628)}
.wolk-srv__intro{margin:0;color:var(--wolk-muted,#5B6B85);font-size:16px;line-height:1.6}
.wolk-srv__cifras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.wolk-srv__cifra{display:flex;flex-direction:column-reverse;gap:2px;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:14px;padding:14px 16px}
.wolk-srv__cifra dd{margin:0;font-size:22px;line-height:1.15;color:var(--wolk-ink,#0A1628)}
.wolk-srv__cifra dt{font-size:12.5px;color:var(--wolk-muted,#5B6B85);font-weight:600}
@media (max-width:900px){.wolk-srv__head{grid-template-columns:1fr;gap:18px}}
.wolk-srv__lema{margin:0;font-size:14.5px;line-height:1.45;color:var(--wolk-muted,#5B6B85)}
.wolk-srv__card.is-destacado .wolk-srv__lema{color:#C4CEE2}
.wolk-srv__info{margin-top:46px}
.wolk-srv__info-tit{margin:0 0 8px;font-size:clamp(22px,2.6vw,28px);line-height:1.2;color:var(--wolk-ink,#0A1628)}
.wolk-srv__info-intro{margin:0 0 20px;max-width:720px;color:var(--wolk-muted,#5B6B85);font-size:15.5px;line-height:1.6}
.wolk-srv__incluye,.wolk-srv__cond{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.wolk-srv__incluye,.wolk-srv__cond{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wolk-srv__incluye,.wolk-srv__cond{grid-template-columns:1fr}}
.wolk-srv__incluye li,.wolk-srv__cond li{background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:16px;padding:18px 18px 16px}
.wolk-srv__incluye h4,.wolk-srv__cond h4{margin:8px 0 6px;font-size:16px;line-height:1.3;color:var(--wolk-ink,#0A1628)}
.wolk-srv__incluye p,.wolk-srv__cond p{margin:0;color:var(--wolk-muted,#5B6B85);font-size:14px;line-height:1.55}
.wolk-srv__num{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--wolk-blue,#2B3FBF)}
.wolk-srv__cond-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#F5F8FF;font-size:17px}
.wolk-srv__cond .wolk-srv__cond-precio{margin-top:10px;display:inline-block;font-weight:800;color:#8A4B00;background:#FDE9C8;padding:4px 10px;border-radius:999px;font-size:13px}
.wolk-srv__correo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:760px){.wolk-srv__correo{grid-template-columns:1fr}}
.wolk-srv__correo-caja{background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:16px;padding:20px}
.wolk-srv__correo-caja + .wolk-srv__correo-caja{background:#F5F8FF;border-color:#D6DFF5}
.wolk-srv__correo-tag{margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--wolk-blue,#2B3FBF)}
.wolk-srv__correo-caja h4{margin:0 0 6px;font-size:18px;color:var(--wolk-ink,#0A1628)}
.wolk-srv__correo-caja p{margin:0 0 14px;color:var(--wolk-muted,#5B6B85);font-size:14px;line-height:1.55}
.wolk-srv__correo-caja dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.wolk-srv__correo-caja dl div{border-top:1px dashed var(--wolk-line,#E3E8F2);padding-top:8px}
.wolk-srv__correo-caja dt{font-size:12px;color:var(--wolk-muted,#5B6B85)}
.wolk-srv__correo-caja dd{margin:2px 0 0;font-weight:800;font-size:14.5px;color:var(--wolk-ink,#0A1628)}
/* 2.8.8 — [wolk_seccion]: botón bajo la sección y separación entre dos secciones seguidas (Azure + Emily). */
.wolk-sec__mas{margin:20px 0 0}
.wolk-planes+.wolk-sec__head,.wolk-sec__mas+.wolk-sec__head{margin-top:56px}
/* 2.8.9 — página sin testimonios marcados: la franja de #testimonios no queda vacía. */
.wolk-sec:has(#testimonios):not(:has(.wolk-testimonios)){display:none}
/* 2.9.0 — "Elegí día y hora" (formulario de consultoría). */
.wolk-agenda-pick[hidden]{display:none!important}
.wolk-agenda-dias,.wolk-agenda-horas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
/* 2.9.18 — Wolk Payment: tarjetas pro con "al mes", "ahorra", botón que late, ayuda y barra de compra. */
.wolk-planes--pagos{max-width:880px;margin-inline:auto;gap:18px}
.wolk-sec--pagos .wolk-sec__head{text-align:center;margin-inline:auto;max-width:680px}
.wolk-sec--pagos .wolk-pais{display:flex;margin:0 auto 6px;width:max-content;max-width:100%}
.wolk-plan__ahorro{align-self:flex-start;margin:6px 0 0;background:#E8F8F6;color:#0A6B62;font-weight:800;font-size:12.5px;border-radius:999px;padding:4px 10px}
.wolk-plan__ahorro[hidden],.wolk-compra-barra[hidden]{display:none!important}
/* El palpitar: un anillo que late, descansa y vuelve (no marea); quieto para quien pidió menos movimiento. */
.wolk-late{animation:wolk-late 3.2s ease-out infinite}
@keyframes wolk-late{0%{box-shadow:0 0 0 0 rgba(43,63,191,.55)}35%{box-shadow:0 0 0 14px rgba(43,63,191,0)}100%{box-shadow:0 0 0 0 rgba(43,63,191,0)}}
.wolk-pagos__confianza{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;max-width:880px;margin:22px auto 0;font-size:14px;color:var(--wolk-muted,#5B6B85)}
.wolk-pagos__ayuda{max-width:880px;margin:18px auto 0;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:18px;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.wolk-pagos__ayuda-t{flex:1 1 280px}.wolk-pagos__ayuda-t b{display:block;color:#0A1628}.wolk-pagos__ayuda-t small{color:var(--wolk-muted,#5B6B85);font-size:14px}
.wolk-pagos__ayuda-b{display:flex;flex-wrap:wrap;gap:8px}
.wolk-pagos__emily{display:inline-flex;align-items:center;gap:8px}
.wolk-pagos__dot{width:9px;height:9px;border-radius:50%;background:#35D07F;animation:wolk-dot 1.8s infinite}
@keyframes wolk-dot{0%{box-shadow:0 0 0 0 rgba(53,208,127,.6)}70%{box-shadow:0 0 0 8px rgba(53,208,127,0)}100%{box-shadow:0 0 0 0 rgba(53,208,127,0)}}
.wolk-compra-barra{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 -8px 30px -14px rgba(10,22,40,.45)}
.wolk-compra-barra small{display:block;color:var(--wolk-muted,#5B6B85);font-size:12px}.wolk-compra-barra b{font-size:15px;color:#0A1628}
.wolk-compra-barra .wolk-btn{margin-left:auto}
.wolk-con-barra .wolk-emily,.wolk-con-barra .wolk-vdock{bottom:94px;transition:bottom .2s}
@media (prefers-reduced-motion:reduce){.wolk-late,.wolk-pagos__dot{animation:none}}
@media (max-width:720px){
  /* En celular las 2 licencias van una arriba de la otra (sin deslizar), la destacada de primero. */
  .wolk-planes--pro.wolk-planes--pagos{display:grid;grid-template-columns:1fr;overflow:visible;margin-inline:0;padding:14px 0 0;gap:26px}
  .wolk-planes--pagos .wolk-plan{flex:none}
  .wolk-planes--pagos .wolk-plan.is-destacado{order:-1}
}
/* 2.9.21 — Microsoft 365 en fichas pro (Wolk_Sitio_M365): mensual y anual a la vista dentro de cada ficha,
   cantidad desde 100 y la ventana de avisos (en vez de letras rojas). */
.wolk-m365 .wolk-pais{display:flex;width:max-content;max-width:100%;margin:0 auto 22px}
.wolk-m365__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;margin:0 auto;padding-top:14px}
.wolk-m365__plan{gap:10px}
.wolk-m365__ops{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.wolk-m365__op{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:2px solid var(--wolk-line,#E3E8F2);background:#fff;border-radius:16px;padding:12px 12px 10px;font:inherit;color:#0A1628;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.wolk-m365__op small{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--wolk-muted,#5B6B85)}
.wolk-m365__op b{font-family:var(--wolk-font-t,inherit);font-size:30px;line-height:1.05;letter-spacing:-.03em}
.wolk-m365__op span{font-size:12.5px;color:var(--wolk-muted,#5B6B85)}
.wolk-m365__op em{font-style:normal;margin-top:6px;background:#E8F8F6;color:#0A6B62;font-weight:800;font-size:11.5px;border-radius:999px;padding:3px 8px}
.wolk-m365__op:hover{border-color:#B9C3F2}
.wolk-m365__op.is-on{border-color:var(--wolk-blue,#2B3FBF);background:#F5F7FF;box-shadow:0 10px 24px -18px rgba(43,63,191,.7)}
.wolk-m365__op.is-on small{color:var(--wolk-blue,#2B3FBF)}
.wolk-m365__op:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}
.wolk-m365__iva{margin:0}
.wolk-m365__cant{display:flex;align-items:center;gap:10px}
.wolk-m365__cant label{flex:1;font-weight:700;font-size:14px;margin:0}
.wolk-m365__step{display:flex;align-items:center;border:1.5px solid var(--wolk-line,#E3E8F2);border-radius:12px;overflow:hidden;background:#fff}
.wolk-m365__step button{border:0;background:var(--wolk-soft,#EEF1FB);color:var(--wolk-blue,#2B3FBF);font-weight:800;width:40px;height:42px;font-size:18px;cursor:pointer}
.wolk-m365__step input{width:80px;border:0;text-align:center;font:inherit;font-weight:800;font-size:16px;background:transparent;color:#0A1628;-moz-appearance:textfield;appearance:textfield}
.wolk-m365__step input::-webkit-outer-spin-button,.wolk-m365__step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wolk-m365__total{background:var(--wolk-soft,#EEF1FB);border-radius:14px;padding:10px 14px;font-size:14px;display:grid;gap:2px}
.wolk-m365__total div{display:flex;justify-content:space-between;gap:10px}.wolk-m365__total b{font-size:18px;color:#0A1628}
.wolk-m365__ahorro[hidden]{display:none!important}
.wolk-m365__dlg{border:0;border-radius:22px;padding:0;max-width:440px;width:calc(100% - 32px);background:#fff;color:#0A1628;box-shadow:0 30px 80px -20px rgba(10,22,40,.5)}
.wolk-m365__dlg::backdrop{background:rgba(10,22,40,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.wolk-m365__dlg[open]{animation:wolk-m365-sube .22s ease-out}
@keyframes wolk-m365-sube{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.wolk-m365__dlg-c{position:relative;padding:28px 24px 22px;text-align:center}
.wolk-m365__ico{width:58px;height:58px;border-radius:50%;background:var(--wolk-soft,#EEF1FB);display:grid;place-items:center;font-size:26px;margin:0 auto 12px}
.wolk-m365__dlg h3{font-size:21px;margin:0 0 6px}.wolk-m365__dlg p{color:var(--wolk-muted,#5B6B85);margin:0 0 18px;font-size:15px}
.wolk-m365__acc{display:grid;gap:8px}.wolk-m365__acc .wolk-btn{justify-content:center;width:100%}
.wolk-m365__x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:var(--wolk-soft,#EEF1FB);color:#0A1628;font-size:18px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.wolk-m365__dlg[open]{animation:none}}
@media (max-width:720px){
  .wolk-m365__grid{grid-template-columns:1fr;gap:26px}
  .wolk-m365__grid .wolk-m365__plan.is-destacado{order:-1}
  .wolk-m365__op b{font-size:26px}
}
/* 2.9.15 — Oficinas por país ([wolk_oficinas], Sitio Wolk → Contacto y redes). */
.wolk-ofis .wolk-sec__head{text-align:center;margin-left:auto;margin-right:auto}
.wolk-ofis__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}
.wolk-ofi{background:#fff;border:1px solid #e3e8f2;border-radius:20px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 10px 30px -22px rgba(10,22,40,.35)}
.wolk-ofi__flag{font-size:34px;line-height:1;margin-bottom:6px}
.wolk-ofi b{font-size:17px;color:#0a1628}.wolk-ofi small{color:#5b6b85;font-size:14px}
.wolk-ofi__medios{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:14px}
.wolk-ofi__medios a{color:#2f3fb8;text-decoration:none;font-weight:600}.wolk-ofi__medios a:hover{text-decoration:underline}
.wolk-ofi__tel::before{content:"📞"}.wolk-ofi__wa::before{content:"💬"}.wolk-ofi__mail::before{content:"✉️"}
.wolk-ofi__tel::before,.wolk-ofi__wa::before,.wolk-ofi__mail::before{margin-right:6px}
/* 2.9.12 — zona horaria del cliente (como Calendly): detectada por el navegador, se puede cambiar. */
.wolk-agenda-zona{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;font-size:14px}
.wolk-agenda-zona label{font-weight:600;margin:0}
.wolk-agenda-zona select{flex:1 1 220px;max-width:340px;min-width:0}
.wolk-agenda-enzona{background:#eef1fb;border:1px solid #d6dcf5;color:#0a1628;border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:14px}
.wolk-agenda-enzona b{color:#2f3fb8}
.wolk-agenda-elegido{background:#e8f8f6;border:1px solid #b9e6df;color:#0a5c55;border-radius:12px;padding:10px 14px;margin:4px 0 10px;font-size:14px;font-weight:600}
.wolk-agenda-elegido[hidden]{display:none!important}
.wolk-agenda-dia,.wolk-agenda-hora{border:1.5px solid #dfe3f0;background:#fff;border-radius:12px;padding:10px 14px;font:inherit;font-size:14px;font-weight:600;color:#0a1628;cursor:pointer}
.wolk-agenda-dia.is-on,.wolk-agenda-hora.is-on{border-color:#2f3fb8;background:#2f3fb8;color:#fff}
.wolk-agenda-dia:focus-visible,.wolk-agenda-hora:focus-visible{outline:3px solid #9aa6f2;outline-offset:2px}
.wolk-agenda-horas.is-falta{outline:2px solid #d63638;outline-offset:6px;border-radius:12px}
.wolk-agenda-sin{color:#64708a;font-size:14px;margin:0}

/* 2.9.4 — Planes de PV Wolk "pro" (Wolk_Sitio_Planes_Pro): orden por precio, el más elegido,
   ahorro anual calculado, qué incluye con ✓ y video ES/EN por plan. En celular se deslizan. */
.wolk-planes--pro{--wolk-cols:4;gap:16px;align-items:stretch;padding-top:14px}
.wolk-plan--pro{border-radius:22px;padding:24px 20px 20px;gap:10px;border-color:var(--wolk-line,#E3E8F2)}
.wolk-plan--pro:hover{box-shadow:0 24px 40px -26px rgba(10,22,40,.4)}
@media (hover:hover) and (pointer:fine){.wolk-plan--pro:hover{transform:translateY(-3px)}} /* 2.9.64 — al tocar en el celular no salta */
.wolk-plan--pro.is-destacado{padding-top:24px;border:2px solid var(--wolk-blue,#2B3FBF);background:linear-gradient(180deg,#fff 0%,#F7F8FF 100%);box-shadow:0 30px 60px -34px rgba(43,63,191,.65)}
.wolk-plan--pro .wolk-plan__elegido{font-size:11.5px;box-shadow:0 8px 18px -8px rgba(43,63,191,.9)}
.wolk-plan__top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wolk-plan--pro .wolk-plan__nombre{font-size:22px;letter-spacing:-.02em}
.wolk-plan__us{flex:none;font-size:12px;font-weight:800;color:var(--wolk-blue,#2B3FBF);background:var(--wolk-soft,#EEF1FB);border-radius:999px;padding:4px 10px;white-space:nowrap}
.wolk-plan__lema{margin:0;color:var(--wolk-muted,#5B6B85);font-size:13.5px;line-height:1.45;min-height:2.9em}
.wolk-plan--pro .wolk-plan__precio{margin:4px 0 0}
.wolk-plan--pro .wolk-plan__monto{font-size:44px;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.wolk-plan__nota{margin:0;font-size:12.5px;font-weight:700;color:#0B7A6F;min-height:1.4em}
.wolk-plan__nota:empty{display:none}
.wolk-plan--pro .wolk-plan__cta{margin-top:6px;width:100%;justify-content:center}
.wolk-plan--pro .wolk-plan__lista--pro{margin:0}
.wolk-plan__inc{margin:4px 0 0;padding-top:12px;border-top:1px solid var(--wolk-line,#E3E8F2);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wolk-muted,#5B6B85)}
.wolk-plan__lista--pro li{padding-left:26px}
.wolk-plan__lista--pro li::before{left:0;top:1px;width:18px;height:18px;border:0;border-radius:50%;transform:none;background:#E3F6F3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230E9486' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.wolk-plan__lista--pro li.is-mas{color:var(--wolk-blue,#2B3FBF);font-weight:700}
.wolk-plan__lista--pro li.is-mas::before{background:#EEF1FB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' fill='none' stroke='%232B3FBF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/11px no-repeat}
/* Botón "Ver video" del plan (la ventana y el reproductor son los del tema: .wolk-vdlg) */
.wolk-plan__video{margin:2px 0 0}
.wolk-vbtn--mini{display:flex;width:100%;align-items:center;gap:10px;border:0;background:var(--wolk-soft,#EEF1FB);color:var(--wolk-blue,#2B3FBF);border-radius:12px;padding:6px 12px 6px 6px;font:700 13.5px inherit;font-family:inherit;cursor:pointer;text-align:left;transition:background .2s}
.wolk-vbtn--mini:hover{background:#E2E7FA}
.wolk-vbtn--mini:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}
.wolk-vbtn--mini .wolk-vbtn__th{position:relative;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--wolk-blue-d,#1E2E9A),#0E9486);flex:none}
.wolk-vbtn--mini .wolk-vbtn__th::after{content:"";position:absolute;left:50%;top:50%;margin:-5px 0 0 -3px;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent #fff}
.wolk-vbtn--mini .wolk-vbtn__th::before{display:none}
@media (max-width:1000px){.wolk-planes--pro{--wolk-cols:2}}
/* 2.9.65 — "Ver más del plan →" (la página de cada plan) bajo Contratar: discreto, centrado, tocable */
.wolk-plan__mas{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;margin-top:-2px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--wolk-blue,#2B3FBF);text-decoration:none;transition:background-color .15s ease}
.wolk-plan__mas:hover{background:var(--wolk-soft,#EEF1FB);color:var(--wolk-blue-d,#1E2E9A)}
.wolk-plan__mas:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}
/* Lo que Emily muestra queda entero bajo el encabezado (y la franja de Emily, si está) */
.wolk-plan{scroll-margin-top:96px}
html.wolk-emily-mini .wolk-plan{scroll-margin-top:calc(var(--wolk-epanel-top,72px) + 84px)}
@media (max-width:640px){
  .wolk-planes--pro{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:16px 16px 8px;scrollbar-width:none}
  .wolk-planes--pro::-webkit-scrollbar{display:none}
  /* 2.9.65 — fichas más pequeñas y finas en celular (Deiby: "que se vean más pequeños y así se aprecian"): se ve la
     ficha entera con las de al lado asomando, todo a escala, sin cambiar lo que dice. */
  .wolk-planes--pro .wolk-plan{flex:0 0 80%;scroll-snap-align:center}
  .wolk-plan--pro{padding:18px 16px 14px;gap:7px;border-radius:18px}
  .wolk-plan--pro.is-destacado{padding-top:20px}
  .wolk-plan--pro .wolk-plan__elegido{font-size:10.5px;padding:4px 10px;top:-11px}
  .wolk-plan--pro .wolk-plan__nombre{font-size:18px}
  .wolk-plan__us{font-size:10.5px;padding:3px 8px}
  .wolk-plan__lema{font-size:12.5px;line-height:1.4}
  .wolk-plan--pro .wolk-plan__monto{font-size:34px}
  .wolk-plan--pro .wolk-plan__ciclo{font-size:13px}
  .wolk-plan__nota{font-size:11.5px}
  .wolk-plan--pro .wolk-plan__iva{font-size:11px}
  .wolk-plan--pro .wolk-plan__cta{min-height:44px;font-size:14px;border-radius:12px;margin-top:4px}
  .wolk-plan__mas{min-height:36px;font-size:12.5px}
  .wolk-plan__inc{font-size:10px;padding-top:9px;margin-top:2px}
  .wolk-plan--pro .wolk-plan__lista{gap:6px;margin-top:8px}
  .wolk-plan--pro .wolk-plan__lista li{font-size:12.5px;line-height:1.4;padding-left:23px}
  .wolk-plan__lista--pro li::before{width:16px;height:16px;background-size:10px}
  .wolk-plan--pro .wolk-vbtn--mini{font-size:12.5px;padding:5px 10px 5px 5px}
  .wolk-plan--pro .wolk-vbtn--mini .wolk-vbtn__th{width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce){.wolk-plan--pro:hover{transform:none}}

/* 2.9.6 — Servidores ordenados: especificaciones del portal con ícono, botón y "Incluye" con un ícono por línea.
   La tarjeta destacada deja de ser oscura (borde azul como el más elegido de PV; sin turquesa con letra negra). */
.wolk-srv__card.is-destacado{background:linear-gradient(180deg,#fff 0%,#F7F8FF 100%);border:2px solid var(--wolk-blue,#2B3FBF);color:var(--wolk-ink,#0A1628);box-shadow:0 30px 60px -34px rgba(43,63,191,.65)}
.wolk-srv__card.is-destacado .wolk-srv__tier{color:var(--wolk-blue,#2B3FBF)}
.wolk-srv__card.is-destacado .wolk-srv__lema{color:var(--wolk-muted,#5B6B85)}
.wolk-srv__card.is-destacado .wolk-srv__ahorro{background:#E4F7EE;color:#0F7A4D}
.wolk-srv__card.is-destacado .wolk-srv__ciclo,.wolk-srv__card.is-destacado .wolk-srv__iva,.wolk-srv__card.is-destacado .wolk-srv__anual-det,.wolk-srv__card.is-destacado .wolk-srv__desc{color:var(--wolk-muted,#5B6B85)}
.wolk-srv__card.is-destacado .wolk-srv__anual{background:#F5F8FF;border-color:#B9C6E4}.wolk-srv__card.is-destacado .wolk-srv__anual:hover{border-color:var(--wolk-blue,#2B3FBF);background:#EEF2FF}
.wolk-srv__card.is-destacado .wolk-srv__anual-ico{background:var(--wolk-blue,#2B3FBF);color:#fff}.wolk-srv__card.is-destacado .wolk-srv__anual-go{color:var(--wolk-blue,#2B3FBF)}
.wolk-srv__card.is-destacado .wolk-plan__lista li{color:var(--wolk-ink,#0A1628)}
.wolk-srv__card.is-destacado .wolk-srv__boton{background:var(--wolk-blue,#2B3FBF);color:#fff}.wolk-srv__card.is-destacado .wolk-srv__boton:hover{background:var(--wolk-blue-d,#1E2E9A);color:#fff}
.wolk-srv__card:not(.is-destacado) .wolk-srv__boton{background:#fff;color:var(--wolk-ink,#0A1628);box-shadow:inset 0 0 0 1.5px var(--wolk-line-2,#D9DFEC)}.wolk-srv__card:not(.is-destacado) .wolk-srv__boton:hover{box-shadow:inset 0 0 0 1.5px var(--wolk-blue,#2B3FBF);color:var(--wolk-ink,#0A1628)}
.wolk-srv__badge{left:50%;right:auto;transform:translateX(-50%);background:var(--wolk-blue,#2B3FBF);color:#fff;text-transform:none;letter-spacing:.2px;font-size:11.5px;box-shadow:0 8px 18px -8px rgba(43,63,191,.9)}
.wolk-srv__badge::before{content:'\2605  '}
.wolk-srv__specs{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wolk-srv__spec{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:var(--wolk-bg,#F4F6FB);border-radius:12px;padding:8px 10px}
.wolk-srv__card.is-destacado .wolk-srv__spec{background:#fff;box-shadow:0 0 0 1px var(--wolk-line,#E3E8F2)}
.wolk-srv__spec{position:relative}
.wolk-srv__spec::before{content:'';grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#EEF1FB}
.wolk-srv__spec::after{content:'';position:absolute;left:17px;top:50%;margin-top:-9px;width:18px;height:18px;background:var(--wolk-blue,#2B3FBF);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.wolk-srv__spec b{font-size:15px;line-height:1.1;font-variant-numeric:tabular-nums}.wolk-srv__spec span{font-size:11.5px;color:var(--wolk-muted,#5B6B85);line-height:1.2}
.wolk-srv__spec--visitas{grid-column:1/-1}
.wolk-srv__spec--ram{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='10' rx='1.5'/%3E%3Cpath d='M7 7v10M11 7v10M15 7v10M5 17v3M19 17v3'/%3E%3C/svg%3E")}
.wolk-srv__spec--cpu{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Crect x='9.5' y='9.5' width='5' height='5'/%3E%3Cpath d='M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4'/%3E%3C/svg%3E")}
.wolk-srv__spec--disco{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 13h18'/%3E%3Ccircle cx='17' cy='16' r='.6' fill='black'/%3E%3C/svg%3E")}
.wolk-srv__spec--php{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5M14 4l-4 16'/%3E%3C/svg%3E")}
.wolk-srv__spec--visitas{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18M6 16v-4M11 16V8M16 16v-7M21 5l-5 4-5-3-5 4'/%3E%3C/svg%3E")}
.wolk-srv__inc-t{margin:6px 0 0;padding-top:12px;border-top:1px solid var(--wolk-line,#E3E8F2);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wolk-muted,#5B6B85)}
.wolk-srv__inc{list-style:none;margin:0;padding:0;display:grid;gap:9px;flex-grow:1;align-content:start}
.wolk-srv__inc-i{position:relative;padding-left:34px;font-size:14px;line-height:1.4;min-height:24px;display:flex;align-items:center}
.wolk-srv__inc-i::before{content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:8px;background:#E3F6F3}
.wolk-srv__inc-i::after{content:'';position:absolute;left:5px;top:50%;margin-top:-7px;width:14px;height:14px;background:#0E9486;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.wolk-srv__inc-i.is-mas{color:var(--wolk-blue,#2B3FBF);font-weight:700}.wolk-srv__inc-i.is-mas::before{background:#EEF1FB}.wolk-srv__inc-i.is-mas::after{background:var(--wolk-blue,#2B3FBF)}
.wolk-ico--ip{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")}
.wolk-ico--lock{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.wolk-ico--cdn{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
.wolk-ico--bolt{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h10'/%3E%3Ccircle cx='18' cy='17' r='2'/%3E%3C/svg%3E")}
.wolk-ico--cart{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 10.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 1.9-1.5L21 8H6.2'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='17' cy='20' r='1'/%3E%3C/svg%3E")}
.wolk-ico--db{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E")}
.wolk-ico--backup{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18h10a4 4 0 0 0 .6-7.95A6 6 0 0 0 6.1 9.2 4.5 4.5 0 0 0 7 18z'/%3E%3Cpath d='M12 11v5M9.5 13.5L12 11l2.5 2.5'/%3E%3C/svg%3E")}
.wolk-ico--mail{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.wolk-ico--pulse{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-6 4 12 2-6h6'/%3E%3C/svg%3E")}
.wolk-ico--user{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='2.5' y='13' width='4' height='6' rx='1.5'/%3E%3Crect x='17.5' y='13' width='4' height='6' rx='1.5'/%3E%3C/svg%3E")}
.wolk-ico--mas{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.wolk-ico--check{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
@media (max-width:420px){.wolk-srv__spec{padding:7px 8px;column-gap:8px;grid-template-columns:28px 1fr}.wolk-srv__spec::before{width:28px;height:28px}.wolk-srv__spec::after{left:13px;width:16px;height:16px;margin-top:-8px}}
/* 2.9.24 — Adicional discreto debajo de las tarjetas (PV Wolk: espacio de 1 GB). Una fila; mensual y anual juntos. */
.wolk-adic{display:grid;gap:10px;margin:-6px 0 24px}
.wolk-adic__f{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--wolk-bg,#F4F6FB);border:1px dashed #CBD3E4;border-radius:16px;padding:12px 14px 12px 16px;color:var(--wolk-ink,#0A1628)}
.wolk-adic__ico{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--wolk-blue,#2B3FBF);display:grid;place-items:center;flex:none;box-shadow:0 1px 0 var(--wolk-line,#E3E8F2)}
.wolk-adic__t{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.wolk-adic__t small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--wolk-muted,#5B6B85)}
.wolk-adic__t b{font-size:15px}
.wolk-adic__ops{display:flex;gap:8px;flex-wrap:wrap}
.wolk-adic__op{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:10px;background:#fff;border:1px solid var(--wolk-line,#E3E8F2);border-radius:12px;padding:8px 12px;text-decoration:none;color:var(--wolk-ink,#0A1628);transition:border-color .15s,box-shadow .15s}
.wolk-adic__op:hover{border-color:var(--wolk-blue,#2B3FBF);box-shadow:0 6px 18px -12px rgba(43,63,191,.6)}
.wolk-adic__op:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}
.wolk-adic__p{font-weight:800;font-size:15px}
.wolk-adic__p .wolk-precio{margin-right:2px}
.wolk-adic__iva{grid-row:2;font-size:11.5px;color:var(--wolk-muted,#5B6B85)}
.wolk-adic__mas{grid-row:1/3;grid-column:2;align-self:center;font-size:13px;font-weight:800;color:var(--wolk-blue,#2B3FBF);white-space:nowrap}
@media (max-width:560px){.wolk-adic__ops{width:100%}.wolk-adic__op{flex:1 1 0;min-width:0;grid-template-columns:1fr}.wolk-adic__mas{grid-row:3;grid-column:1;margin-top:4px}}

/* 2.9.57 — Logos de clientes del Inicio ([wolk_clientes]): solo los configurados en wp-admin. */
.wolk-cli__logo{display:flex;align-items:center;justify-content:center;min-height:88px;text-decoration:none}
.wolk-cli__logo img{display:block;max-height:48px;max-width:80%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .3s,opacity .3s}
a.wolk-cli__logo:hover img,a.wolk-cli__logo:focus-visible img{filter:none;opacity:1}
a.wolk-cli__logo:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}
@media (hover:none){.wolk-cli__logo img{filter:none;opacity:1}}

/* 2.9.71 — Testimonios en carrusel vertical (como Instagram) y la ventana del video con la forma del video. */
.wolk-reels{position:relative}
.wolk-reels__pista{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.wolk-reels__pista::-webkit-scrollbar{display:none}
.wolk-reel{flex:0 0 calc((100% - 64px) / 4.4);min-width:180px;margin:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
@media (max-width:860px){.wolk-reel{flex-basis:calc((100% - 16px) / 2.3)}}
@media (max-width:560px){.wolk-reel{flex-basis:64%;min-width:0}}
.wolk-reel__btn{position:relative;display:block;width:100%;aspect-ratio:9/16;border:0;padding:0;margin:0;border-radius:18px;overflow:hidden;cursor:pointer;color:#fff;text-align:left;font:inherit;text-decoration:none;background:radial-gradient(120% 90% at 80% 10%,#3C54E0 0%,#1E2E9A 38%,#0A1628 80%);box-shadow:0 18px 40px -24px rgba(10,22,40,.55)}
.wolk-reel__btn:focus-visible{outline:3px solid #9DB0FF;outline-offset:3px}
.wolk-reel__v,.wolk-reel__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}
.wolk-reel__btn::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(transparent,rgba(5,10,20,.82));pointer-events:none}
.wolk-reel__play{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.92);z-index:1;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.wolk-reel__play::after{content:"";position:absolute;left:50%;top:50%;margin:-9px 0 0 -5px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #0A1628}
.wolk-reel__chip{position:absolute;top:10px;left:10px;right:10px;z-index:1;justify-self:start;width:max-content;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.92);color:#0A1628;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 10px}
.wolk-reel__pie{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;line-height:1.3}
.wolk-reel__pie b{display:block;font-size:14.5px}
.wolk-reel__pie small{display:block;font-size:12px;opacity:.9;margin-top:2px}
.wolk-reel__fb{position:absolute;top:50%;left:0;right:0;margin-top:40px;text-align:center;font-size:13px;font-weight:700;opacity:.92;z-index:1}
.wolk-reel__cita{margin:0;font-size:14px;line-height:1.45;color:#0A1628;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wolk-reels__f{position:absolute;top:calc(50% - 56px);width:44px;height:44px;border-radius:50%;border:1px solid #E3E8F2;background:#fff;color:#0A1628;font-size:24px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 10px 24px -12px rgba(10,22,40,.45);transition:background-color .15s ease}
.wolk-reels__f:hover{background:#F1F4F9}
.wolk-reels__f:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}
.wolk-reels__f--prev{left:-12px}.wolk-reels__f--next{right:-12px}
.wolk-reels__f[hidden]{display:none!important}
@media (hover:none),(max-width:860px){.wolk-reels__f{display:none!important}}
/* La ventana del video: nunca recortado (el tema usa "cover") y, si el video es vertical, la ventana también. */
.wolk-vdlg .wolk-video video,.wolk-vdlg .wolk-video iframe{object-fit:contain;background:#000}
.wolk-vdlg.is-vertical{width:auto}
.wolk-vdlg.is-vertical .wolk-vdlg__c{width:min(calc(100vw - 32px),calc(86vh * 9 / 16));margin:0 auto}
.wolk-vdlg.is-vertical .wolk-video{aspect-ratio:9/16}
/* 2.9.73 — Testimonio abierto en grande: el borde con quién es y pasar al siguiente como en TikTok. */
.wolk-vdlg--reel .wolk-vdlg__c{display:flex;flex-direction:column;background:#0A1628;overflow:visible}
.wolk-vdlg.wolk-vdlg--reel .wolk-video{border-radius:22px 22px 0 0;overflow:hidden}
/* 2.9.78 — Como TikTok: el marco SIEMPRE es vertical y del mismo tamaño; un video horizontal va centrado adentro con franjas
   negras (Deiby: "no mantiene el tamaño… ajusta el control"). Así pasar de un video a otro nunca cambia la ventana. */
.wolk-vdlg--reel.is-vertical .wolk-vdlg__c{width:min(calc(100vw - 32px),calc((86vh - 118px) * 9 / 16))}
.wolk-vdlg.wolk-vdlg--tt{width:auto}
.wolk-vdlg--tt .wolk-vdlg__c,.wolk-vdlg--tt.is-vertical .wolk-vdlg__c{width:min(calc(100vw - 32px),calc((86vh - 118px) * 9 / 16));margin:0 auto}
.wolk-vdlg.wolk-vdlg--tt .wolk-video{aspect-ratio:9/16;background:#000}
.wolk-vdlg--tt .wolk-video video,.wolk-vdlg--tt .wolk-video iframe{width:100%;height:100%;display:block}
html.wolk-reel-abierto{scrollbar-gutter:stable}
html.wolk-reel-abierto,html.wolk-reel-abierto body{overflow:hidden}
.wolk-reel__info{background:#fff;color:#0A1628;padding:12px 16px 14px;border-radius:0 0 22px 22px;line-height:1.35}
.wolk-reel__info b{display:block;font-size:15.5px}
.wolk-reel__info small{display:block;color:#64708a;font-size:12.5px;margin-top:1px}
.wolk-reel__info p{margin:6px 0 0;font-size:13.5px;color:#334155;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wolk-reel__ichip{display:inline-block;background:#EEF2FF;color:#2f3fb8;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 10px;margin:0 0 6px}
.wolk-reel__nav{position:absolute;top:22%;right:-64px;display:flex;flex-direction:column;gap:10px;z-index:3}
.wolk-reel__nav button{width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0A1628;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);transform:rotate(90deg);transition:background-color .15s ease}
.wolk-reel__nav button:hover{background:#F1F4F9}
.wolk-reel__nav button:focus-visible{outline:3px solid #9DB0FF;outline-offset:2px}
.wolk-reel__nav button[hidden]{display:none!important}
.wolk-vdlg--reel.is-sube[open] .wolk-vdlg__c{animation:wolk-reel-sube .32s cubic-bezier(.2,.8,.2,1)}
.wolk-vdlg--reel.is-baja[open] .wolk-vdlg__c{animation:wolk-reel-baja .32s cubic-bezier(.2,.8,.2,1)}
@keyframes wolk-reel-sube{from{transform:translateY(48px);opacity:.25}to{transform:none;opacity:1}}
@keyframes wolk-reel-baja{from{transform:translateY(-48px);opacity:.25}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.wolk-vdlg--reel .wolk-vdlg__c{animation:none!important}}
/* 2.9.76 — Como TikTok: vistas en la tarjeta; abierto, me gusta y compartir a la derecha del video. */
.wolk-reel__vis{position:absolute;right:10px;bottom:12px;z-index:1;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.wolk-reel__vis[hidden]{display:none!important}
.wolk-reel__pie{right:58px}
.wolk-reel__ivis{display:block;color:#64708a;font-size:12px;margin-top:2px}
.wolk-reel__rail{position:absolute;right:-64px;bottom:20px;width:46px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px}
.wolk-reel__rail button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;padding:0;color:#fff;font:700 12px/1.1 inherit;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.wolk-reel__rail svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.wolk-reel__like svg path{fill:#fff;transition:fill .15s ease}
.wolk-reel__like[aria-pressed="true"] svg path{fill:#E5484D}
.wolk-reel__like.is-pop svg{animation:wolk-like-pop .45s cubic-bezier(.2,.8,.2,1)}
@keyframes wolk-like-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.wolk-reel__mas{position:absolute;left:50%;top:-6px;transform:translateX(-50%);color:#fff;font-weight:800;font-size:15px;pointer-events:none;animation:wolk-like-mas .8s ease-out forwards}
@keyframes wolk-like-mas{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-34px)}}
.wolk-reel__like{position:relative}
.wolk-reel__rail button:focus-visible{outline:3px solid #9DB0FF;outline-offset:3px;border-radius:8px}
.wolk-reel__comp{position:absolute;right:10px;bottom:130px;z-index:4;background:#fff;border-radius:14px;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);padding:8px;min-width:190px}
.wolk-reel__comp[hidden]{display:none!important}
.wolk-reel__comp a,.wolk-reel__comp button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:10px;border:0;background:none;color:#0A1628;font:600 14px/1.2 inherit;text-decoration:none;cursor:pointer}
.wolk-reel__comp a:hover,.wolk-reel__comp button:hover{background:#F1F4F9}
@media (prefers-reduced-motion:reduce){.wolk-reel__like.is-pop svg,.wolk-reel__mas{animation:none!important}}
.wolk-reel__son{display:none}
.wolk-reel__prog{display:none}
/* 2.9.78 — En el celular, como TikTok: pantalla completa en negro (la página de atrás no se ve ni se mueve), el video a lo
   alto sin recortar, sin flechas (se desliza con el dedo), corazón y compartir a la derecha y quién es abajo sobre una
   sombra, sin chocar entre sí. Tocar el video lo pausa (sitio.js quita los controles del navegador aquí). */
@media (max-width:700px){
  .wolk-vdlg.wolk-vdlg--tt{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;inset:0}
  .wolk-vdlg--tt::backdrop{background:#000;backdrop-filter:none}
  .wolk-vdlg.wolk-vdlg--tt{overscroll-behavior:contain;touch-action:none}
  .wolk-vdlg--tt .wolk-vdlg__c,.wolk-vdlg--tt.is-vertical .wolk-vdlg__c{width:100%;height:100%;border-radius:0;background:#000;box-shadow:none;display:block}
  .wolk-vdlg.wolk-vdlg--tt .wolk-video{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
  .wolk-vdlg--tt .wolk-video video{object-fit:contain}
  .wolk-vdlg--tt:not(.is-vertical) .wolk-video--yt{inset:auto 0;top:50%;transform:translateY(-50%);aspect-ratio:16/9}
  .wolk-vdlg--tt .wolk-vdlg__x{top:calc(env(safe-area-inset-top) + 12px);right:12px;z-index:5;background:rgba(0,0,0,.35)}
  .wolk-vdlg--tt .wolk-reel__info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:64px 80px calc(env(safe-area-inset-bottom) + 22px) 16px;border-radius:0;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72) 55%);pointer-events:none}
  .wolk-vdlg--tt .wolk-reel__info small,.wolk-vdlg--tt .wolk-reel__ivis{color:rgba(255,255,255,.82)}
  .wolk-vdlg--tt .wolk-reel__info p{color:#fff}
  .wolk-vdlg--tt .wolk-reel__ichip{background:rgba(255,255,255,.18);color:#fff}
  .wolk-vdlg--tt .wolk-reel__rail{right:10px;bottom:calc(env(safe-area-inset-bottom) + 30px);z-index:4}
  .wolk-vdlg--tt .wolk-reel__nav{display:none}
  .wolk-vdlg--tt .wolk-reel__comp{right:66px;bottom:calc(env(safe-area-inset-bottom) + 30px);z-index:6}
  .wolk-vdlg--tt .wolk-reel__prog{display:block;position:absolute;left:0;right:0;bottom:0;height:2px;z-index:4;background:rgba(255,255,255,.22);pointer-events:none}
  .wolk-vdlg--tt .wolk-reel__prog i{display:block;height:100%;width:0;background:#fff}
  .wolk-vdlg--tt .wolk-reel__son{position:absolute;top:calc(env(safe-area-inset-top) + 16px);left:14px;z-index:5;border:0;border-radius:999px;padding:7px 12px;background:rgba(0,0,0,.45);color:#fff;font:600 12.5px/1 inherit;cursor:pointer}
  .wolk-vdlg--tt .wolk-reel__son:not([hidden]){display:block}
  .wolk-vdlg--tt .wolk-reel__pausa{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(0,0,0,.4);z-index:2;pointer-events:none}
  .wolk-vdlg--tt .wolk-reel__pausa::after{content:"";position:absolute;left:50%;top:50%;margin:-13px 0 0 -8px;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #fff}
  .wolk-vdlg--tt .wolk-reel__pausa[hidden]{display:none}
  .wolk-vdlg--tt.is-sube[open] .wolk-vdlg__c{animation:wolk-reel-sube-m .3s cubic-bezier(.2,.8,.2,1)}
  .wolk-vdlg--tt.is-baja[open] .wolk-vdlg__c{animation:wolk-reel-baja-m .3s cubic-bezier(.2,.8,.2,1)}
}
@keyframes wolk-reel-sube-m{from{transform:translateY(100%)}to{transform:none}}
@keyframes wolk-reel-baja-m{from{transform:translateY(-100%)}to{transform:none}}