/* gokiebox.com/pe — CSS compartido por todas las páginas. Se carga después del CSS base de la página (assets/css/<pagina>.css) y antes del CSS propio de la página (gk/pages/<pagina>.css). Editable a mano; NO lo toca css_purge_build.py. */
/* ===== Kit (colores, tipografía y anchos de contenedor) ===== */
.el-kit-7{--x-global-color-primary:#1ABC9C;--x-global-color-secondary:#212121;--x-global-color-text:#000000;--x-global-color-accent:#1ABC9C;--x-global-color-8e35044:#F5F5F5;--x-global-color-4ba16c6:#EFFAF8;--x-global-typography-primary-font-family:"Poppins";--x-global-typography-secondary-font-family:"Poppins";--x-global-typography-text-font-family:"Poppins";--x-global-typography-accent-font-family:"Poppins";--x-global-typography-accent-line-height:0.1em;background-color:#FFFFFF;font-family:"Poppins", Sans-serif;}.el-kit-7 p{margin-block-end:16px;}.el-kit-7 a{font-family:"Poppins", Sans-serif;}.el-kit-7 h1{font-family:"Poppins", Sans-serif;}.el-kit-7 h2{font-family:"Poppins", Sans-serif;}.el-kit-7 h3{font-family:"Poppins", Sans-serif;}.el-kit-7 h4{font-family:"Poppins", Sans-serif;}.el-section.el-section-boxed > .el-container{max-width:1140px;}.x-con{--container-max-width:1140px;}.el-widget:not(:last-child){margin-block-end:20px;}.el-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}@media(max-width:1024px){.el-section.el-section-boxed > .el-container{max-width:1024px;}.x-con{--container-max-width:1024px;}}@media(max-width:767px){.el-section.el-section-boxed > .el-container{max-width:767px;}.x-con{--container-max-width:767px;}}

/* ===== Ajustes globales ===== */
/* Separación entre párrafos en todo el sitio */
p{margin-bottom:20px!important}
.lista-contenido ul,.lista-contenido ol{margin-bottom:1.2em!important}

/* ===== Botones: hover turquesa en todo el sitio ===== */
.el-button:hover,.el-button:focus,.el-button:active,a.el-button:hover,a.el-button:focus,.el-widget-button a:hover,.el-cta__button:hover{background-color:#1abc9c!important;background-image:none!important;border-color:#1abc9c!important;color:#fff!important}
.el-button:hover .x-font-icon-svg,.el-button:focus .x-font-icon-svg{fill:#fff!important}

/* ===== Cabecera: barra superior y principal ===== */
/* ===== Chrome del sitio (header) — sin dependencia Elementor ===== */
/* Sticky necesita que el body NO tenga overflow, solo html para recortar desbordamientos horizontales. */
html{max-width:100vw;overflow-x:clip;scroll-padding-top:var(--gk-head-h,130px)}
body{max-width:100vw;padding-top:var(--gk-head-h,130px)}
@media(max-width:1199px){body{padding-top:var(--gk-head-h,66px)}}
@media(max-width:767px){body{padding-top:var(--gk-head-h,58px)}}
.gk-site-header{font-family:'Poppins',Arial,sans-serif}
#site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:9000}
/* Fallback navegadores sin clip: usar hidden en html (no body) para no romper sticky */
@supports not (overflow:clip){html{overflow-x:hidden}}

/* Topbar negro — overflow:visible para que el dropdown "Área de clientes" pueda salir;
   overflow:hidden se aplica sólo en .gk-stuck (al hacer scroll), donde el topbar colapsa. */
.gk-topbar{background:#000;color:#fff;transition:max-height .3s ease,opacity .25s ease,padding-top .3s ease,padding-bottom .3s ease;overflow:visible;max-height:120px}
#site-header.gk-stuck .gk-topbar{overflow:hidden}
.gk-topbar__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:14px;row-gap:2px;padding:0 clamp(14px,2.2vw,44px) 0 clamp(8px,1.1vw,22px);min-height:36px}
.gk-topbar__links{display:flex;gap:0;align-items:center}
.gk-topbar__links a{color:#fff;text-decoration:none;font-size:13px;letter-spacing:.02em;padding:8px 7px;line-height:1.2;transition:opacity .15s}
.gk-topbar__links a:hover{opacity:.75}
.gk-topbar__right{display:flex;align-items:center;gap:14px;justify-content:flex-end;flex:1}
.gk-topbar__pay{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:12.5px;font-weight:600;letter-spacing:.04em;border:1px solid transparent;border-radius:999px;padding:5px 14px;line-height:1.2;transition:border-color .18s,color .18s,background .18s}
.gk-topbar__pay:hover{border-color:#1ABC9C;color:#1ABC9C;background:rgba(26,188,156,.08)}
.gk-topbar__pay svg{width:15px;height:15px;flex:none}
.gk-topbar__ofertas{border-color:#1ABC9C;color:#1ABC9C}
.gk-topbar__ofertas:hover{background:#1ABC9C;border-color:#1ABC9C;color:#000}
.gk-topbar__phone{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:15px;transition:opacity .15s}
.gk-topbar__phone:hover{color:#1abc9c;opacity:1}
.gk-topbar__phone-flag{width:19px;height:13px;display:block;flex:none;border-radius:1px;overflow:hidden}
@media(max-width:767px){.gk-topbar{display:none}}
#site-header.gk-stuck .gk-topbar{max-height:0!important;opacity:0;padding-top:0!important;padding-bottom:0!important;pointer-events:none}

/* Mainbar blanco */
.gk-mainbar{display:flex;background:#fff;padding:6px 0;box-shadow:0 1px 5px rgba(0,0,0,.18);transition:box-shadow .25s ease,background-color .25s ease}
.gk-mainbar__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding-left:clamp(8px,1.1vw,22px);padding-right:clamp(14px,2.2vw,44px);min-height:90px;gap:14px;transition:min-height .25s ease,padding-top .25s ease,padding-bottom .25s ease}
#site-header.gk-stuck .gk-mainbar{box-shadow:0 8px 22px -12px rgba(16,24,40,.30);padding-top:0!important;padding-bottom:0!important}
#site-header.gk-stuck .gk-mainbar__inner{min-height:60px!important}
#site-header.gk-stuck .gk-nav-link{padding-top:9px;padding-bottom:9px}
@media(max-width:1199px){.gk-mainbar__inner{padding-left:22px;padding-right:22px;min-height:66px;position:relative}}
@media(max-width:767px){.gk-mainbar__inner{padding-left:16px;padding-right:16px;min-height:58px;justify-content:space-between!important}}
.gk-mainbar__left{display:flex;align-items:center;flex:0 0 auto}
.gk-logo{display:inline-flex;align-items:center;text-decoration:none}
.gk-logo img{max-height:50px;width:auto;display:block}

/* Cabecera transparente (se elige en app.gokiebox.com/admin/portada; el servidor pone .gk-head--trans).
   Solo el menú principal: el topbar negro no cambia. site.js estira la primera sección por detrás del menú
   (margin-top negativo + padding del mismo alto, así el contenido no se mueve) y pone .gk-head--oscuro
   si esa sección es oscura. Al bajar (.gk-stuck) o con el menú móvil abierto vuelve al menú blanco. */
.gk-logo .gk-logo-oscuro{display:none}
.gk-head--trans:not(.gk-stuck):not(:has(.gk-nav-toggle:checked)) .gk-mainbar{background:transparent;box-shadow:none}
.gk-head--trans:not(.gk-head--listo) .gk-mainbar__inner{visibility:hidden;animation:gkHeadVer 0s 1.5s forwards}
@keyframes gkHeadVer{to{visibility:visible}}
.gk-head--oscuro:not(.gk-stuck):not(:has(.gk-nav-toggle:checked)) .gk-logo img{display:none}
.gk-head--oscuro:not(.gk-stuck):not(:has(.gk-nav-toggle:checked)) .gk-logo .gk-logo-oscuro{display:block}
.gk-head--oscuro:not(.gk-stuck):not(:has(.gk-nav-toggle:checked)) .gk-nav-burger,
.gk-head--oscuro:not(.gk-stuck):not(:has(.gk-nav-toggle:checked)) .gk-act{color:#fff}
.gk-head--oscuro:not(.gk-stuck):not(:has(.gk-nav-toggle:checked)) .gk-act-cart{color:#1ABC9C}
.gk-head--oscuro:not(.gk-stuck) .gk-act:hover{background:rgba(255,255,255,.12)}
.gk-head--oscuro:not(.gk-stuck) .gk-cart-count{box-shadow:none}
.gk-head--turq:not(.gk-stuck):not(:has(.gk-nav-toggle:checked)) .gk-act-cart{color:#fff}
@media(min-width:1200px){
  .gk-head--oscuro:not(.gk-stuck) .gk-nav-list>.gk-nav-item>.gk-nav-link{color:#fff}
  .gk-head--oscuro:not(.gk-stuck) .gk-nav-list>.gk-nav-item:hover>.gk-nav-link{color:#1ABC9C}
  .gk-head--turq:not(.gk-stuck) .gk-nav-list>.gk-nav-item:hover>.gk-nav-link{color:#fff;background:rgba(255,255,255,.18)}
  .gk-head--oscuro:not(.gk-stuck) .gk-nav-list>.gk-nav-item>.gk-nav-link svg{opacity:.8}
  .gk-head--oscuro:not(.gk-stuck) .gk-nav-item.gk-has-sep::before{background:rgba(255,255,255,.35)}
}

/* Etiquetas dobles en menú (full / short según viewport) */
.gk-ls{display:none}
@media(min-width:1200px) and (max-width:1599px){.gk-lf{display:none}.gk-ls{display:inline}}

/* Ajustes de menú para anchos intermedios */
@media(min-width:1200px) and (max-width:1439px){
  .gk-mainbar__inner{padding-left:clamp(18px,2.6vw,40px)!important;padding-right:clamp(18px,2.6vw,40px)!important}
  .gk-nav-link{font-size:14.5px;padding:13px 6px;gap:4px}
  .gk-nav-link svg{width:12px;height:12px}
  .gk-actions{margin-left:8px;gap:2px}
  .gk-act{width:38px;height:38px}.gk-act svg{width:20px;height:20px}
  .gk-nav-flame,.gk-nav-ai,.gk-nav-lic{width:17px;height:17px;margin-right:2px}
  .gk-nav-flame svg,.gk-nav-ai svg,.gk-nav-lic svg{width:17px;height:17px}
}
@media(min-width:1200px){.gk-nav{min-width:0}.gk-nav-list{min-width:0;flex-wrap:nowrap}}
/* Aire lateral del cuerpo en escritorio angosto y tablets de 13" en horizontal (1025-1340 px).
   Los contenedores de Elementor miden 1300 px sin relleno: por debajo de ese ancho el contenido
   quedaba pegado al borde (10 px a la izquierda, 0 a la derecha). Se reservan 20 px por lado solo
   cuando la pantalla es mas angosta que el contenedor; en pantallas grandes no cambia nada. */
@media(min-width:1025px){.x-con.x-parent>.x-con-inner{max-width:min(var(--content-width),calc(100% - 40px))}}
/* Iconos de los botones de portada (svg.gk-btn-ic): en los de Elementor el hueco por defecto (5 px) queda apretado. */
.el-button-content-wrapper:has(.gk-btn-ic){gap:8px}.gk-btn-ic{flex:none}

/* ===== Cabecera: área de clientes y aviso de estado ===== */
/* Área de clientes: botón + desplegable (modo invitado / usuario) */
.gokie-dd-container{position:relative;display:inline-block;font-family:"Poppins",sans-serif;padding-bottom:16px;margin-bottom:-16px;visibility:hidden}
.gokie-dd-container.loaded{visibility:visible}
#gokie-view-guest,#gokie-view-user{display:none}
.gokie-main-btn{font-size:14.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff;fill:currentColor;background:transparent;border:0;border-radius:0;padding:6px 0;cursor:pointer;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease}
.gokie-main-btn:hover{color:#1ABC9C;background:transparent;box-shadow:none}
.gokie-ico-door{color:#1ABC9C;transition:transform .2s ease,color .2s ease}
.gokie-main-btn:hover .gokie-ico-door{transform:translateX(3px)}
.gokie-user-btn{text-transform:none;letter-spacing:0;gap:10px;padding:4px 4px 4px 0}.gokie-user-btn:hover,.gokie-user-btn:focus,.gokie-user-btn:focus-visible,.gokie-user-btn:active{color:#fff!important;background:transparent!important;box-shadow:none!important;outline:none!important}.gokie-user-btn .gokie-user-name{transform:translateY(-1px)}
.gokie-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#1ABC9C;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;flex:none}
.gokie-avatar--lg{width:42px;height:42px;font-size:15px}.gokie-avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block}
.gokie-user-name{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.gokie-user-name small{font-size:11px;font-weight:500;opacity:.75}
.gokie-user-name span{font-size:14px;font-weight:600;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gokie-chev{width:16px;height:16px;flex:none;opacity:.8;transition:transform .2s ease}
.gokie-dd-container.is-open .gokie-chev{transform:rotate(180deg)}
.gokie-dd-menu{display:none;position:absolute;top:100%;right:0;width:264px;background:#fff;border-radius:12px;box-shadow:0 18px 40px -16px rgba(15,23,42,.35),0 1px 4px rgba(0,0,0,.06);margin-top:0;z-index:99999;padding:8px;text-align:left;border:1px solid #E6E9EC}
.gokie-dd-menu::after{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;background:transparent}
.gokie-dd-container.is-user.is-open .gokie-dd-menu{display:block;animation:gokieDdIn .16s ease-out}
@keyframes gokieDdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.gokie-dd-head{display:flex;align-items:center;gap:12px;padding:10px 10px 12px;margin-bottom:6px;border-bottom:1px solid #EEF0F2}
.gokie-dd-who{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.gokie-dd-who strong{font-size:14px;font-weight:600;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gokie-dd-who span{font-size:12px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gokie-dd-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#212121;text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s ease,color .15s ease;line-height:1.3}
.gokie-dd-menu a svg{width:18px;height:18px;flex:none;color:#1ABC9C}
.gokie-dd-menu a:hover{background:#EFFAF8;color:#0F172A}
.gokie-dd-menu a.gokie-dd-out{color:#B42318}
.gokie-dd-menu a.gokie-dd-out svg{color:#B42318}
.gokie-dd-menu a.gokie-dd-out:hover{background:#FDECEC}
.gokie-divider{height:1px;background:#EEF0F2;margin:6px 4px}
/* ── Aviso de estado (status.gokiebox.com): lo rellena el JS "Aviso de estado" del final
   cuando hay incidencia, mantenimiento en curso o mantenimiento próximo. ── */
.gk-notice{display:block;font-family:'Poppins',Arial,sans-serif;font-size:13.5px;line-height:1.4}
.gk-notice[hidden]{display:none!important}
.gk-notice__inner{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:38px;padding:4px clamp(14px,2.2vw,44px) 4px clamp(14px,1.1vw,22px)}
.gk-notice__icon{width:18px;height:18px;flex:none}
#site-header .gk-notice__text{margin:0!important;padding:0;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gk-notice__text strong{font-weight:700}
.gk-notice__link{flex:none;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;margin-right:auto;transition:opacity .15s}
.gk-notice__link:hover{opacity:.75;color:inherit}
#site-header .gk-notice__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0!important;margin:0;border:0;border-radius:8px;background:transparent;color:inherit;line-height:1;cursor:pointer;opacity:.85;transition:background .15s,opacity .15s}
#site-header .gk-notice__close:hover{opacity:1;background:rgba(0,0,0,.14)}
#site-header .gk-notice__close svg{flex:none;width:16px!important;height:16px!important;display:block}
.gk-notice--danger{background:#B42318;color:#fff}
.gk-notice--warning{background:#FF6A00;color:#0a0a0a}
.gk-notice--info{background:#1ABC9C;color:#0a0a0a}
@media(max-width:767px){.gk-notice{font-size:12.5px}.gk-notice__detail{display:none}.gk-notice__inner{padding-left:14px;padding-right:8px;gap:8px}#site-header .gk-notice__text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* ===== Cabecera: menú ===== */
.gk-nav{font-family:'Poppins',Arial,sans-serif;display:flex;align-items:center;position:relative;margin-left:auto}
.gk-nav *{box-sizing:border-box}
.gk-nav-toggle{display:none}
.gk-nav-burger{display:none;cursor:pointer;color:#212121;order:3;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}
.gk-nav-burger svg{width:24px;height:24px;display:block}
.gk-nav-list{order:1}
.gk-actions{order:2;display:inline-flex;align-items:center;gap:2px;margin-left:4px;flex:none}
.gk-act{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#0f172a;flex:none;text-decoration:none;position:relative;transition:background .15s,color .15s}
.gk-act:hover{background:#effaf8;color:#1ABC9C}
.gk-act svg{width:21px;height:21px}
.gk-act-cart{color:#1ABC9C}
.gk-cart-count{position:absolute;top:1px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9999px;background:#ff6a00;color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
.gk-cart-count[hidden]{display:none}
@media(min-width:768px){.gk-act-user{display:none}}
.gk-nav-list{display:flex;list-style:none;margin:0;padding:0;gap:0;align-items:center}
.gk-nav-item{position:relative}
.gk-nav-link{display:flex;align-items:center;gap:5px;padding:13px 4px;color:#212121;font-weight:500;font-size:16.5px;text-decoration:none;white-space:nowrap;border-radius:8px;transition:color .15s;cursor:pointer}
.gk-nav-item:hover>.gk-nav-link{color:#1abc9c}
.gk-nav-link svg{width:13px;height:13px;opacity:.55;transition:transform .2s}
.gk-nav-item:hover>.gk-nav-link svg{transform:rotate(180deg)}
.gk-nav-link.has-flame{position:relative}
.gk-nav-flame,.gk-nav-ai,.gk-nav-lic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;line-height:0;margin-right:3px}
.gk-nav-flame{color:#ff6a00}.gk-nav-ai{color:#1abc9c}
.gk-nav-lic{color:#FBBC05}
.gk-nav-item.gk-has-sep{margin-left:16px}
.gk-nav-item.gk-has-sep::before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:1px;height:24px;background:#d9dee3;border-radius:1px}
.gk-nav-lic img{width:18px;height:18px;display:block}
.gk-nav-flame svg,.gk-nav-ai svg{width:20px;height:20px;opacity:1;display:block}
.gk-nav-item:hover .gk-nav-flame svg,.gk-nav-item:hover .gk-nav-ai svg{transform:none}
.gk-nav-drop{position:absolute;left:0;top:100%;display:grid;grid-template-columns:repeat(2,minmax(284px,1fr));gap:6px;background:#fff;border-radius:20px;box-shadow:0 30px 66px -16px rgba(16,24,40,.30),0 2px 8px rgba(16,24,40,.08);padding:18px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:99999;border:1px solid #eef0f2}
.gk-nav-drop::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.gk-nav-drop.gk-drop-right{left:auto;right:0}
.gk-nav-drop.gk-drop-center{left:50%;right:auto;transform:translateX(-50%) translateY(10px)}
.gk-nav-drop.gk-cols-1{grid-template-columns:minmax(304px,1fr)}
@media(min-width:1200px){.gk-nav-drop.gk-cols-3{grid-template-columns:repeat(3,minmax(256px,1fr))}}
.gk-nav-item:hover>.gk-nav-drop{opacity:1;visibility:visible;transform:translateY(4px)}
.gk-nav-item:hover>.gk-nav-drop.gk-drop-center{transform:translateX(-50%) translateY(4px)}
.gk-nav-drop a{display:flex;align-items:flex-start;gap:14px;padding:14px 14px;border-radius:14px;text-decoration:none;transition:background .14s,transform .14s}
.gk-nav-drop a:hover{background:#f3fbf9;transform:translateY(-1px)}
.gk-nav-drop .gk-mi{display:inline-flex;flex:none;width:46px;height:46px;border-radius:13px;background:rgba(26,188,156,.12);align-items:center;justify-content:center;color:#1ABC9C;transition:background .14s,color .14s,transform .14s}
.gk-nav-drop .gk-mi svg{width:23px;height:23px}
.gk-nav-drop a:hover .gk-mi{background:#1abc9c;color:#fff;transform:scale(1.06)}
.gk-mt{display:flex;flex-direction:column;gap:2px;min-width:0}
.gk-mtt{font-size:16.5px;font-weight:600;color:#1f2937;line-height:1.3}
.gk-mtd{font-size:13.75px;color:#7b8794;line-height:1.5}
.gk-nav-drop a:hover .gk-mtt{color:#1ABC9C}
.gk-nav-drop .gk-soft-cta{grid-column:1 / -1;margin-top:6px;padding-top:8px;border-top:1px dashed #e2e8f0}
.gk-nav-drop .gk-soft-cta>a{background:rgba(26,188,156,.06)}
.gk-nav-drop .gk-soft-cta>a:hover{background:rgba(26,188,156,.14)}
.gk-nav-drop .gk-soft-cta .gk-mtt{color:#0F172A;display:inline-flex;align-items:center;gap:8px}
.gk-nav-drop .gk-soft-cta .gk-soft-arrow{display:inline-block;color:#1ABC9C;font-weight:700;transition:transform .2s ease}
.gk-nav-drop .gk-soft-cta>a:hover .gk-soft-arrow{transform:translateX(4px)}
.gk-nav-drop .gk-soft-cta>a:hover .gk-mtt{color:#16A085}
.gk-nav-drop .gk-drop-sec{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:0 14px;font-size:13px;font-weight:600;line-height:1.3;color:#64748B}
.gk-nav-drop .gk-drop-sec:first-child{margin-top:0}
.gk-nav-drop .gk-drop-sec::after{content:"";flex:1;height:1px;background:#EEF0F2}
.gk-nav-drop .gk-new{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#1ABC9C;padding:1px 7px;border-radius:999px;vertical-align:middle;line-height:1.5}
/* "Pago express" en el menú: en escritorio ya está en el topbar, así que este
   ítem sale solo cuando manda el burger (≤1199px), donde el topbar no se ve. */
.gk-nav-pay{display:none}
.gk-nav-pay .gk-nav-link{color:#12806b;font-weight:600}
@media(max-width:1199px){
 .gk-nav-pay{display:block;border-top:1px solid #eef1f3;margin-top:6px;padding-top:4px}
 .gk-nav-burger{display:inline-flex}
 .gk-nav-list{display:none;position:absolute;left:auto;right:0;top:100%;flex-direction:column;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.15);padding:10px;gap:0;align-items:stretch;min-width:280px;max-height:80vh;overflow:auto;z-index:99999;border-radius:12px}
 .gk-nav-toggle:checked~.gk-nav-list{display:flex}
 .gk-nav-link{padding:11px 10px}
 .gk-nav-drop{display:none;grid-template-columns:1fr;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 8px 12px;min-width:0}
 .gk-nav-drop.gk-drop-center,.gk-nav-item:hover>.gk-nav-drop.gk-drop-center{left:auto;transform:none}
 .gk-nav-item.gk-open>.gk-nav-drop{display:block}
 .gk-nav-drop .gk-drop-sec{margin:10px 0 2px;padding:0 10px;font-size:12.5px}
 .gk-nav-item:hover>.gk-nav-link svg{transform:none}
 .gk-nav-item.gk-open>.gk-nav-link svg{transform:rotate(180deg)}
 .gk-nav-link.has-flame .gk-nav-flame,.gk-nav-link.has-badge .gk-nav-ai{margin-right:6px}
 .gk-nav-flame,.gk-nav-ai,.gk-nav-lic{display:none}
  .gk-nav-item.gk-has-sep{margin-left:0}
  .gk-nav-item.gk-has-sep::before{display:none}
 .gk-nav{margin:0!important;position:static!important}
 .gk-act{width:44px;height:44px}
 .gk-act svg{width:24px;height:24px}
 .gk-nav-burger{width:44px;height:44px}
 .gk-nav-burger svg{width:26px;height:26px}
 .gk-nav-list{left:0!important;right:0!important;width:auto!important;min-width:0!important;max-width:none!important;border-radius:0 0 12px 12px!important;padding:10px 16px!important;box-shadow:0 16px 30px rgba(0,0,0,.14)!important}
}

/* ===== Pie ===== */
/* ===== Footer del sitio — sin dependencia Elementor ===== */
.gk-footer{font-family:'Poppins',Arial,sans-serif;color:#fff;background:#000}

/* Banda CTA */
.gk-footer__cta{background:#000;border-bottom:1px solid #272727}
.gk-footer__cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;max-width:1300px;margin:0 auto;padding:34px clamp(14px,2.2vw,44px)}
.gk-footer__cta h6{margin:0;flex:1 1 320px;font-size:16px;font-weight:400;color:#fff;line-height:1.4}
.gk-footer__cta-btn{display:inline-flex;align-items:center;justify-content:center;background:#1ABC9C;color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:11px 22px;border-radius:6px;transition:background .18s ease,transform .18s ease}
.gk-footer__cta-btn:hover{background:#16A085;color:#fff;transform:translateY(-1px)}

/* Bloque principal 4 columnas */
.gk-footer__main{background:#000;padding:50px clamp(14px,2.2vw,44px) 30px}
.gk-footer__main-inner{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:30px;align-items:start;max-width:1300px;margin:0 auto}
@media(max-width:1024px){.gk-footer__main-inner{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gk-footer__main-inner{grid-template-columns:1fr;gap:24px}}
.gk-footer__col h4{margin:0 0 14px;font-size:20px;font-weight:500;color:#fff;line-height:1.2}
.gk-footer__col ul{list-style:none;margin:0;padding:0}
.gk-footer__col li{margin-bottom:1px}
.gk-footer__col li a{display:block;padding:8px 0;color:#797979;text-decoration:none;font-size:14px;transition:color .15s ease}
.gk-footer__col li a:hover{color:#fff}

/* Col 1: marca */
.gk-footer__logo{display:block;max-width:170px;height:auto;margin-bottom:14px}
.gk-footer__desc{margin:0 0 16px;color:#fff;font-size:13px;font-weight:200;letter-spacing:.5px;line-height:1.4;text-align:justify}
.gk-footer__social{display:flex;flex-wrap:wrap;gap:8px}
.gk-footer__social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#1D1D1D;color:#fff;text-decoration:none;transition:background .18s ease,transform .18s ease}
.gk-footer__social a:hover{background:#1ABC9C;color:#fff;transform:translateY(-2px)}
.gk-footer__social svg{width:18px;height:18px;fill:currentColor}

/* Teléfono al final de la 4ta col */
.gk-footer__phone{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#fff;text-decoration:none;font-size:19px;font-weight:500;transition:color .15s ease}
.gk-footer__phone:hover{color:#1ABC9C}
.gk-footer__phone-flag{width:24px;height:18px;flex:none;display:block}

/* Banda medios de pago */
.gk-footer__pay{margin-top:34px;border-top:1px solid #1A1A1A;padding-top:24px;text-align:center}
.gk-footer__pay-title{margin:0 0 16px;color:#fff;font-size:14px}
.gk-footer__pay-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.gk-footer__pay-track{display:flex;gap:0;width:max-content;align-items:center;animation:gkMarquee 38s linear infinite;will-change:transform}
.gk-footer__pay-marquee:hover .gk-footer__pay-track{animation-play-state:paused}
.gk-footer__pay-track img{height:26px;width:auto;display:block;flex:none;margin-right:36px;opacity:.85;filter:grayscale(100%);transition:filter .25s ease,opacity .25s ease}
.gk-footer__pay-track img:hover{filter:grayscale(0);opacity:1}
@keyframes gkMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.gk-footer__pay-track{animation:none}}
.gk-footer__pay-more{display:inline-block;margin-top:18px;color:#fff;text-decoration:underline;font-size:13px}
.gk-footer__pay-more:hover{color:#1ABC9C}
.gk-footer__pay-note{margin:18px auto 0;max-width:680px;color:#7D7D7D;font-family:'Poppins',sans-serif;font-size:13px;font-weight:300;line-height:1.5;text-align:center}

/* Copyright */
.gk-footer__copy{background:#1F1F1F;border-top:1px solid #242424}
.gk-footer__copy-inner{max-width:1300px;margin:0 auto;padding:14px clamp(14px,2.2vw,44px);text-align:center;color:#fff;font-size:13px;font-weight:300}
.gk-footer__copy-inner h2{margin:0;font-size:13px;font-weight:300;line-height:1.7em}
/* ----- App móvil para clientes (Google Play / App Store) ----- */
.gk-footer__app{margin-top:24px}
.gk-footer__app-title{font:600 12px/1 'Poppins',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a93a0;margin:0 0 10px}
.gk-footer__app-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.gk-footer__app-badge{display:inline-flex;line-height:0}
.gk-footer__app-badge img{height:64px;width:auto;display:block;transition:opacity .18s ease,transform .18s ease}
.gk-footer__app-badge--apple img{height:49px}
.gk-footer__app-badge:hover img{opacity:.85;transform:translateY(-1px)}

/* ===== Pie: selector de país ===== */
.gk-region{position:relative;margin-top:24px;max-width:224px}
.gk-region__title{font:600 12px/1 'Poppins',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a93a0;margin:0 0 10px 2px}
.gk-region__btn{display:flex;align-items:center;gap:11px;width:100%;padding:13px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:13px;color:#fff;font:600 15px/1 'Poppins',sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.gk-region__btn:hover{background:rgba(255,255,255,.09);border-color:#1ABC9C}
.gk-region__flag{width:27px;height:18px;border-radius:3px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.gk-region__flag svg{width:100%;height:100%;display:block}
.gk-region__flag--globe{box-shadow:none;color:#1ABC9C}
.gk-region__flag--globe svg{width:23px;height:23px}
.gk-region__label{flex:1;text-align:left}
.gk-region__chev{width:17px;height:17px;color:#9aa3ae;transition:transform .22s;flex:0 0 auto}
.gk-region.open .gk-region__chev{transform:rotate(180deg)}
.gk-region__menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#15181d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;box-shadow:0 18px 44px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:30}
.gk-region.open .gk-region__menu{opacity:1;visibility:visible;transform:translateY(0)}
.gk-region__menu a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#dbe0e6;text-decoration:none;font:500 14px/1 'Poppins',sans-serif;transition:background .15s,color .15s}
.gk-region__menu a:hover{background:rgba(26,188,156,.16);color:#fff}
.gk-region__menu a small{margin-left:auto;color:#828b97;font-weight:500;font-size:12px}
.gk-region__menu a[aria-current="true"]{background:rgba(26,188,156,.14);color:#fff}

/* ===== Carrito flotante (tablets 13") ===== */
.gk-fcart{display:none}
@media (orientation:landscape) and (min-width:1240px) and (max-width:1440px) and (max-aspect-ratio:16/9){
  .gk-fcart{position:fixed;left:20px;bottom:20px;z-index:9990;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#1ABC9C;color:#fff;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:background .15s,transform .15s;-webkit-tap-highlight-color:transparent}
  .gk-fcart:hover,.gk-fcart:focus-visible{background:#16A085;color:#fff;transform:translateY(-2px)}
  .gk-fcart:focus-visible{outline:3px solid rgba(26,188,156,.45);outline-offset:3px}
  .gk-fcart svg{width:26px;height:26px;display:block}
  .gk-fcart .gk-cart-count{top:-3px;right:-3px}
  #site-header .gk-act-cart{display:none}
}

/* ===== Modal «Agenda una reunión» (Cal.com) ===== */
#gk-cal-loader .gk-cal-spinner{position:relative;width:54px;height:54px}
#gk-cal-loader .gk-cal-spinner::before,#gk-cal-loader .gk-cal-spinner::after{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid transparent}
#gk-cal-loader .gk-cal-spinner::before{border-top-color:#1ABC9C;border-right-color:#1ABC9C;animation:gkCalSpin .9s linear infinite}
#gk-cal-loader .gk-cal-spinner::after{border-bottom-color:#A7E8DC;border-left-color:#A7E8DC;animation:gkCalSpin 1.5s linear infinite reverse}
#gk-cal-loader .gk-cal-loadtxt{color:#16A085;font-weight:600;font-size:14px;letter-spacing:.02em;animation:gkCalPulse 1.4s ease-in-out infinite}
@keyframes gkCalSpin{to{transform:rotate(360deg)}}
@keyframes gkCalPulse{0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){#gk-cal-loader .gk-cal-spinner::before,#gk-cal-loader .gk-cal-spinner::after{animation-duration:3s}#gk-cal-loader .gk-cal-loadtxt{animation:none}}
/* Caja a la medida del calendario. Cal.com pasa a su diseño de móvil si su marco mide menos de 768 px,
   y en escritorio centra el calendario (604 px) y el formulario (421 px) dentro del marco. Por eso el
   marco se deja en 790 px, centrado y recortado por la caja de 640 px: el calendario queda con ~18 px
   por lado en vez de ~200. En pantallas angostas se usa el diseño de móvil de Cal, a todo el ancho. */
#gk-cal-modal .gk-cal-cuerpo{overflow-x:hidden!important;overflow-y:auto!important}
@media(min-width:700px){
#gk-cal-modal .gk-cal-caja{max-width:640px!important}
#gk-cal-modal .gk-cal-marco{width:790px!important;margin-left:calc((100% - 790px) / 2);margin-top:16px;margin-bottom:-30px}
}

/* ===== Chat (Chatwoot): ajustes ===== */
/* Chat de Chatwoot: el boton X venia a 64px (igual que el launcher) y quedaba
   desproporcionado bajo el panel. Se baja a 44px (minimo comodo de toque) y se
   recentra la X, que el SDK dibuja con los pseudo ::before/::after del boton. */
.woot-widget-bubble.woot--close{width:44px!important;height:44px!important}
.woot-widget-bubble.woot--close::before,.woot-widget-bubble.woot--close::after{height:16px!important;left:21px!important;top:14px!important}

/* En laptops (pantalla menos alta) el panel se metia debajo del header fijo: el
   SDK solo maneja un tope de 640px y bottom:104px, sin contar la cabecera. Se
   recorta el alto para que el borde superior caiga siempre bajo el header
   (138 / 114 / 70px segun su propio breakpoint) mas 16px de aire. El min()
   conserva los 640px originales en pantallas altas, y el piso lo sigue poniendo
   el propio SDK (min-height:250px). Por debajo de 667px no se toca: ahi el chat
   pasa a pantalla completa. El prefijo `html` es necesario porque el SDK usa
   !important con la misma especificidad y su hoja se inyecta despues que esta. */
@media (min-width:1200px){
  html .woot-widget-holder{max-height:min(640px,calc(100vh - 258px))!important}
}
@media (min-width:768px) and (max-width:1199px){
  html .woot-widget-holder{max-height:min(640px,calc(100vh - 234px))!important}
}
@media (min-width:667px) and (max-width:767px){
  html .woot-widget-holder{max-height:min(640px,calc(100vh - 190px))!important}
}


/* ===== Planes (bloques gk-plans) ===== */
.el-widget-kit-pricing{display:none!important}.gk-plans{--gk:#1abc9c;--gk-d:#16a085;font-family:"Poppins","Inter",system-ui,-apple-system,sans-serif;max-width:1180px;margin:2.5rem auto;padding:0 1rem;color:#0f172a}.gk-plans-head{text-align:center;margin-bottom:2rem}.gk-plans-title{font-size:1.9rem;font-weight:700;color:#0f172a;margin:0 0 .4rem}.gk-plans-sub{color:#64748b;margin:0 0 1.3rem;font-size:1.02rem}.gk-plans-toggle{display:inline-flex;background:#eef2f4;border-radius:9999px;padding:4px;gap:2px}.gk-plans-toggle button{border:0;background:transparent;padding:.5rem 1.3rem;border-radius:9999px;font-weight:700;font-size:.85rem;color:#64748b;cursor:pointer;transition:.2s}.gk-plans-toggle button.active{background:#fff;color:#1abc9c;box-shadow:0 1px 4px rgba(0,0,0,.12)}.gk-plans-toggle .gk-save{margin-left:.45rem;font-size:.68rem;font-weight:800;color:var(--gk-d);background:rgba(26,188,156,.14);padding:.12rem .42rem;border-radius:6px;letter-spacing:.01em}.gk-plans-tabs{display:inline-flex;background:#eef2f4;border-radius:9999px;padding:4px;gap:2px}.gk-plans-tabs button{border:0;background:transparent;padding:.5rem 1.4rem;border-radius:9999px;font-weight:700;font-size:.85rem;color:#64748b;cursor:pointer;transition:.2s}.gk-plans-tabs button.active{background:#fff;color:#1abc9c;box-shadow:0 1px 4px rgba(0,0,0,.12)}.gk-plan--tabhidden{display:none!important}.gk-plans-toggle button,.gk-plans-tabs button{-webkit-tap-highlight-color:transparent}.gk-plans-toggle button:not(.active):hover,.gk-plans-tabs button:not(.active):hover{color:#1abc9c!important;background:#effaf8!important}.gk-plans-toggle button:focus,.gk-plans-tabs button:focus,.gk-plans-toggle button:focus-visible,.gk-plans-tabs button:focus-visible{background:#fff;outline:2px solid #1abc9c;outline-offset:2px}.gk-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1.25rem;align-items:start}.gk-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e8edf0;border-radius:18px;padding:1.9rem 1.5rem;box-shadow:0 10px 30px -18px rgba(16,24,40,.18);transition:transform .2s,box-shadow .2s}.gk-plan:hover{transform:translateY(-4px);box-shadow:0 22px 45px -20px rgba(16,24,40,.28)}.gk-plan:hover,.gk-plan:focus-within{z-index:10}.gk-plan.is-featured{border-color:var(--gk);box-shadow:0 22px 50px -20px rgba(26,188,156,.45)}.gk-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gk);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .9rem;border-radius:9999px;white-space:nowrap}.gk-plan-name{font-size:1.12rem;font-weight:700;color:#0f172a;margin:.2rem 0 .5rem}.gk-plan-sub{font-size:.84rem;color:#64748b;margin:0 0 1rem;line-height:1.35;min-height:1px}.gk-plan-price--quote{font-size:1.6rem;font-weight:800;color:var(--gk-d);margin-bottom:1.25rem;letter-spacing:-.01em}.gk-plan-renews{margin:-.85rem 0 1.1rem;text-align:center}.gk-renews-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(26,188,156,.1);color:#0e8f76;font-size:.76rem;font-weight:600;padding:.32rem .8rem;border-radius:9999px;line-height:1.2}.gk-renews-badge svg{width:12px;height:12px;flex:none}.gk-plan-price{display:flex;align-items:baseline;gap:.28rem;margin-bottom:1.25rem;flex-wrap:wrap}.gk-plan-price .gk-cur{font-size:1rem;font-weight:700;color:var(--gk-d)}.gk-plan-price .gk-amount{font-size:2.2rem;font-weight:800;color:#0f172a;line-height:1}.gk-plan-price .gk-period{font-size:.9rem;color:#94a3b8}.gk-plan-price .gk-was{flex-basis:100%;display:flex;align-items:baseline;gap:.32rem;margin-top:.28rem;line-height:1.1}.gk-plan-price .gk-was:has(.gk-was-amt:empty){display:none}.gk-plan-price .gk-was-lbl{font-size:.72rem;color:#9aa5b1;font-weight:600}.gk-plan-price .gk-was-amt{font-size:.84rem;color:#9aa5b1;font-weight:700;text-decoration:line-through}.gk-plan-benefits{list-style:none;margin:0 0 1.5rem;padding:0;flex:1;display:flex;flex-direction:column;gap:.62rem}.gk-plan-benefits li{display:flex;align-items:flex-start;gap:.55rem;font-size:.92rem;color:#475569;line-height:1.35}.gk-plan-benefits svg{flex:none;width:18px;height:18px;color:var(--gk);margin-top:1px}.gk-plan-benefits li.gk-b-hl{align-items:center;gap:.5rem;background:rgba(26,188,156,.09);border:1px solid rgba(26,188,156,.28);border-radius:11px;padding:.6rem .7rem;margin-bottom:.25rem;color:#0f172a;font-size:.875rem;line-height:1.3}.gk-plan-benefits li.gk-b-hl svg{width:17px;height:17px;margin-top:0}.gk-plan-benefits li.gk-b-hl .gk-bl{display:block;font-weight:800;color:#0e8f76;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.gk-plan-benefits li.gk-b-loc>span{display:flex;flex-direction:column;gap:5px;min-width:0}.gk-plan-benefits li.gk-b-loc .gk-flags{display:flex;flex-wrap:wrap;gap:6px}.gk-plan-benefits li.gk-b-loc .gk-flag{width:22px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.14);object-fit:cover;display:block;cursor:help}.gk-tip{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:5px;color:#94a3b8;cursor:help;outline:none}.gk-tip svg{width:14px!important;height:14px!important;color:inherit!important;margin-top:0!important}.gk-tip:hover,.gk-tip:focus{color:var(--gk)}.gk-tip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(calc(-50% + var(--gk-tip-dx,0px))) translateY(4px);display:none;background:#0f172a;color:#fff;font-size:12px;font-weight:500;line-height:1.45;text-align:left;padding:8px 11px;border-radius:9px;width:max-content;max-width:min(230px,calc(100vw - 32px));white-space:normal;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;z-index:60;box-shadow:0 12px 26px -8px rgba(0,0,0,.45);pointer-events:none}.gk-tip::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#0f172a;opacity:0;visibility:hidden;transition:opacity .18s;z-index:60}.gk-tip:hover::after,.gk-tip:focus::after{display:block;opacity:1;visibility:visible;transform:translateX(calc(-50% + var(--gk-tip-dx,0px))) translateY(0)}
/* Oculto no ocupa espacio (display:none): cerca del borde derecho ensanchaba la pagina en movil. site.js corre el globo (--gk-tip-dx) para que quepa. */
@starting-style{.gk-tip:hover::after,.gk-tip:focus::after{opacity:0;transform:translateX(calc(-50% + var(--gk-tip-dx,0px))) translateY(4px)}}.gk-tip:hover::before,.gk-tip:focus::before{opacity:1;visibility:visible}.gk-plan-cta{display:block;text-align:center;background:var(--gk);color:#fff!important;font-weight:700;padding:.82rem 1rem;border-radius:11px;text-decoration:none;transition:background .2s}.gk-plan-cta:hover,.gk-plan-cta:focus,.gk-plan-cta:active,.gk-plan-cta:visited{background:var(--gk-d);color:#fff!important}.gk-plan.is-featured .gk-plan-cta{box-shadow:0 8px 20px -8px rgba(26,188,156,.7)}

/* ===== Tarjetas de artículo del blog ===== */
/* Tarjeta de artículo — traducción del lenguaje de la referencia (nexbu):
     plana, sin borde, radios contenidos, título editorial con tracking negativo,
     chip uppercase pequeño y mucho aire. Paleta y tipografía de la casa. */
  .gk-bcard{display:flex;flex-direction:column;text-decoration:none;background:#fff;border-radius:18px;padding:10px 10px 24px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 1px 2px rgba(22,32,29,.04);}
  .gk-bcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(22,32,29,.10);}
  .gk-bcard-img{border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,#e8f8f4 0%,#d3f0e8 100%);}
  .gk-bcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
  .gk-bcard:hover .gk-bcard-img img{transform:scale(1.04);}
  .gk-bcard-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
  .gk-bcard-ph svg{width:52px;height:52px;color:#1abc9c;opacity:.55;}
  .gk-bcard-meta{display:flex;align-items:center;gap:10px;margin:20px 10px 12px;}
  .gk-bcard-fecha{color:#8a938f;font-size:12.5px;letter-spacing:.01em;}
  .gk-bcard-dot{color:#cfd6d3;font-size:10px;}
  .gk-bcard-chip{background:#eef6f2;color:#0d8a72;font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;padding:5px 11px;border-radius:999px;white-space:nowrap;}
  .gk-bcard-titulo{font-size:21px;line-height:1.32;font-weight:600;letter-spacing:-.015em;color:#101613;margin:0 10px 20px;flex:1;transition:color .2s ease;text-wrap:pretty;}
  .gk-bcard:hover .gk-bcard-titulo{color:#0e8f76;}
  .gk-bcard-autor{display:flex;align-items:center;gap:10px;margin:0 10px;padding-top:16px;border-top:1px solid #f0f2f1;}
  .gk-bcard-av{width:30px;height:30px;border-radius:999px;background:#0e8f76;color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
  .gk-bcard-autor span{display:flex;flex-direction:column;line-height:1.3;}
  .gk-bcard-autor b{color:#3c4642;font-size:13px;font-weight:600;}
  .gk-bcard-autor em{color:#98a29d;font-size:12px;font-style:normal;}

/* ===== Sugerencia de región (visitantes fuera de Perú) ===== */
#gk-georec{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Poppins',system-ui,-apple-system,sans-serif}
#gk-georec .gk-georec-backdrop{position:absolute;inset:0;background:rgba(8,28,24,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}
#gk-georec .gk-georec-card{position:relative;width:min(430px,100%);background:#fff;border-radius:22px;box-shadow:0 30px 70px -20px rgba(8,28,24,.5),0 8px 24px -12px rgba(8,28,24,.25);padding:30px 28px 24px;text-align:center;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .32s cubic-bezier(.2,.8,.25,1),transform .32s cubic-bezier(.2,.8,.25,1)}
#gk-georec.gk-georec-in .gk-georec-backdrop{opacity:1}
#gk-georec.gk-georec-in .gk-georec-card{opacity:1;transform:none}
#gk-georec .gk-georec-x{position:absolute;top:13px;right:13px;width:32px;height:32px;border:0;background:transparent;color:#aab2ae;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,background .15s ease}
#gk-georec .gk-georec-x:hover{color:#0F1B19;background:#f3f5f4}
#gk-georec .gk-georec-switch{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}
#gk-georec .gk-georec-loc{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #E7ECEB;border-radius:13px;background:#FbFcFc}
#gk-georec .gk-georec-loc.is-gl{border-color:rgba(26,188,156,.45);background:rgba(26,188,156,.07)}
#gk-georec .gk-georec-flag{width:30px;height:20px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06);flex:none;display:block}
#gk-georec .gk-georec-flag svg{display:block;width:100%;height:100%}
#gk-georec .gk-georec-globe{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;color:#16a085}
#gk-georec .gk-georec-loc-t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-size:14px;font-weight:700;color:#0F1B19}
#gk-georec .gk-georec-loc-t small{font-size:10.5px;font-weight:500;color:#8b958f;letter-spacing:.2px}
#gk-georec .gk-georec-arrow{color:#c2cbc7;flex:none;display:flex}
#gk-georec .gk-georec-title{margin:0 0 8px;font-size:19px;font-weight:700;color:#0F1B19;line-height:1.25}
#gk-georec .gk-georec-text{margin:0 auto 20px;max-width:340px;font-size:13.5px;line-height:1.6;color:#56635f}
#gk-georec .gk-georec-text strong{color:#0F1B19;font-weight:600}
#gk-georec .gk-georec-actions{display:flex;flex-direction:column;gap:9px}
#gk-georec .gk-georec-go{display:block;background:#1ABC9C;color:#fff;font-weight:600;font-size:14.5px;padding:13px 18px;border-radius:12px;text-decoration:none;transition:background .15s ease,transform .12s ease;box-shadow:0 10px 22px -12px rgba(26,188,156,.9)}
#gk-georec .gk-georec-go:hover{background:#16a085}
#gk-georec .gk-georec-go:active{transform:translateY(1px)}
#gk-georec .gk-georec-stay{background:transparent;border:0;color:#8b958f;font-weight:500;font-size:13px;padding:6px;cursor:pointer;font-family:inherit;border-radius:8px;transition:color .15s ease}
#gk-georec .gk-georec-stay:hover{color:#0F1B19}
@media (max-width:480px){#gk-georec .gk-georec-card{padding:26px 20px 20px}#gk-georec .gk-georec-switch{gap:8px}#gk-georec .gk-georec-loc{padding:8px 10px;gap:7px}}
@media (prefers-reduced-motion:reduce){#gk-georec .gk-georec-card,#gk-georec .gk-georec-backdrop{transition:opacity .2s ease}#gk-georec .gk-georec-card{transform:none}}

/* Complementos adicionales de las páginas de software (título con ícono + tarjetas con ícono lineal) */
.gk-addons .el-widget-heading h3.el-heading-title{display:inline-flex;align-items:center;justify-content:center;gap:12px}
.gk-addons__ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#1ABC9C;color:#fff}
.gk-addons__sub{margin:8px 0 0!important;padding:0 16px;text-align:center;font-size:15px;color:#555}
.gk-addons .gk-addon{position:relative;margin-top:30px;padding-top:34px!important;border:1px solid #cdebe4;box-shadow:0 1px 5px rgba(0,0,0,.12);overflow:visible}
.gk-addon__ico{position:absolute;top:-28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#effaf8;border:2px solid #1ABC9C;color:#1ABC9C;box-shadow:0 0 0 5px #fff}
.gk-addon__ico svg{width:28px;height:28px}
.gk-addons .gk-addon strong{color:#16a085;font-weight:600}
@media (max-width:767px){.gk-addons .el-widget-heading h3.el-heading-title{flex-direction:column;gap:8px}.gk-addons .gk-addon{margin-top:36px}}

/* Equipamiento: tarjetas clicables + modal de cotización (2026-09-23; compartido por las páginas de software con equipamiento) */
button.gk-equip__card{font:inherit;color:inherit;cursor:pointer;width:100%;-webkit-appearance:none;appearance:none}
button.gk-equip__card:hover,button.gk-equip__card:focus{background-color:#fff;color:inherit}
button.gk-equip__card:focus-visible{outline:3px solid rgba(26,188,156,.45);outline-offset:2px}
.gk-equip__cta{display:inline-flex;align-items:center;gap:4px;margin-top:-2px;font-size:12px;font-weight:600;color:#1ABC9C;letter-spacing:.02em;opacity:.85;transition:opacity .2s ease,gap .2s ease}
.gk-equip__cta::after{content:"→"}
.gk-equip__card:hover .gk-equip__cta{opacity:1;gap:7px}
.gk-equip__hint{font-family:"Poppins",Arial,sans-serif;text-align:center;font-size:14px;color:#64748b;margin:16px 0 0!important}
.gk-eqm{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px;font-family:"Poppins",Arial,sans-serif}
.gk-eqm[hidden]{display:none}
.gk-eqm__box{position:relative;background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;padding:26px 26px 22px;box-shadow:0 30px 60px -20px rgba(15,23,42,.45);animation:gkEqmIn .2s ease}
@keyframes gkEqmIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gk-eqm__x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#f1f5f9;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.gk-eqm .gk-eqm__x:hover,.gk-eqm .gk-eqm__x:focus{background:#e2e8f0;color:#0f172a}
.gk-eqm__x svg{width:18px;height:18px}
.gk-eqm__head{display:flex;gap:16px;align-items:center;padding-right:30px}
.gk-eqm__img{width:88px;height:88px;border-radius:14px;object-fit:cover;background:#f6f8fa;flex:0 0 auto}
.gk-eqm__kicker{margin:0 0 2px!important;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#1ABC9C}
.gk-eqm__title{margin:0 0 4px;font-size:22px;font-weight:700;color:#0f172a;line-height:1.2}
.gk-eqm__sub{margin:0!important;font-size:13.5px;color:#64748b;line-height:1.45}
.gk-eqm__chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
.gk-eqm__chip{position:relative;cursor:pointer}
.gk-eqm__chip input{position:absolute;opacity:0;pointer-events:none}
.gk-eqm__chip span{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid #e2e8ef;background:#f7f9fa;font-size:13px;font-weight:500;color:#334155;transition:all .15s ease}
.gk-eqm__chip:hover span{border-color:#1ABC9C}
.gk-eqm__chip input:checked+span{background:#1ABC9C;border-color:#1ABC9C;color:#fff}
.gk-eqm__chip input:focus-visible+span{box-shadow:0 0 0 3px rgba(26,188,156,.3)}
.gk-eqm__wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:16px;background:#25D366;color:#fff!important;font-size:15px;font-weight:600;text-decoration:none!important;transition:background .15s ease}
.gk-eqm__wa:hover{background:#1ebe5b}
.gk-eqm__wa svg{width:20px;height:20px}
.gk-eqm__or{display:flex;align-items:center;gap:12px;margin:16px 0 4px!important;font-size:12.5px;color:#94a3b8}
.gk-eqm__or::before,.gk-eqm__or::after{content:"";flex:1;height:1px;background:#e2e8ef}
.gk-eqm__form{margin:8px 0 0}
.gk-eqm__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gk-eqm__form .gk-form__btn{align-self:stretch;padding:14px 20px}
.gk-eqm__form textarea.gk-form__field{min-height:64px!important}
body.gk-eqm-open{overflow:hidden}
body.gk-eqm-open .gk-cart-float,body.gk-eqm-open [class*="gk-fcart"]{display:none!important}
@media (max-width:560px){.gk-eqm{align-items:flex-end;padding:0}.gk-eqm__box{border-radius:20px 20px 0 0;max-height:92vh;padding:22px 18px 18px}.gk-eqm__img{width:64px;height:64px}.gk-eqm__title{font-size:19px}.gk-eqm__grid{grid-template-columns:1fr}}

/* Pantallas 2K/4K (2026-09-23): el sitio está pensado para ~1920 px; en monitores más anchos se
   veía chico (contenedor de 1140 px en 2560 px). Se escala TODO en proporción (texto, tarjetas,
   imágenes, contenedores) para que se vea como en Full HD. Por debajo de 2200 px no cambia nada. */
@media (min-width:2200px){html{zoom:1.15}}
@media (min-width:2500px){html{zoom:1.3}}
@media (min-width:3400px){html{zoom:1.7}}

/* Portadas turquesa: tono oscuro de la marca. Con el turquesa #1ABC9C de fondo se perdian el "box" del logo
   (las 2 versiones oficiales lo llevan en turquesa) y el hover del menu. Una regla por pagina (acotada por su contenedor). */
:root{--gk-portada-turq:linear-gradient(135deg,#0A4A41 0%,#0F7A67 100%)}
.el-22319 .gkav-hero,                    /* aulas-virtuales */
.el-20213 .el-element-d4abd9e,           /* software: credibox, fakturaya, pusaysoft, rentaya, tampusoft, tiendaya, tueduapp, waykusoft */
.el-16691 .el-element-7e97caf,           /* desarrollo-software */
.el-24755 .el-element-06cc0fb,           /* programa-de-comisiones */
.el-15205 .el-element-255ed23{background:var(--gk-portada-turq)!important} /* whois */
/* registro-dominios: conserva su degradado que se funde en blanco hacia las tarjetas (DNS, proteccion...). */
.el-15129 .el-element-5056cbb{background:linear-gradient(180deg,#0A4A41 0%,#0F7A67 62%,#fff 100%)!important}
/* Textura de las portadas turquesa: isotipo de Gokiebox (cubo) en blanco repetido (img/patron-gokiebox.svg); no va en registro-dominios (ya tiene las nubes), solo en la mitad baja,
   entrando suave y ganando cuerpo hacia abajo (mascara), con opacidad baja para que no canse. */
.el-22319 .gkav-hero,.el-20213 .el-element-d4abd9e,.el-16691 .el-element-7e97caf,.el-24755 .el-element-06cc0fb,
.el-15205 .el-element-255ed23{position:relative;isolation:isolate}
.el-22319 .gkav-hero::after,.el-20213 .el-element-d4abd9e::after,.el-16691 .el-element-7e97caf::after,.el-24755 .el-element-06cc0fb::after,
.el-15205 .el-element-255ed23::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url(../img/patron-gokiebox.svg) center top/180px 160px repeat;opacity:.06;
  -webkit-mask-image:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.45) 72%,#000 100%);mask-image:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.45) 72%,#000 100%)}
.el-22319 .gkav-hero>*,.el-20213 .el-element-d4abd9e>*,.el-16691 .el-element-7e97caf>*,.el-24755 .el-element-06cc0fb>*,
.el-15205 .el-element-255ed23>*{position:relative;z-index:1}
/* whois: el contenedor abarca tambien las secciones de abajo; la textura va en la franja oscura (su .x-con-inner), a todo el ancho. */
.el-15205 .el-element-255ed23::after{content:none}
.el-15205 .el-element-255ed23>.x-con-inner{position:relative}
.el-15205 .el-element-255ed23>.x-con-inner::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:0;pointer-events:none;
  background:url(../img/patron-gokiebox.svg) center top/180px 160px repeat;opacity:.06;
  -webkit-mask-image:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.45) 65%,#000 100%);mask-image:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.45) 65%,#000 100%)}
.el-15205 .el-element-255ed23>.x-con-inner>.x-con{position:relative;z-index:1}

/* Franja de logos de clientes: como item flex crecia al ancho de su pista (~9500 px) y en Chrome Android
   ensanchaba toda la pagina (cabecera con carrito/cuenta/menu fuera de pantalla). overflow:clip del html no lo evita. */
.gk-logos{min-width:0;max-width:100%}

/* Lightbox de fotos (galerías .gk-media-grid; JS en site.js). Por encima de la burbuja del chat. Cierra con X o Esc, no al hacer clic fuera. */
.gk-lb{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;background:rgba(8,15,14,.94);padding:56px 72px;font-family:'Poppins',sans-serif}
.gk-lb.is-open{display:flex}
html.gk-lb-open,html.gk-lb-open body{overflow:hidden}
.gk-lb__fig{margin:0;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}
.gk-lb__img{max-width:100%;max-height:calc(100vh - 112px);width:auto;height:auto;border-radius:10px;opacity:0;transition:opacity .25s ease;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.gk-lb__img.is-ready{opacity:1}
.gk-lb button{background:rgba(255,255,255,.12)!important;border:0!important;color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0!important;border-radius:50%!important;transition:background .15s ease}
.gk-lb button:hover,.gk-lb button:focus-visible{background:#1ABC9C!important;outline:none}
.gk-lb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.gk-lb__x{position:absolute;top:14px;right:14px;width:44px;height:44px}
.gk-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px}
.gk-lb__prev{left:14px}.gk-lb__next{right:14px}
.gk-lb.is-single .gk-lb__nav,.gk-lb.is-single .gk-lb__cont{display:none!important}
.gk-lb__cont{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.8);font-size:13px;letter-spacing:.04em}
.gk-media-grid a{cursor:zoom-in}
@media (max-width:767px){.gk-lb{padding:60px 10px}.gk-lb__nav{top:auto;bottom:12px;transform:none;width:44px;height:44px}.gk-lb__img{max-height:calc(100vh - 150px)}}