/* =====================================================================
   UKABI · Identidad Digital (/identidad-digital/)
   Complementa ukabi-light.css. Clases de los elementos de Avada: ukl-id-*;
   piezas que inserta ukabi-light-id.js: uki-*.
   ===================================================================== */
.uki-ex{ position:absolute; top:-12px; right:16px; z-index:5; font:700 9.5px/1 var(--ukl-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--ukl-muted); background:#fff; border:1px solid var(--ukl-line); border-radius:999px; padding:5px 9px; }
.uki-cur{ display:inline-block; width:2px; height:1.05em; margin-left:2px; vertical-align:-2px; background:var(--ukl-ink); animation:ukiBlink 1s steps(2) infinite; }
@keyframes ukiBlink{ 50%{ opacity:0; } }

/* ---------- HERO ---------- */
.ukabi-light-page .ukl-id-hero{ position:relative; overflow:hidden; padding-top:60px !important; padding-bottom:70px !important; background:#fff !important; }
.uki-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.uki-bg i{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.55; transition:transform 1.2s cubic-bezier(.2,.8,.2,1); }
.uki-bg .b1{ width:520px; height:520px; left:-140px; top:60px; background:#FFC4CC; }
.uki-bg .b2{ width:560px; height:560px; right:-120px; top:-160px; background:#D9D5FA; }
.uki-bg .b3{ width:420px; height:420px; left:40%; bottom:-260px; background:#E6C9F4; }
.uki-bg::after{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(15,32,108,.08) 1px,transparent 1px); background-size:22px 22px; -webkit-mask:linear-gradient(180deg,#000,transparent 90%); mask:linear-gradient(180deg,#000,transparent 90%); }
.ukabi-light-page .ukl-id-hero > .fusion-row{ position:relative; z-index:1; align-items:center !important; }
.ukabi-light-page .ukl-id-copy .fusion-column-wrapper{ row-gap:22px; column-gap:12px; padding-right:28px; }
.ukabi-light-page .ukl-id-copy .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-id-copy .fusion-button{ flex:0 0 auto !important; }
.ukabi-light-page .ukl-id-h1 h1.fusion-title-heading{ display:grid; gap:14px; margin:0 !important; font-size:inherit !important; line-height:1 !important; letter-spacing:0 !important; }
.ukabi-light-page .ukl-id-h1n{ display:block; font-size:clamp(52px,6.6vw,98px); font-weight:800; letter-spacing:-.055em; line-height:.95; padding:0 .08em .06em 0; background:linear-gradient(100deg,var(--ukl-coral) 5%,#B04BD8 50%,var(--ukl-ink) 95%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ukabi-light-page .ukl-id-h1n.uki-split{ background:none; color:inherit; }
.uki-wd{ display:inline-block; white-space:nowrap; }
/* cada letra con su tramo del degradado; la caja se amplía para que el color cubra ascendentes, descendentes y curvas */
.uki-ch{ display:inline-block; padding:.16em .12em .26em; margin:-.16em -.12em -.26em; color:transparent; -webkit-background-clip:text; background-clip:text; background-repeat:no-repeat; opacity:0; transform:translateY(.4em) rotate(8deg); filter:blur(6px); animation:ukiChIn .7s cubic-bezier(.2,.9,.2,1) forwards; }
@keyframes ukiChIn{ to{ opacity:1; transform:none; filter:none; } }
.ukabi-light-page .ukl-id-h1s{ display:block; max-width:560px; font-size:clamp(20px,2vw,27px); font-weight:700; letter-spacing:-.03em; line-height:1.22; color:var(--ukl-ink); }
.ukabi-light-page .ukl-id-copy .ukl-lead p{ max-width:560px; font-size:17.5px !important; }
.ukabi-light-page .ukl-id-note p{ margin:0 !important; font:700 11px/1.4 var(--ukl-mono) !important; letter-spacing:.06em; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-id-note strong{ color:var(--ukl-ink); }
/* estudio en directo */
.ukabi-light-page .ukl-mock--idstudio .fusion-column-wrapper{ justify-content:center; }
.uki-st{ position:relative; flex:0 0 100% !important; border-radius:26px; background:rgba(255,255,255,.75); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); padding:16px; text-align:left; }
.uki-tabs{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:14px; border-radius:12px; background:var(--ukl-bg); padding:4px; }
.uki-tabs span{ position:relative; z-index:1; text-align:center; padding:9px 0; font:700 12px/1 var(--ukl-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ukl-muted); transition:color .3s; }
.uki-tabs span.on{ color:#fff; }
.uki-tabs i{ position:absolute; top:4px; bottom:4px; left:4px; width:calc((100% - 8px)/3); border-radius:9px; background:var(--ukl-ink); transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.uki-stage{ position:relative; height:400px; }
.uki-act{ position:absolute; inset:0; display:grid; align-content:start; gap:12px; opacity:0; transform:translateY(14px) scale(.98); transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.uki-act.on{ opacity:1; transform:none; }
.uki-cap{ margin:0; font-size:13px; color:var(--ukl-muted); } .uki-cap b{ color:var(--ukl-ink); }
.uki-br{ border-radius:14px; overflow:hidden; border:1px solid var(--ukl-line); background:#fff; box-shadow:var(--ukl-shadow); }
.uki-br .top{ display:flex; align-items:center; gap:6px; padding:10px 12px; background:var(--ukl-bg); border-bottom:1px solid var(--ukl-line); }
.uki-br .top i{ width:8px; height:8px; border-radius:50%; background:#D5D9EC; }
.uki-br .top span{ margin-left:10px; flex:1; padding:5px 10px; border-radius:7px; background:#fff; font:700 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.uki-br .bd{ display:grid; gap:12px; padding:14px; height:310px; }
.uki-wf{ transition:all .6s; }
.uki-wf.nav{ display:flex; align-items:center; gap:10px; }
.uki-wf.nav .lg{ width:70px; height:14px; border-radius:5px; background:#E3E6F3; transition:background .6s,width .6s; }
.uki-wf.nav i{ width:38px; height:8px; border-radius:4px; background:#ECEEF6; }
.uki-wf.nav u{ margin-left:auto; width:70px; height:24px; border-radius:7px; background:#ECEEF6; transition:background .6s; }
.uki-wf.hero{ display:grid; grid-template-columns:1.1fr .9fr; gap:14px; align-items:center; padding:14px; border-radius:12px; background:#F6F7FB; transition:background .8s; }
.uki-wf.hero .tx{ display:grid; gap:8px; }
.uki-wf.hero b{ display:block; height:12px; border-radius:5px; background:#E3E6F3; transition:all .6s; }
.uki-wf.hero .t1{ width:90%; height:18px; } .uki-wf.hero .t2{ width:70%; height:18px; } .uki-wf.hero .t3{ width:80%; }
.uki-wf.hero u{ display:block; width:90px; height:26px; border-radius:8px; background:#E3E6F3; margin-top:6px; transition:background .6s; }
.uki-wf.hero .im{ height:120px; border-radius:10px; background:repeating-linear-gradient(45deg,#E9EBF5 0 10px,#F3F4FA 10px 20px); transition:background .8s; }
.uki-wf.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.uki-wf.cards i{ height:70px; border-radius:10px; border:1.5px dashed #D5D9EC; transition:all .6s; }
.uki-br.built .uki-wf.nav .lg{ width:84px; background:linear-gradient(90deg,var(--ukl-ink),#3B4BC8); }
.uki-br.built .uki-wf.nav u{ background:var(--ukl-coral); }
.uki-br.built .uki-wf.hero{ background:linear-gradient(135deg,#FFF1F3,#F1EEFF); }
.uki-br.built .uki-wf.hero .t1,.uki-br.built .uki-wf.hero .t2{ background:var(--ukl-ink); }
.uki-br.built .uki-wf.hero .t3{ background:#B9BFDA; }
.uki-br.built .uki-wf.hero u{ background:var(--ukl-coral); }
.uki-br.built .uki-wf.hero .im{ background:radial-gradient(circle at 30% 30%,#FD8A97,#B04BD8 60%,#26379E); }
.uki-br.built .uki-wf.cards i{ border:1px solid var(--ukl-line); background:#fff; box-shadow:var(--ukl-shadow); }
.uki-br.built .uki-wf.cards i:nth-child(2){ transition-delay:.15s; } .uki-br.built .uki-wf.cards i:nth-child(3){ transition-delay:.3s; }
.uki-serp{ border-radius:14px; border:1px solid var(--ukl-line); background:#fff; padding:14px; box-shadow:var(--ukl-shadow); }
.uki-serp .q{ display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:999px; border:1px solid var(--ukl-line); box-shadow:0 2px 8px rgba(15,32,108,.06); font-size:14px; color:var(--ukl-text); margin-bottom:12px; }
.uki-serp .g{ width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font:800 12px/1 var(--ukl-display); color:#fff; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); }
.uki-res{ list-style:none; margin:0 !important; padding:0 !important; position:relative; height:282px; }
.uki-res li{ position:absolute; left:0; right:0; display:grid; gap:2px; margin:0 !important; padding:8px 12px !important; border-radius:10px; transition:top .9s cubic-bezier(.2,.8,.2,1); }
.uki-res li::before{ display:none !important; }
.uki-res li b{ font-size:14px; color:#2B3AA8; font-weight:600; }
.uki-res li span{ font:400 11.5px/1.2 var(--ukl-mono); color:var(--ukl-green); }
.uki-res li.you{ background:#FFF1F3; box-shadow:inset 0 0 0 1.5px #FFB3BC; }
.uki-res li.you b{ color:var(--ukl-coral-d); font-weight:800; }
.uki-res li em{ position:absolute; right:12px; top:50%; translate:0 -50%; font:700 10.5px/1 var(--ukl-mono); font-style:normal; padding:6px 8px; border-radius:999px; background:var(--ukl-coral); color:#fff; }
.uki-post{ width:min(320px,100%); justify-self:center; border-radius:16px; border:1px solid var(--ukl-line); background:#fff; box-shadow:var(--ukl-shadow-lg); overflow:hidden; }
.uki-post .ph{ display:grid; grid-template-columns:32px 1fr; column-gap:10px; align-items:center; padding:10px 12px; }
.uki-post .ph i{ grid-row:span 2; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,var(--ukl-coral),#B04BD8); }
.uki-post .ph b{ font-size:13px; color:var(--ukl-ink); } .uki-post .ph span{ font-size:11px; color:var(--ukl-muted); }
.uki-post .pi{ height:200px; display:grid; place-items:end start; padding:14px; background:radial-gradient(circle at 70% 30%,#FD8A97,#B04BD8 55%,#26379E); }
.uki-post .pi span{ font:800 18px/1.15 var(--ukl-display); color:#fff; max-width:200px; text-shadow:0 2px 12px rgba(0,0,0,.25); }
.uki-post .pa{ display:flex; gap:16px; padding:10px 12px; font-size:13px; color:var(--ukl-muted); }
.uki-post .pa b{ color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.uki-post .lk.pop{ display:inline-block; animation:ukiPop .4s; }
@keyframes ukiPop{ 50%{ transform:scale(1.25); } }
.uki-notif{ position:absolute; right:-8px; top:40px; display:grid; gap:8px; width:210px; }
.uki-notif div{ display:flex; gap:8px; align-items:center; padding:8px 10px; border-radius:12px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow); font-size:12px; color:var(--ukl-text); animation:ukiNIn .5s cubic-bezier(.2,.9,.2,1); }
.uki-notif div i{ flex:none; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-style:normal; font-size:11px; color:#fff; background:var(--ukl-coral); }
@keyframes ukiNIn{ from{ opacity:0; transform:translateX(20px); } }
@media (max-width:1024px){ .ukabi-light-page .ukl-id-copy .fusion-column-wrapper{ padding-right:0; } .ukabi-light-page .ukl-mock--idstudio{ margin-top:40px !important; } .uki-notif{ right:0; } }
@media (max-width:560px){ .uki-stage{ height:430px; } .uki-br .bd{ height:300px; } .uki-notif{ display:none; } }

/* ---------- CINTA ---------- */
.ukabi-light-page .ukl-id-tape{ overflow:hidden; padding-top:20px !important; padding-bottom:20px !important; background:var(--ukl-ink) !important; }
.ukabi-light-page .ukl-id-tapetx.uki-js{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.uki-tape{ display:flex; gap:40px; width:max-content; will-change:transform; flex:0 0 auto !important; }
.uki-tape span{ display:flex; align-items:center; gap:40px; white-space:nowrap; font:700 13px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.85); }
.uki-tape span::after{ content:"✦"; color:var(--ukl-coral); }

/* ---------- QUÉ HACEMOS (pilares) ---------- */
.ukabi-light-page .ukl-id-pil{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px !important; }
.ukabi-light-page .ukl-id-pil > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-id-pil .content-box-column{ position:relative; overflow:hidden; padding:28px !important; border-radius:24px; background:#fff !important; border:1px solid var(--ukl-line); transition:border-color .3s,transform .3s,box-shadow .3s; }
.ukabi-light-page .ukl-id-pil .content-box-column::before{ content:""; position:absolute; right:-40%; bottom:-60%; width:240px; height:240px; border-radius:50%; background:radial-gradient(closest-side,rgba(253,73,92,.18),transparent); transition:transform .6s; pointer-events:none; }
.ukabi-light-page .ukl-id-pil .content-box-column:hover{ border-color:var(--ukl-coral); transform:translateY(-4px); box-shadow:var(--ukl-shadow-lg); }
.ukabi-light-page .ukl-id-pil .content-box-column:hover::before{ transform:scale(1.6); }
.ukabi-light-page .ukl-id-pil .content-box-wrapper,.ukabi-light-page .ukl-id-pil .content-container{ position:static !important; }
.uki-ico{ display:block; width:48px; height:48px; margin-bottom:12px; fill:none; stroke:var(--ukl-coral-d); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.uki-ico *{ stroke-dasharray:160; stroke-dashoffset:160; transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1); }
.uki-in .uki-ico *{ stroke-dashoffset:0; }
.ukabi-light-page .ukl-id-k{ margin:0 0 8px !important; font:700 11px/1 var(--ukl-mono) !important; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-sec .ukl-id-pil .content-box-heading{ font-size:21px !important; font-weight:800 !important; letter-spacing:-.02em !important; margin-bottom:8px !important; }
.ukabi-light-page .ukl-sec .ukl-id-pil .content-container p{ margin:0 !important; font-size:15px !important; line-height:1.55 !important; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-id-go{ margin-top:12px !important; }
.ukabi-light-page .ukl-id-go a{ font-weight:700; font-size:14px; color:var(--ukl-ink) !important; text-decoration:none; }
.ukabi-light-page .ukl-id-go a::after{ content:" →"; color:var(--ukl-coral); }
.ukabi-light-page .ukl-id-pil .ukl-id-go a::before{ content:""; position:absolute; inset:0; z-index:3; border-radius:inherit; }
@media (max-width:860px){ .ukabi-light-page .ukl-id-pil{ grid-template-columns:minmax(0,1fr); } }

/* ---------- SECCIONES DE DETALLE ---------- */
.ukabi-light-page .ukl-id-sp{ padding-top:50px !important; padding-bottom:50px !important; }
.ukabi-light-page .ukl-id-sp > .fusion-row{ align-items:center !important; }
.ukabi-light-page .ukl-id-spcopy .fusion-column-wrapper{ row-gap:18px; padding-right:30px; }
.ukabi-light-page .ukl-id-rev .ukl-id-spcopy .fusion-column-wrapper{ padding-right:0; padding-left:30px; }
.ukabi-light-page .ukl-id-spcopy .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-sec .ukl-id-spt h2.fusion-title-heading{ text-align:left !important; font-size:clamp(28px,3.4vw,44px) !important; font-weight:800 !important; letter-spacing:-.035em !important; line-height:1.08 !important; }
.ukabi-light-page .ukl-id-spx p{ margin:0 !important; font-size:16.5px !important; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-id-tk ul{ list-style:none; margin:0 !important; padding:0 !important; display:grid; gap:10px; }
.ukabi-light-page .ukl-id-tk li{ position:relative; margin:0 !important; padding-left:28px !important; font-size:15px; line-height:1.5; color:var(--ukl-text); }
.ukabi-light-page .ukl-id-tk li::before{ content:"✓"; position:absolute; left:0; top:1px; width:19px; height:19px; border-radius:50%; display:grid; place-items:center; font-size:10.5px; font-weight:800; color:var(--ukl-green); background:var(--ukl-green-soft); }
.ukabi-light-page .ukl-id-tk strong{ color:var(--ukl-ink); }
.ukabi-light-page .ukl-id-chips p{ display:flex; flex-wrap:wrap; gap:8px; margin:0 !important; }
.ukabi-light-page .ukl-id-chips span{ padding:8px 12px; border-radius:999px; background:var(--ukl-bg); border:1px solid var(--ukl-line); font:700 12px/1 var(--ukl-mono); color:var(--ukl-ink); }
.ukabi-light-page .ukl-id-inc p{ margin:0 !important; font-size:14px !important; padding:12px 14px; border-radius:12px; border:1px dashed var(--ukl-line); background:#fff; color:var(--ukl-muted) !important; }
.ukabi-light-page .ukl-mock--idcmp .fusion-column-wrapper,.ukabi-light-page .ukl-mock--idrk .fusion-column-wrapper,.ukabi-light-page .ukl-mock--idcal .fusion-column-wrapper{ justify-content:center; }
@media (max-width:1024px){
  .ukabi-light-page .ukl-id-spcopy .fusion-column-wrapper,.ukabi-light-page .ukl-id-rev .ukl-id-spcopy .fusion-column-wrapper{ padding:0; }
  .ukabi-light-page .ukl-id-rev .ukl-mock--idrk{ order:2; }
  .ukabi-light-page .ukl-mock--idcmp,.ukabi-light-page .ukl-mock--idrk,.ukabi-light-page .ukl-mock--idcal{ margin-top:34px !important; }
}
/* comparador boceto / web final (web de ejemplo de otro sector: escuela de surf) */
.uki-cmpw{ position:relative; flex:0 0 100% !important; }
.uki-cmp{ position:relative; height:440px; border-radius:22px; overflow:hidden; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); user-select:none; touch-action:pan-y; --x:50%; text-align:left; background:#fff; }
.uki-cmp .ly{ position:absolute; inset:0; display:grid; grid-template-rows:auto 1fr auto; gap:12px; padding:14px; }
.uki-cmp .wire{ z-index:2; clip-path:inset(0 0 0 var(--x)); background:#F4F5FA; }
.uki-cmp .final{ z-index:1; background:#FFF8F5; }
.uki-cmp .nv{ display:flex; align-items:center; gap:16px; padding:2px 4px; }
.uki-cmp .final .lg{ display:flex; align-items:center; gap:6px; font:800 19px/1 var(--ukl-display); letter-spacing:-.04em; color:var(--ukl-ink); }
.uki-cmp .lw{ width:24px; height:14px; fill:none; stroke:var(--ukl-coral); stroke-width:2.4; stroke-linecap:round; }
.uki-cmp .final .lk{ font-size:12.5px; font-weight:600; color:#4A5384; }
.uki-cmp .final .lk:first-of-type{ margin-left:auto; }
.uki-cmp .final .nv u{ padding:9px 14px; border-radius:999px; background:var(--ukl-ink); color:#fff; font-size:12px; font-weight:700; text-decoration:none; }
.uki-cmp .hr{ position:relative; overflow:hidden; border-radius:16px; min-height:0; }
.uki-cmp .final .hr{ display:flex; align-items:center; }
.uki-cmp .sc{ position:absolute; inset:0; width:100%; height:100%; }
.uki-cmp .final .hr::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(15,32,108,.62),rgba(15,32,108,.2) 55%,transparent 75%); }
.uki-cmp .sc .bd{ fill:none; stroke:rgba(255,255,255,.7); stroke-width:1.6; stroke-linecap:round; }
.uki-cmp .sc .w1 path{ fill:#7E4BC8; opacity:.85; } .uki-cmp .sc .w2 path{ fill:#3B2F8F; } .uki-cmp .sc .w3 path{ fill:#0F206C; }
.uki-cmp .sc .sf{ fill:#FFF1EA; } .uki-cmp .sc .sfm{ fill:#0F206C; }
.uki-cmp .sc .wv{ animation:ukiWave 9s linear infinite; } .uki-cmp .sc .w2{ animation-duration:12s; } .uki-cmp .sc .w3{ animation-duration:7s; }
@keyframes ukiWave{ to{ transform:translateX(-100px); } }
.uki-cmp .final .tx{ position:relative; z-index:1; max-width:62%; padding:20px 22px; color:#fff; }
.uki-cmp .final small{ font:700 10px/1 var(--ukl-mono); letter-spacing:.14em; text-transform:uppercase; color:#FFD9CF; }
.uki-cmp .final h3{ margin:10px 0 8px !important; font-size:25px !important; font-weight:800 !important; letter-spacing:-.035em !important; line-height:1.05 !important; color:#fff !important; }
.uki-cmp .final .tx p{ margin:0 !important; font-size:13px !important; line-height:1.45 !important; color:rgba(255,255,255,.85) !important; }
.uki-cmp .ac{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:14px; }
.uki-cmp .final .ac u{ padding:10px 16px; border-radius:999px; background:var(--ukl-coral); color:#fff; font-size:12.5px; font-weight:700; text-decoration:none; box-shadow:0 10px 20px -8px rgba(253,73,92,.7); }
.uki-cmp .final .ac em{ font-style:normal; font-size:11.5px; font-weight:600; color:#fff; padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.3); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.uki-cmp .cd{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.uki-cmp .cd i{ display:grid; grid-template-columns:38px 1fr; column-gap:10px; row-gap:5px; align-content:center; align-items:center; padding:9px; border-radius:14px; font-style:normal; min-height:58px; }
.uki-cmp .final .cd i{ background:#fff; border:1px solid #F1E4E4; box-shadow:0 10px 24px -16px rgba(15,32,108,.35); }
.uki-cmp .cd .th{ grid-row:span 2; width:38px; height:38px; border-radius:10px; }
.uki-cmp .final .th.t1{ background:linear-gradient(160deg,#FD8A97,#B04BD8); } .uki-cmp .final .th.t2{ background:linear-gradient(160deg,#B04BD8,#26379E); } .uki-cmp .final .th.t3{ background:linear-gradient(160deg,#FFC9BC,#FD495C); }
.uki-cmp .final .cd b{ font-size:12px; line-height:1.2; color:var(--ukl-ink); }
.uki-cmp .final .cd small{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:0; text-transform:none; color:var(--ukl-coral-d); }
/* boceto */
.uki-cmp .wire .nv b{ width:84px; height:16px; border-radius:5px; background:#DDE0EE; }
.uki-cmp .wire .nv i{ width:42px; height:8px; border-radius:4px; background:#E4E7F3; }
.uki-cmp .wire .nv i:first-of-type{ margin-left:auto; }
.uki-cmp .wire .nv u{ width:78px; height:30px; border-radius:999px; background:#DDE0EE; }
.uki-cmp .wire .hr{ display:grid; grid-template-columns:1.2fr .8fr; gap:14px; align-items:center; padding:18px; background:#E9EBF4; border:1.5px dashed #C8CDE3; }
.uki-cmp .wire .tx small,.uki-cmp .wire .tx h3,.uki-cmp .wire .tx p{ display:block; margin:0 0 10px !important; border-radius:5px; background:#D7DBEB; }
.uki-cmp .wire .tx small{ width:45%; height:8px; } .uki-cmp .wire .tx h3{ width:92%; height:20px; } .uki-cmp .wire .tx .h2{ width:70%; } .uki-cmp .wire .tx p{ width:80%; height:10px; }
.uki-cmp .wire .ac u{ width:110px; height:32px; border-radius:999px; background:#D7DBEB; } .uki-cmp .wire .ac em{ width:90px; height:26px; border-radius:999px; border:1.5px dashed #C8CDE3; }
.uki-cmp .wire .ph{ height:100%; min-height:110px; border-radius:12px; display:grid; place-items:center; font:700 10px/1 var(--ukl-mono); letter-spacing:.14em; color:#A3A9C6; background:repeating-linear-gradient(45deg,#E1E4F0 0 10px,#ECEEF6 10px 20px); border:1.5px dashed #C8CDE3; }
.uki-cmp .wire .cd i{ border:1.5px dashed #C8CDE3; }
.uki-cmp .wire .th{ background:#E1E4F0; } .uki-cmp .wire .cd b{ display:block; height:9px; width:85%; border-radius:4px; background:#D7DBEB; } .uki-cmp .wire .cd small{ display:block; height:7px; width:45%; border-radius:4px; background:#E1E4F0; }
/* tirador y etiquetas */
.uki-cmp .hd{ position:absolute; top:0; bottom:0; left:var(--x); z-index:3; width:0; cursor:ew-resize; }
.uki-cmp .hd::before{ content:""; position:absolute; top:0; bottom:0; left:-1px; width:2px; background:#fff; box-shadow:0 0 0 1px rgba(15,32,108,.25); }
.uki-cmp .hd span{ position:absolute; top:50%; left:0; translate:-50% -50%; width:46px; height:46px; border-radius:50%; display:grid; place-items:center; background:#fff; border:2px solid var(--ukl-ink); box-shadow:var(--ukl-shadow-lg); font-weight:800; color:var(--ukl-ink); }
.uki-cmpl{ display:flex; justify-content:space-between; margin-top:12px; padding:0 6px; font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); }
.uki-cmpl span:first-child{ color:var(--ukl-ink); }
@media (max-width:560px){
  .uki-cmp{ height:400px; }
  .uki-cmp .final .lk{ display:none; } .uki-cmp .final .nv u{ margin-left:auto; }
  .uki-cmp .wire .nv i{ display:none; } .uki-cmp .wire .nv u{ margin-left:auto; }
  .uki-cmp .final .tx{ max-width:100%; padding:16px; } .uki-cmp .final h3{ font-size:21px !important; }
  .uki-cmp .final .hr::after{ background:linear-gradient(180deg,rgba(15,32,108,.1),rgba(15,32,108,.7)); }
  .uki-cmp .final .hr{ align-items:flex-end; }
  .uki-cmp .wire .hr{ grid-template-columns:1fr; } .uki-cmp .wire .ph{ display:none; }
  .uki-cmp .cd{ grid-template-columns:1fr 1fr; } .uki-cmp .cd i:nth-child(3){ display:none; }
}
@media (prefers-reduced-motion:reduce){ .uki-cmp .sc .wv{ animation:none; } }
/* SEO */
.uki-rk{ position:relative; flex:0 0 100% !important; padding:22px; border-radius:24px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); text-align:left; }
.uki-rk .tp{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.uki-rk .tp small{ font:700 10.5px/1 var(--ukl-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ukl-muted); flex-basis:100%; }
.uki-rk .tp b{ font-size:40px; font-weight:800; letter-spacing:-.04em; color:var(--ukl-ink); font-variant-numeric:tabular-nums; }
.uki-rk .tp em{ font-style:normal; font-size:13px; color:var(--ukl-muted); }
.uki-rk svg{ display:block; width:100%; height:180px; margin:10px 0 14px; }
.uki-rk .gl path{ stroke:var(--ukl-line); stroke-width:1; fill:none; }
.uki-rk .ar{ fill:url(#ukiRka); opacity:0; transition:opacity 1s .9s; }
.uki-rk .ln{ fill:none; stroke:url(#ukiRkg); stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:700; stroke-dashoffset:700; transition:stroke-dashoffset 1.8s cubic-bezier(.2,.8,.2,1); }
.uki-rk.uki-in .ln{ stroke-dashoffset:0; } .uki-rk.uki-in .ar{ opacity:1; }
.uki-rk table{ width:100%; margin:0; border-collapse:collapse; font-size:13.5px; }
.uki-rk th{ text-align:left; font:700 10px/1 var(--ukl-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ukl-muted); padding:8px 6px; border:0; border-bottom:1px solid var(--ukl-line); background:none; }
.uki-rk td{ padding:9px 6px; border:0; border-bottom:1px solid var(--ukl-line); color:var(--ukl-text); }
.uki-rk td:nth-child(2){ color:var(--ukl-muted); }
.uki-rk td b{ display:inline-block; min-width:34px; text-align:center; padding:4px 8px; border-radius:999px; background:var(--ukl-bg); color:var(--ukl-ink); font-variant-numeric:tabular-nums; transition:background .4s,color .4s; }
.uki-rk td b.up{ background:var(--ukl-green-soft); color:var(--ukl-green); }
/* calendario editorial */
.uki-cal{ position:relative; flex:0 0 100% !important; padding:22px; border-radius:24px; background:#fff; border:1px solid var(--ukl-line); box-shadow:var(--ukl-shadow-lg); text-align:left; }
.uki-cal .h{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px; }
.uki-cal .h b{ font-size:18px; color:var(--ukl-ink); } .uki-cal .h span{ font:700 11px/1 var(--ukl-mono); text-transform:uppercase; letter-spacing:.1em; color:var(--ukl-muted); }
.uki-cal .d,.uki-cal .g{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.uki-cal .d span{ text-align:center; font:700 10px/1 var(--ukl-mono); color:var(--ukl-muted); padding-bottom:6px; }
.uki-cal .g div{ position:relative; aspect-ratio:1; max-height:62px; border-radius:9px; background:var(--ukl-bg); font:700 10px/1 var(--ukl-mono); color:#A3A9C6; padding:5px; }
.uki-cal .g div.o{ background:transparent; }
.uki-cal .g div i{ position:absolute; left:5px; right:5px; bottom:5px; height:16px; border-radius:5px; opacity:0; transform:translateY(6px) scale(.9); transition:opacity .4s,transform .4s cubic-bezier(.2,1.4,.4,1); }
.uki-cal .g div i.on{ opacity:1; transform:none; }
.uki-cal i.li{ background:#26379E; } .uki-cal i.ig{ background:linear-gradient(90deg,var(--ukl-coral),#B04BD8); } .uki-cal i.fb{ background:#6E7BFF; }
.uki-cal .lg{ display:flex; gap:16px; margin-top:14px; font:700 11px/1 var(--ukl-mono); color:var(--ukl-muted); }
.uki-cal .lg span::before{ content:""; display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:6px; vertical-align:-1px; }
.uki-cal .lg .li::before{ background:#26379E; } .uki-cal .lg .ig::before{ background:linear-gradient(90deg,var(--ukl-coral),#B04BD8); } .uki-cal .lg .fb::before{ background:#6E7BFF; }

/* ---------- LA BASE: dominio, hosting y correo ---------- */
.ukabi-light-page .ukl-id-base{ padding-top:40px !important; padding-bottom:20px !important; }
.ukabi-light-page .ukl-id-base > .fusion-row{ position:relative; overflow:hidden; align-items:center !important; padding:clamp(28px,4vw,54px) !important; border-radius:32px; background:radial-gradient(600px 300px at 100% 0%,rgba(253,73,92,.28),transparent 70%),linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F); }
.ukabi-light-page .ukl-id-bcopy .fusion-column-wrapper{ row-gap:16px; padding-right:24px; }
.ukabi-light-page .ukl-id-bcopy .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-id-bcopy .ukl-pill p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukabi-light-page .ukl-sec .ukl-id-bt h2.fusion-title-heading{ text-align:left !important; color:#fff !important; font-size:clamp(28px,3.4vw,44px) !important; font-weight:800 !important; letter-spacing:-.035em !important; line-height:1.08 !important; }
.ukabi-light-page .ukl-id-bx p{ margin:0 !important; font-size:16.5px !important; color:rgba(255,255,255,.82) !important; }
.uki-dm{ flex:0 0 100% !important; display:grid; gap:14px; text-align:left; }
.uki-dm .q{ display:flex; align-items:center; gap:6px; padding:16px 18px; border-radius:16px; background:#fff; color:var(--ukl-ink); font:700 18px/1 var(--ukl-mono); box-shadow:0 30px 60px -30px rgba(0,0,0,.6); }
.uki-dm .q b{ margin-left:auto; font:700 11px/1 var(--ukl-mono); padding:7px 10px; border-radius:999px; background:var(--ukl-green-soft); color:var(--ukl-green); opacity:0; transform:scale(.8); transition:all .4s cubic-bezier(.2,1.4,.4,1); }
.uki-dm .q b.on{ opacity:1; transform:none; }
.uki-dm ul{ list-style:none; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.uki-dm li{ display:flex; gap:10px; align-items:center; margin:0 !important; padding:12px 14px !important; border-radius:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); font-size:14px; color:#fff; opacity:.35; transition:opacity .5s,background .5s; }
.uki-dm li::before{ content:""; position:static !important; width:18px; height:18px; flex:none; border-radius:50%; border:2px solid rgba(255,255,255,.4); background:none; transition:all .4s; }
.uki-dm li.on{ opacity:1; background:rgba(255,255,255,.12); }
.uki-dm li.on::before{ content:"✓"; border-color:#5BE0A0; background:#5BE0A0; color:var(--ukl-ink); font-size:11px; font-weight:800; display:grid; place-items:center; }
@media (max-width:1024px){ .ukabi-light-page .ukl-id-bcopy .fusion-column-wrapper{ padding-right:0; } .ukabi-light-page .ukl-mock--iddm{ margin-top:28px !important; } .uki-dm ul{ grid-template-columns:1fr; } }

/* ---------- CÓMO TRABAJAMOS ---------- */
.ukabi-light-page .ukl-id-steps{ position:relative; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px !important; }
.ukabi-light-page .ukl-id-steps > .fusion-clearfix{ display:none !important; }
.ukabi-light-page .ukl-id-steps::before{ content:""; position:absolute; left:24px; right:24px; top:24px; height:2px; background:var(--ukl-line); display:block !important; }
.ukabi-light-page .ukl-id-steps::after{ content:""; position:absolute; left:24px; top:24px; height:2px; width:var(--p,0%); max-width:calc(100% - 48px); background:linear-gradient(90deg,var(--ukl-coral),#B04BD8,var(--ukl-ink)); transition:width .8s cubic-bezier(.2,.8,.2,1); display:block !important; }
.ukabi-light-page .ukl-id-steps .content-box-column{ position:relative; z-index:1; }
.ukabi-light-page .ukl-id-steps .ukl-id-k{ margin:0 0 10px !important; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; font-size:12px !important; color:var(--ukl-muted) !important; background:#fff; border:2px solid var(--ukl-line); transition:all .4s; }
.ukabi-light-page .ukl-id-steps .content-box-column.uki-on .ukl-id-k{ color:#fff !important; background:var(--ukl-ink); border-color:var(--ukl-ink); box-shadow:0 0 0 6px rgba(15,32,108,.08); }
.ukabi-light-page .ukl-sec .ukl-id-steps .content-box-heading{ font-size:16px !important; font-weight:800 !important; margin-bottom:6px !important; }
.ukabi-light-page .ukl-sec .ukl-id-steps .content-container p{ margin:0 !important; font-size:13.5px !important; line-height:1.5 !important; color:var(--ukl-muted) !important; }
@media (max-width:1024px){ .ukabi-light-page .ukl-id-steps{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:26px !important; } .ukabi-light-page .ukl-id-steps::before,.ukabi-light-page .ukl-id-steps::after{ display:none !important; } }
@media (max-width:560px){ .ukabi-light-page .ukl-id-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ---------- FAQ + FINAL ---------- */
.ukabi-light-page .ukl-id-faq{ padding-top:30px !important; }
.ukabi-light-page .ukl-id-final{ padding-top:20px !important; }
.ukabi-light-page .ukl-id-final > .fusion-row{ position:relative; overflow:hidden; border-radius:32px; padding:90px 32px !important; background:linear-gradient(135deg,#0F206C,#26379E 60%,#3B2F8F); }
.ukabi-light-page .ukl-id-final > .fusion-row::before{ content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:40px 40px; }
.ukabi-light-page .ukl-id-final > .fusion-row::after{ content:""; position:absolute; inset:0; background:radial-gradient(600px 300px at 50% 120%,rgba(253,73,92,.55),transparent 70%); }
.ukabi-light-page .ukl-id-fcol{ position:relative; z-index:1; }
.ukabi-light-page .ukl-id-fcol .fusion-column-wrapper{ justify-content:center; text-align:center; row-gap:18px; column-gap:12px; }
.ukabi-light-page .ukl-id-fcol .ukl-pill{ flex:0 1 auto !important; }
.ukabi-light-page .ukl-id-fcol .ukl-pill p{ color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }
.ukabi-light-page .ukl-sec .ukl-id-ft h2.fusion-title-heading{ max-width:820px; margin-inline:auto !important; text-align:center !important; color:#fff !important; font-size:clamp(30px,4.2vw,52px) !important; font-weight:800 !important; letter-spacing:-.035em !important; line-height:1.08 !important; }
.ukabi-light-page .ukl-id-fcol .ukl-lead p{ max-width:600px; margin-inline:auto !important; text-align:center; color:rgba(255,255,255,.82) !important; }
.ukabi-light-page .ukl-id-fcol .fusion-button{ flex:0 0 auto !important; }
.ukabi-light-page .fusion-button.ukl-id-btn-ghost{ background:transparent !important; border:1px solid rgba(255,255,255,.45) !important; }
.ukabi-light-page .fusion-button.ukl-id-btn-ghost .fusion-button-text{ color:#fff !important; }
.ukabi-light-page .fusion-button.ukl-id-btn-ghost:hover{ border-color:#fff !important; }
@media (max-width:640px){ .ukabi-light-page .ukl-id-final > .fusion-row{ padding:60px 20px !important; } }
@media (prefers-reduced-motion:reduce){ .uki-ch{ animation:none; opacity:1; transform:none; filter:none; } .uki-cur{ animation:none; } }