@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600&display=swap');

/* ===== Linkeia Design System v2.7 (child de twenty-one) ===== */

/* BUG corregido (reporte: "al cargar el Home se ve un velo con spinner"): el
   #fullpage-overlay NATIVO de WHMCS (footer.tpl del core) llegaba SIN estilos — las
   reglas .w-hidden y las del overlay viven en el CSS de twenty-one, que este tema NO
   carga. Sin display:none, el spinner SVG quedaba visible en pleno viewport durante la
   carga incremental (el final del documento aún estaba a la vista) hasta que el resto
   del contenido lo empujaba hacia abajo. Se portan aquí las reglas mínimas: oculto por
   defecto y, cuando WHMCS lo muestre de verdad (jQuery .show() → display:block inline,
   por eso SIN !important), velo centrado como en twenty-one. */
.w-hidden{display:none}
/* CLAVE: theme.min.css trae #fullpage-overlay{display:table} — un ID que SIEMPRE le
   ganaba a .w-hidden (por eso el overlay nunca estuvo oculto de verdad). El selector
   ID+clase lo supera; cuando WHMCS lo muestra (jQuery .show() = display inline) el
   inline gana a ambos y el velo aparece bien. */
#fullpage-overlay.w-hidden{display:none}
#fullpage-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5000;background:rgba(10,12,16,.72)}
#fullpage-overlay .outer-wrapper{display:table;width:100%;height:100%}
#fullpage-overlay .inner-wrapper{display:table-cell;vertical-align:middle;text-align:center;color:#fff}
#fullpage-overlay .inner-wrapper img{width:60px;height:60px}
#fullpage-overlay .msg{font-size:15px;color:#fff}
/* Acento primario: #17364D · Secundario (detalle): coral #FF564B */
:root{
  --lk-accent:#17364d; --lk-accent-h:#235174; --lk-accent-ink:#ffffff; --lk-accent2:#FF564B; --lk-accent3:#4BCCFE;
  --lk-bg:#F9FAFC; --lk-bg2:color-mix(in srgb, var(--wp-primary,#17364D) 6%, #ffffff); --lk-surface:#ffffff;
  --lk-ink:#131517; --lk-muted:#5B6B78; --lk-faint:#8A98A4;
  --lk-border:rgba(23,54,77,.12); --lk-chip:#EAF0F5;
  --lk-shadow:0 1px 2px rgba(20,33,44,.05),0 12px 32px rgba(20,33,44,.07);
  --lk-glass:rgba(255,255,255,.55); --lk-accent-glass:rgba(23,54,77,.80);
  --lk-link:#17364d; --lk-link-h:#235174;
  --lk-glass-card:rgba(255,255,255,.66); --lk-glow-a:rgba(23,54,77,.05); --lk-glow-b:rgba(23,54,77,.035);
  --sg-bg:255,255,255; --lk-logo-filter:none;
  --lk-r:10px;
}
/* ===== TOKENS DE TEMA (dark por SO o por toggle data-theme) ===== */
:root[data-theme="dark"],
:root:not([data-theme="light"]) [data-theme="dark"]{}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --lk-bg:#151C2E;--lk-bg2:#101625;--lk-surface:#1e2840;--lk-ink:#E7EEF3;
  --lk-muted:#9AAAB6;--lk-faint:#6B7B87;--lk-border:rgba(255,255,255,.10);--lk-chip:rgba(255,255,255,.06);
  --lk-accent:#6ea8d4;--lk-accent-h:#91bdde;--lk-accent-ink:#ffffff;--lk-accent2:#FF7A70; --lk-accent3:#6ad4ff;
  --lk-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35);
  --lk-glass:rgba(18,27,35,.55);--lk-accent-glass:rgba(110,168,212,.80);
  --sg-shape:rgba(255,255,255,.04);--sg-active:rgba(161,199,227,.16);
  --lk-link:#a1c7e3;--lk-link-h:#c8deef;
  --lk-glass-card:rgba(18,27,35,.52);--lk-glow-a:rgba(161,199,227,.07);--lk-glow-b:rgba(161,199,227,.045);
  --sg-bg:21,28,46;--lk-logo-filter:grayscale(1) brightness(0) invert(.82);
}}
:root[data-theme="dark"]{
  --lk-bg:#151C2E;--lk-bg2:#101625;--lk-surface:#1e2840;--lk-ink:#E7EEF3;
  --lk-muted:#9AAAB6;--lk-faint:#6B7B87;--lk-border:rgba(255,255,255,.10);--lk-chip:rgba(255,255,255,.06);
  --lk-accent:#6ea8d4;--lk-accent-h:#91bdde;--lk-accent-ink:#ffffff;--lk-accent2:#FF7A70; --lk-accent3:#6ad4ff;
  --lk-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35);
  --lk-glass:rgba(18,27,35,.55);--lk-accent-glass:rgba(110,168,212,.80);
  --sg-shape:rgba(255,255,255,.04);--sg-active:rgba(161,199,227,.16);
  --lk-link:#a1c7e3;--lk-link-h:#c8deef;
  --lk-glass-card:rgba(18,27,35,.52);--lk-glow-a:rgba(161,199,227,.07);--lk-glow-b:rgba(161,199,227,.045);
  --sg-bg:21,28,46;--lk-logo-filter:grayscale(1) brightness(0) invert(.82);
}
:root[data-theme="light"]{
  --lk-bg:#F9FAFC;--lk-bg2:color-mix(in srgb, var(--wp-primary,#17364D) 6%, #ffffff);--lk-surface:#ffffff;--lk-ink:#131517;
  --lk-muted:#5B6B78;--lk-faint:#8A98A4;--lk-border:rgba(23,54,77,.12);--lk-chip:#EAF0F5;
  --lk-accent:#17364d;--lk-accent-h:#235174;--lk-accent-ink:#ffffff;--lk-accent2:#FF564B; --lk-accent3:#4BCCFE;
  --lk-shadow:0 1px 2px rgba(20,33,44,.05),0 12px 32px rgba(20,33,44,.07);
  --lk-glass:rgba(255,255,255,.55);--lk-accent-glass:rgba(23,54,77,.80);
  --sg-shape:rgba(20,33,44,.05);--sg-active:rgba(23,54,77,.14);
  --lk-link:#17364d;--lk-link-h:#235174;
  --lk-glass-card:rgba(255,255,255,.66);--lk-glow-a:rgba(23,54,77,.05);--lk-glow-b:rgba(23,54,77,.035);
  --sg-bg:255,255,255;--lk-logo-filter:none;
}

/* Base */
body,body.primary-bg-color{background:var(--lk-bg)!important;color:var(--lk-ink)!important;
  font-family:var(--wp-font-body,'Instrument Sans'),system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.navbar-brand,.card-title{
  font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif!important;letter-spacing:-.01em;}
a{color:var(--lk-accent);}
a:hover{color:var(--lk-accent-h);}
/* Ancho del contenedor: SIEMPRE el ajuste th_cw del tema (token --wpb-cw) */
@media(min-width:1200px){.container{max-width:var(--wpb-cw,1400px)!important;}}

/* Header — SOLO la barra blanca (navbar) es sticky; el topbar se va con el scroll */
.primary-bg,.primary-bg-color{background:var(--lk-bg)!important;}
#header.header{display:contents;}
/* Compensacion automatica de anclas internas (#id) bajo el menu fijo: el JS del header
   mide el alto REAL de .lk-mainbar (varia por breakpoint) y ajusta esta variable; el
   valor de aqui es solo el fallback antes de que el JS corra. Nunca se debe fijar a mano
   por seccion: cualquier ancla de la pagina hereda esto automaticamente. */
:root{--lk-anchor-offset:40px}
html{scroll-padding-top:var(--lk-anchor-offset)}
[id]{scroll-margin-top:var(--lk-anchor-offset)}
.lk-mainbar{position:sticky;top:0;z-index:1030;
  transition:background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease;}
/* Override de página (Ajustes de página > Disposición > "No fijar el menú al hacer
   scroll"): el menu vuelve al flujo normal y se desplaza con el resto del contenido
   SOLO en esa página, en vez del comportamiento fijo/sticky por defecto del sitio. */
.lk-mainbar.lk-nofix{position:static}
/* glass (transparente + blur) cuando la barra se pega arriba al bajar */
.lk-mainbar.navbar-glass{background:var(--lk-glass)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
  box-shadow:0 8px 28px rgba(20,33,44,.12);border-bottom-color:transparent;}
.navbar{background:var(--lk-surface)!important;border-bottom:1px solid var(--lk-border);}
/* Topbar (barra de sesion) con fondo del acento indigo */
.topbar{background:var(--lk-accent)!important;}
.topbar,.topbar .btn,.topbar a,.topbar span,.topbar i,.topbar .input-group-text{color:#fff!important;}
.topbar .input-group-text{background:transparent!important;border:none!important;}
.topbar .active-client,.topbar .active-client .btn,.topbar .active-client .input-group-text,.topbar .btn-active-client,.topbar .active-client .input-group{background:transparent!important;box-shadow:none!important;}
.topbar .btn{background:transparent!important;border:none!important;box-shadow:none!important;}
.topbar .btn:hover{background:rgba(255,255,255,.14)!important;}
/* quitar bordes/subrayados de los elementos de cuenta del topbar (Conectado como / cliente / switch) */
.topbar .active-client,.topbar .active-client .input-group-text,.topbar .active-client .btn,
.topbar .btn-active-client,.topbar .btn-group,.topbar .btn-group .btn,.topbar .input-group{
  border:none!important;box-shadow:none!important;text-decoration:none!important;}
.topbar .btn-active-client{border-bottom:none!important;}
.topbar .badge{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
#cartItemCount,.cart-btn .badge{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
/* el desplegable de notificaciones va sobre fondo claro: texto oscuro */
#accountNotificationsContent,#accountNotificationsContent *{color:var(--lk-ink)!important;}
/* Buscador del header (KB): un solo pill limpio (lupa + campo unidos) */
.navbar .input-group.search{border:1px solid var(--lk-border)!important;border-radius:999px!important;
  overflow:hidden;background:var(--lk-surface);align-items:center;}
.navbar .input-group.search .btn,.navbar .input-group.search .form-control,
.navbar .input-group.search .input-group-prepend,.navbar .input-group.search .input-group-append{
  border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
.navbar .input-group.search .btn{color:var(--lk-muted)!important;}
.navbar .input-group.search:focus-within{border-color:var(--lk-accent)!important;box-shadow:0 0 0 3px rgba(23,54,77,.12)!important;}
/* Carrito: solo el icono, sin borde ni fondo */
.cart-btn{border:none!important;background:transparent!important;box-shadow:none!important;color:var(--lk-muted)!important;}
.cart-btn:hover{background:transparent!important;color:var(--lk-ink)!important;}

/* ===== HEADER PUBLICO (no logueado / paginas publicas): topbar CLARO + navbar TRANSPARENTE ===== */
/* Topbar claro: sobrescribe el indigo de la barra de sesion */
.topbar.lk-topbar-public{background:var(--lk-bg2)!important;border-bottom:1px solid var(--lk-border);}
.topbar.lk-topbar-public,.topbar.lk-topbar-public a,.topbar.lk-topbar-public .lk-tb-btn,
.topbar.lk-topbar-public span,.topbar.lk-topbar-public i{color:var(--lk-muted)!important;}
.topbar.lk-topbar-public a:hover,.topbar.lk-topbar-public .lk-tb-btn:hover{color:var(--lk-ink)!important;}
.lk-topbar-public .container>.d-flex{min-height:40px;width:100%;}
.lk-tb-left{gap:14px;}
.lk-tb-phone{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;text-decoration:none!important;}
.lk-tb-phone i{font-size:12px;}
.lk-tb-soc{display:inline-flex;align-items:center;gap:3px;}
.lk-tb-soc a{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;text-decoration:none!important;}
.lk-tb-soc a svg{width:12px;height:12px;display:block;}
.lk-tb-soc a:hover{background:var(--lk-chip);color:var(--lk-accent)!important;}
.lk-tb-right{gap:2px;margin-left:auto;}
.lk-tb-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:none!important;
  background:transparent!important;font-family:var(--wp-font-body,'Instrument Sans'),sans-serif;font-size:13px;font-weight:500;
  cursor:pointer;text-decoration:none!important;box-shadow:none!important;line-height:1;}
.lk-tb-btn:hover{background:var(--lk-chip)!important;}
.lk-tb-btn i{font-size:12px;}
.lk-tb-sep{width:1px;height:16px;background:var(--lk-border);margin:0 6px;display:inline-block;}
.lk-tb-login{font-weight:600;}
@media(max-width:640px){.lk-tb-phone span{display:none;}.lk-tb-soc{display:none;}.lk-tb-reg{display:none;}}
/* NOTA: el Home pasó a hero ENCAJONADO (caja redondeada con foto). El header ya NO se solapa
   con el hero, así que usa el MISMO header theme-aware que el resto del sitio (ver bloque final).
   Se eliminaron las reglas .lk-home-header que forzaban logo/menu/iconos en blanco. */

/* ===== Header reestructurado: menu en la linea del logo ===== */
.lk-mainbar>.container{display:flex;align-items:center;flex-wrap:nowrap;gap:18px;}
.lk-mainbar .navbar-brand{flex:0 0 auto;margin:0;padding:0;}
.lk-mainbar .navbar-brand .logo-img,.navbar-brand img.logo-img{max-width:150px!important;height:auto;width:auto;
  filter:var(--lk-logo-filter);transition:filter .2s;}
.lk-mainnav{flex:1 1 auto;min-width:0;padding:0;display:flex;justify-content:center;}
/* items alineados a la izquierda DENTRO del #nav (para que autoCollapse funcione),
   pero el bloque #nav se centra vía .lk-mainnav */
.lk-mainnav #nav{flex-wrap:wrap;align-items:center;justify-content:flex-start;margin:0;max-width:100%;}
.lk-mainbar #nav>li{margin:0;}
.lk-mainbar #nav .nav-link,.lk-mainbar #nav>li>a{padding:3px 14px!important;line-height:20px;font-weight:500;color:var(--lk-muted)!important;font-size:14px;letter-spacing:1px;text-transform:uppercase;}
.lk-mainbar #nav .nav-link:hover,.lk-mainbar #nav>li>a:hover{color:var(--lk-ink)!important;}
.lk-header-tools{flex:0 0 auto;display:flex;align-items:center;gap:4px;margin-left:auto;}
/* Toggle de dark mode */
.lk-theme-toggle{border:none!important;background:transparent!important;color:var(--lk-muted)!important;padding:6px 10px;box-shadow:none!important;}
.lk-theme-toggle:hover{color:var(--lk-ink)!important;background:transparent!important;transform:none!important;}
.lk-ic-sun{display:none!important;}
.lk-ic-moon{display:inline-block!important;}
:root[data-theme="dark"] .lk-ic-sun{display:inline-block!important;}
:root[data-theme="dark"] .lk-ic-moon{display:none!important;}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .lk-ic-sun{display:inline-block!important;}
  :root:not([data-theme="light"]) .lk-ic-moon{display:none!important;}
}
/* buscador retractil como OVERLAY: no empuja el menu (evita 2a linea) */
.lk-search{display:flex;align-items:center;position:relative;}
.lk-search-toggle{border:none!important;background:transparent!important;color:var(--lk-muted)!important;padding:6px 10px;box-shadow:none!important;position:relative;z-index:31;}
.lk-search-toggle:hover{color:var(--lk-ink)!important;background:transparent!important;transform:none!important;}
.lk-search-form{position:absolute;top:50%;right:34px;transform:translateY(-50%);z-index:30;}
.lk-search-form .form-control{width:0;padding:0;opacity:0;border:0!important;box-shadow:none!important;
  border-radius:999px!important;height:40px;background:var(--lk-surface)!important;
  transition:width .25s ease,opacity .2s ease,padding .25s ease;}
.lk-search.open .lk-search-form .form-control{width:270px;padding:0 18px;opacity:1;
  border:1px solid var(--lk-border)!important;box-shadow:var(--lk-shadow);}
.lk-search.open .lk-search-form .form-control:focus{border-color:var(--lk-accent)!important;box-shadow:0 0 0 4px rgba(23,54,77,.14)!important;}
@media(max-width:1200px){.lk-search.open .lk-search-form .form-control{width:200px;}}
/* toggler movil */
.lk-navtoggle{border:none!important;background:transparent!important;color:var(--lk-ink)!important;padding:6px 10px;box-shadow:none!important;}
.lk-navtoggle:hover{background:var(--lk-chip)!important;transform:none!important;}
@media(max-width:1199.98px){
  .lk-mainbar>.container{flex-wrap:wrap;}
  .lk-mainnav{flex-basis:100%;order:3;justify-content:flex-start;}
  .lk-mainnav #nav{justify-content:flex-start;}
}
/* cuenta del cliente movida al topbar */
.lk-topbar-account{flex-direction:row;margin:0;align-items:center;}
.lk-topbar-account>li>a,.lk-topbar-account .nav-link{color:var(--wp-primary,#17364D)!important;padding:.25rem .6rem!important;font-weight:600;}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .lk-topbar-account>li>a,:root:not([data-theme=light]) .lk-topbar-account .nav-link{color:var(--lk-hd-ink,#fff)!important;}}
:root[data-theme=dark] .lk-topbar-account>li>a,:root[data-theme=dark] .lk-topbar-account .nav-link{color:var(--lk-hd-ink,#fff)!important;}
.lk-topbar-account .dropdown-menu{margin-top:.4rem;z-index:1200;}
.topbar{position:relative;z-index:1060;}
/* dropdowns dentro del topbar: fondo claro, texto oscuro */
.topbar .dropdown-menu,.topbar .dropdown-menu *{color:var(--lk-ink)!important;}
.topbar .dropdown-menu a:hover{background:var(--lk-chip)!important;color:var(--lk-ink)!important;}
/* overflow: "+" en vez de "More" */
.collapsable-dropdown>a{font-size:0!important;position:relative;}
.collapsable-dropdown>a::before{content:"+";font-size:19px;font-weight:700;color:var(--lk-ink);}
.lk-mainbar #nav .collapsable-dropdown>a::before{color:var(--lk-ink);}
.navbar-brand{font-weight:700;color:var(--lk-ink)!important;}
.nav-link{color:var(--lk-muted)!important;font-weight:500;}
.nav-link:hover,.nav-link.active{color:var(--lk-ink)!important;}
.master-breadcrumb{color:var(--lk-muted);}

/* Botones: pill + acento indigo */
.btn{border-radius:999px!important;font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif!important;font-weight:600!important;
  letter-spacing:.01em;transition:transform .15s,box-shadow .15s,background .15s;}
.btn:hover{transform:translateY(-1px);}
/* Botones NEUTROS/outline por defecto (incluye primary/info/success) */
.btn-primary,.btn-info,.btn-success,.btn-default,.btn-secondary,.btn-outline-primary{
  background:transparent!important;border:1px solid var(--lk-border)!important;color:var(--lk-ink)!important;box-shadow:none!important;}
.btn-primary:hover,.btn-info:hover,.btn-success:hover,.btn-default:hover,.btn-secondary:hover,.btn-outline-primary:hover{
  background:var(--lk-chip)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
.btn-danger{background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;color:#fff!important;}
/* Buscar = ACENTO solido; Transferir = outline del acento */
#btnDomainSearch{
  background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;
  box-shadow:0 6px 16px rgba(var(--accent2-rgb,255,86,75),.28)!important;}
#btnDomainSearch:hover{
  background:var(--wp-accent-hi,var(--lk-accent2))!important;border-color:var(--wp-accent-hi,var(--lk-accent2))!important;color:var(--wp-accent-ink,#fff)!important;}
#btnDomainSearch2{
  background:transparent!important;border:2px solid var(--lk-accent2)!important;color:var(--lk-accent2)!important;box-shadow:none!important;}
#btnDomainSearch2:hover{
  background:transparent!important;color:var(--lk-accent2)!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important;}

/* ShapeGrid animado de fondo en la seccion del buscador de dominios */
:root{--sg-shape:rgba(20,33,44,.05);--sg-active:rgba(23,54,77,.14);}
.home-domain-search{position:relative;overflow:hidden;}
.lk-sg-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.home-domain-search>.container{position:relative;z-index:1;}
/* contenedor del buscador mas alto, con mas respiro */
.home-domain-search .p-5{padding-top:104px!important;padding-bottom:104px!important;}
/* ocultar breadcrumb */
.master-breadcrumb{display:none!important;}

/* ===== Buscador de dominios de la home: pill unificado ===== */
.home-domain-search .input-group-wrapper{max-width:840px;margin:0 auto;
  border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;}
.home-domain-search .input-group{
  border:1px solid var(--lk-border);border-radius:999px;background:var(--lk-surface);
  box-shadow:var(--lk-shadow);padding:7px 7px 7px 26px;align-items:center;flex-wrap:nowrap;
  transition:border-color .15s,box-shadow .15s;}
.home-domain-search .input-group:focus-within{border-color:var(--lk-accent);box-shadow:0 0 0 4px rgba(23,54,77,.12),var(--lk-shadow);}
.home-domain-search .input-group .form-control{
  border:none!important;background:transparent!important;box-shadow:none!important;
  height:48px;font-size:16px;padding:0 8px;flex:1 1 auto;min-width:0;}
.home-domain-search .input-group-append{display:flex!important;gap:8px;align-items:center;flex:none;margin:0;}
.home-domain-search .input-group-append .btn{border-radius:999px!important;padding:11px 24px!important;height:auto;white-space:nowrap;}
.home-domain-search h2{margin-bottom:22px;}
/* fila de TLD destacados y enlace de precios */
.home-domain-search .tld-logos{margin-top:44px;margin-bottom:10px;display:flex;gap:32px;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;}
.home-domain-search .tld-logos li{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--lk-muted);font-variant-numeric:tabular-nums;}
.home-domain-search .btn-link{color:var(--lk-accent)!important;font-weight:600;}
@media(max-width:575.98px){
  .home-domain-search .input-group{padding-left:18px;}
}

/* Cards / paneles */
.card,.panel{border-radius:var(--lk-r)!important;border:1px solid var(--lk-border)!important;
  background:var(--lk-surface)!important;box-shadow:var(--lk-shadow)!important;}
.card-footer,.panel-footer{background:var(--lk-bg2)!important;border-top:1px solid var(--lk-border)!important;}
.list-group-item{border-color:var(--lk-border)!important;}

/* Formularios */
.form-control,.custom-select,.input-group-text,select,textarea{border-radius:var(--lk-r)!important;
  border:1px solid var(--lk-border)!important;color:var(--lk-ink);}
.form-control:focus,select:focus,textarea:focus{border-color:var(--lk-accent)!important;
  box-shadow:0 0 0 4px rgba(23,54,77,.14)!important;}

/* Badges, alerts, tablas */
.badge{border-radius:999px!important;font-weight:600;padding:.35em .8em;}
.badge-info{background:var(--lk-accent2)!important;color:#fff!important;}
.badge-primary{background:var(--lk-accent)!important;}

/* ===== CORAL (#FF564B) como micro-acento en el area de clientes ===== */
/* Bullets/vinetas de las listas de contenido en coral (no toca nav/list-group/list-unstyled sin markers) */
.primary-content ul li::marker,.card-body ul li::marker{color:var(--lk-accent2);}
/* Badge del carrito: coral solido + circulo perfecto (refuerza el .badge-info del header) */
#cartItemCount.badge,.cart-btn .badge{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;border:none!important;
  min-width:18px;height:18px;padding:0 5px!important;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px!important;font-size:11px;line-height:1;font-weight:700;}
.alert{border-radius:var(--lk-r)!important;border:1px solid var(--lk-border);}
.table thead th{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--lk-faint);border-color:var(--lk-border);}
.table td,.table th{border-color:var(--lk-border)!important;}

/* Footer: neutro fijo en todas las escenas (claro #f3f5f7 + textos oscuros) */
.footer,footer{background:#f3f5f7!important;border-top:1px solid rgba(20,33,44,.08);
  color:#3a4149;}
.footer a,footer a{color:#121827!important;}
.footer a:hover,footer a:hover{color:var(--lk-accent2,#8A9096)!important;}

/* Banner promocional: aire en la linea 2 (subtitulo tras el titulo) */
.lk-promo-banner h1+*,.lk-promo-banner h2+*,.lk-promo-banner h3+*,.lk-promo-banner h4+*{margin-top:12px!important;}
.lk-promo-banner p{margin-top:8px!important;}
/* Banner promocional: fondo segun tema (blanco en claro, oscuro en dark) */
.lk-promo-banner{background:var(--lk-surface)!important;color:var(--lk-ink)!important;
  border:1px solid var(--lk-border)!important;border-radius:var(--lk-r)!important;overflow:hidden;}
.lk-promo-banner .card,.lk-promo-banner .bg-white,.lk-promo-banner [class*="bg-light"]{
  background:var(--lk-surface)!important;}
.lk-promo-banner [style*="background"]{background-color:var(--lk-surface)!important;}
.lk-promo-banner h1,.lk-promo-banner h2,.lk-promo-banner h3,.lk-promo-banner h4,.lk-promo-banner h5{color:var(--lk-ink)!important;}
.lk-promo-banner p,.lk-promo-banner li{color:var(--lk-muted)!important;}
/* Promo real de MarketConnect (.promo-banner, plantilla store/promos/upsell.tpl):
   fondo segun tema. En claro queda superficie blanca; en dark, superficie oscura. */
.promo-banner,.promo-banner.promo-banner-rounded{
  background:var(--lk-surface)!important;color:var(--lk-ink)!important;
  border:1px solid var(--lk-border)!important;border-top:1px solid var(--lk-border)!important;
  border-radius:var(--lk-r)!important;overflow:hidden;box-shadow:var(--lk-shadow);position:relative;}
/* Badge "Promo" en la esquina superior derecha (reemplaza al titulo "Recomendado para ti" oculto) */
.promo-banner::after{content:"Promo";position:absolute;top:14px;right:14px;z-index:2;
  font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  line-height:1;padding:5px 12px;border-radius:999px;
  color:#fff;background:var(--lk-accent2);border:1px solid var(--lk-accent2);
  box-shadow:0 2px 8px rgba(var(--lk-accent2-rgb,255,86,75),.30);}
.promo-banner .card-body{background:transparent!important;}
.promo-banner h3,.promo-banner h4{color:var(--lk-ink)!important;}
.promo-banner p{color:var(--lk-muted)!important;}
.promo-banner li{color:var(--lk-ink)!important;}
.promo-banner .fa-check-circle,.promo-banner i.far,.promo-banner i.fas{color:var(--lk-faint)!important;}
.promo-banner small a,.promo-banner .content a{color:var(--lk-link)!important;}

/* ===== TIPOGRAFIA DE CONTENIDO UNIFICADA a 14px (titulos/numeros/badges/botones exceptuados) ===== */
.primary-content{font-size:14px;}
.primary-content p,.primary-content li,.primary-content td,.primary-content th,.primary-content label,
.primary-content small,.primary-content .small,.primary-content .alert,.primary-content .alert *,
.primary-content .card-body *:not(.badge):not(.btn):not(.card-title):not(h1):not(h2):not(h3):not(h4),
.primary-content .list-group-item,.primary-content .list-group-item *:not(.badge):not(.btn),
.sidebar .card-body,.sidebar .card-body *:not(.badge):not(.btn),
.sidebar .list-group-item,.sidebar .list-group-item *:not(.badge):not(.btn),
.lk-stat-label,.lk-hello-sub,.sidebar-menu-item-label,
.footer,.footer *:not(.btn){
  font-size:14px!important;
}
/* Selector de idioma/moneda del footer: tinta de contraste sobre el primario */
#footer .btn[data-target="#modalChooseLanguage"]{color:#121827!important;font-weight:600;}
#footer .btn[data-target="#modalChooseLanguage"]:hover{color:var(--lk-accent2,#8A9096)!important;}

/* ===== Dashboard cliente (clientareahome) ===== */
.lk-hello-title{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.01em;color:var(--lk-ink);line-height:1.2;}
.lk-hello-sub{color:var(--lk-muted);font-size:14.5px;margin-top:2px;}
.lk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.lk-stat{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  background:var(--lk-surface);border:1px solid var(--lk-border);border-radius:var(--lk-r);
  padding:28px 22px;box-shadow:var(--lk-shadow);text-decoration:none!important;
  transition:transform .15s,box-shadow .15s;}
.lk-stat:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,33,44,.10);}
.lk-stat-num{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:28px;font-weight:700;line-height:1.1;
  color:var(--lk-ink);font-variant-numeric:tabular-nums;}
.lk-stat-label{font-size:12.5px;color:var(--lk-muted);margin-top:2px;}
.lk-stat-ico{width:34px;height:34px;border-radius:8px;background:var(--lk-chip);
  display:grid;place-items:center;color:var(--lk-muted);flex:none;}
.lk-stat-ico i{font-size:15px;}
@media(max-width:900px){.lk-stats{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.lk-stats{grid-template-columns:1fr;}}
/* paneles del home: quitar barra de acento fuerte, look limpio */
.client-home-cards .card-accent-blue,.client-home-cards .card-accent-green,
.client-home-cards .card-accent-red,.client-home-cards .card-accent-gold,
.client-home-cards .card-accent-orange{border-top:none!important;}
.client-home-cards .card-header{background:transparent!important;border-bottom:1px solid var(--lk-border);}
.client-home-cards .card-title{font-size:1rem;}
/* paneles del home menos compactos (mas altos) */
.client-home-cards .card-header{padding-top:18px!important;padding-bottom:18px!important;}
.client-home-cards .card-body{padding:26px 22px!important;}
.client-home-cards .card-footer{padding-top:15px!important;padding-bottom:15px!important;}
.client-home-cards .list-group-item{padding-top:14px;padding-bottom:14px;}
/* iconos de los headers del sidebar (Su Informacion, Contactos, etc.): mas pequenos y gris claro,
   como los demas iconos del panel — sin tocar el chevron de colapso */
.card-sidebar .card-title i:not(.card-minimise){font-size:.8em;color:var(--lk-faint)!important;}

/* Glassmorfismo en los cards del dashboard: dejan ver la textura del fondo */
.lk-stat,
.client-home-cards .card,
.card-sidebar{
  background:var(--lk-glass-card)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);
}
/* cabeceras/pies de card transparentes para que el blur cubra todo el card */
.client-home-cards .card-header,
.card-sidebar .card-header,
.client-home-cards .card-footer,
.card-sidebar .list-group-item,
.client-home-cards .list-group-item{background:transparent!important;}

/* Widget de registro de dominio en el dashboard (estilo Home: pill + ShapeGrid) */
.lk-dash-domain{position:relative;overflow:hidden;background:var(--lk-surface);
  border:1px solid var(--lk-border);border-radius:var(--lk-r);box-shadow:var(--lk-shadow);}
.lk-dash-domain-inner{position:relative;z-index:1;padding:48px 28px;text-align:center;}
.lk-dash-domain-title{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:22px;color:var(--lk-ink);}
.lk-dash-domain-form{max-width:720px;margin:0 auto;border:1px solid var(--lk-border);border-radius:999px;
  background:var(--lk-surface);box-shadow:var(--lk-shadow);padding:7px 7px 7px 24px;align-items:center;flex-wrap:nowrap;
  transition:border-color .15s,box-shadow .15s;}
.lk-dash-domain-form:focus-within{border-color:var(--lk-accent);box-shadow:0 0 0 4px rgba(23,54,77,.12),var(--lk-shadow);}
.lk-dash-domain-form .form-control{border:none!important;background:transparent!important;box-shadow:none!important;
  height:46px;font-size:15px;flex:1 1 auto;min-width:0;padding:0 8px;}
.lk-dash-domain-form .input-group-append{display:flex!important;gap:8px;align-items:center;flex:none;margin:0;}
.lk-dash-domain-form .btn{border-radius:999px!important;padding:10px 22px!important;height:auto;white-space:nowrap;}

/* Dark mode (preliminar) */
/* Reglas de tema SIEMPRE-ACTIVAS, dirigidas por tokens (funcionan en claro y oscuro) */
body,body.primary-bg-color,.primary-bg,.primary-bg-color{
  background-color:var(--lk-bg)!important;color:var(--lk-ink)!important;
  background-image:none!important;
}
/* areas de contenido transparentes para que la textura se vea a traves del glass */
#main-body,.primary-content,.sidebar{background:transparent!important;}
/* Home publico: el contenido .lk-home ocupa TODO el ancho (sin caja 1400 ni padding de row/col) */
#main-body.lk-home-body{padding:0!important;}
#main-body.lk-home-body>div{max-width:none!important;padding-left:0!important;padding-right:0!important;}
#main-body.lk-home-body .row{margin-left:0!important;margin-right:0!important;}
#main-body.lk-home-body .primary-content{padding-left:0!important;padding-right:0!important;}
.navbar,.card,.panel,.form-control,.custom-select,select,textarea{background:var(--lk-surface)!important;color:var(--lk-ink)!important;}
.card-footer{background:var(--lk-bg2)!important;}
.footer,footer{background:#f3f5f7!important;}
a{color:var(--lk-link)!important;} a:hover{color:var(--lk-link-h)!important;}
.text-muted{color:var(--lk-muted)!important;}

/* ============ HEADER THEME-AWARE: CLARO en light mode, OSCURO en dark ============ */
:root{--lk-hd-bg:transparent;--lk-hd-bd:rgba(23,54,77,.12);--lk-hd-ink:#5B6B78;--lk-hd-ink-h:#131517;--lk-hd-logo:none;--lk-hd-top:transparent;--lk-hd-top-bd:rgba(23,54,77,.12);--lk-hd-top-ink:#5B6B78;--lk-hd-glass:rgba(245,247,249,.90);--lk-hd-drop:#ffffff;--lk-hd-drop-ink:#131517;--lk-hd-field:#EAF0F5;--lk-hd-chip:rgba(20,33,44,.06)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--lk-hd-bg:transparent;--lk-hd-bd:rgba(255,255,255,.07);--lk-hd-ink:rgba(255,255,255,.84);--lk-hd-ink-h:#ffffff;--lk-hd-logo:grayscale(1) brightness(0) invert(1);--lk-hd-top:transparent;--lk-hd-top-bd:rgba(255,255,255,.06);--lk-hd-top-ink:rgba(255,255,255,.82);--lk-hd-glass:rgba(11,17,22,.90);--lk-hd-drop:#151132;--lk-hd-drop-ink:rgba(255,255,255,.82);--lk-hd-field:#212428;--lk-hd-chip:rgba(255,255,255,.10)}}
:root[data-theme="dark"]{--lk-hd-bg:transparent;--lk-hd-bd:rgba(255,255,255,.07);--lk-hd-ink:rgba(255,255,255,.84);--lk-hd-ink-h:#ffffff;--lk-hd-logo:grayscale(1) brightness(0) invert(1);--lk-hd-top:transparent;--lk-hd-top-bd:rgba(255,255,255,.06);--lk-hd-top-ink:rgba(255,255,255,.82);--lk-hd-glass:rgba(11,17,22,.90);--lk-hd-drop:#151132;--lk-hd-drop-ink:rgba(255,255,255,.82);--lk-hd-field:#212428;--lk-hd-chip:rgba(255,255,255,.10)}
:root[data-theme="light"]{--lk-hd-bg:transparent;--lk-hd-bd:rgba(23,54,77,.12);--lk-hd-ink:#5B6B78;--lk-hd-ink-h:#131517;--lk-hd-logo:none;--lk-hd-top:transparent;--lk-hd-top-bd:rgba(23,54,77,.12);--lk-hd-top-ink:#5B6B78;--lk-hd-glass:rgba(245,247,249,.90);--lk-hd-drop:#ffffff;--lk-hd-drop-ink:#131517;--lk-hd-field:#EAF0F5;--lk-hd-chip:rgba(20,33,44,.06)}
/* Navbar */
.lk-mainbar{background:var(--lk-hd-bg)!important;border-bottom:1px solid transparent!important;}
.lk-mainbar.navbar-glass{background:var(--lk-hd-glass)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
  box-shadow:0 8px 28px rgba(0,0,0,.10)!important;border-bottom-color:transparent!important;}
/* menu con #nav para ganarle a la regla base que lleva ID */
.lk-mainbar #nav .nav-link,.lk-mainbar #nav>li>a{color:var(--lk-hd-ink)!important;}
.lk-mainbar #nav .nav-link:hover,.lk-mainbar #nav>li>a:hover,.lk-mainbar #nav .nav-link.active{color:var(--lk-hd-ink-h)!important;}
/* logo: original en claro, blanco en oscuro */
.lk-mainbar .navbar-brand .logo-img,.lk-mainbar .navbar-brand img.logo-img{filter:var(--lk-hd-logo)!important;}
.lk-mainbar .lk-theme-toggle,.lk-mainbar .cart-btn,.lk-mainbar .lk-search-toggle,.lk-mainbar .lk-navtoggle,
.lk-mainbar .lk-theme-toggle i,.lk-mainbar .cart-btn i,.lk-mainbar .lk-search-toggle i,.lk-mainbar .lk-navtoggle span{color:var(--lk-hd-ink)!important;}
.lk-mainbar .lk-theme-toggle:hover,.lk-mainbar .cart-btn:hover,.lk-mainbar .lk-search-toggle:hover{color:var(--lk-hd-ink-h)!important;}
.lk-mainbar .lk-search-form .form-control{background:var(--lk-hd-field)!important;color:var(--lk-hd-ink-h)!important;border:none!important;}
.lk-mainbar .lk-search-form .form-control::placeholder{color:var(--lk-hd-ink)!important;}
.lk-mainbar .dropdown-menu{background:var(--lk-hd-drop)!important;border:1px solid var(--lk-hd-bd)!important;}
.lk-mainbar .dropdown-menu .dropdown-item,.lk-mainbar .dropdown-menu a{color:var(--lk-hd-drop-ink)!important;}
.lk-mainbar .dropdown-menu li,.lk-mainbar .dropdown-menu li:hover,.lk-mainbar .dropdown-menu .nav-item:hover{background:transparent!important;}
.lk-mainbar .dropdown-menu .dropdown-item:hover,.lk-mainbar .dropdown-menu a:hover{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
.lk-mainbar .dropdown-menu .dropdown-item:hover i,.lk-mainbar .dropdown-menu a:hover i{color:var(--wp-accent-ink,#fff)!important;}
/* Topbar (publico y dashboard) */
.topbar,.topbar.lk-topbar-public{background:var(--lk-hd-top)!important;border-bottom:1px solid transparent!important;}
.topbar,.topbar a,.topbar span,.topbar i,.topbar .btn,.topbar .lk-tb-btn,.topbar .input-group-text{color:var(--lk-hd-top-ink)!important;}
.topbar a:hover,.topbar .btn:hover,.topbar .lk-tb-btn:hover{color:var(--lk-hd-ink-h)!important;}
.topbar .lk-tb-btn:hover,.topbar .lk-tb-soc a:hover{background:var(--lk-hd-chip)!important;}
.topbar .lk-tb-sep{background:var(--lk-hd-bd)!important;}
.topbar .input-group-text,.topbar .btn-active-client{background:var(--lk-hd-chip)!important;}
.topbar .badge{background:var(--lk-accent2)!important;color:#fff!important;}
/* Rays del navbar: solo tienen sentido sobre el header OSCURO */
.lk-mainbar>.container{position:relative;z-index:1;}

/* ============ SPECULAR BUTTON (ReactBits) en botones secundarios / outline ============ */
:root{--lk-spec:rgba(23,54,77,.13);--lk-spec-bd:rgba(23,54,77,.34);}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --lk-spec:rgba(255,255,255,.20);--lk-spec-bd:rgba(255,255,255,.42);}}
:root[data-theme="dark"]{--lk-spec:rgba(255,255,255,.20);--lk-spec-bd:rgba(255,255,255,.42);}
:root[data-theme="light"]{--lk-spec:rgba(23,54,77,.13);--lk-spec-bd:rgba(23,54,77,.34);}
.btn-ghost,.btn-outline-primary,.btn-outline-secondary,.btn-default,.btn-secondary,.lk-domtab{
  position:relative;overflow:hidden;isolation:isolate;
  transition:border-color .22s ease,background .22s ease,transform .18s ease;}
.btn-ghost::before,.btn-outline-primary::before,.btn-outline-secondary::before,
.btn-default::before,.btn-secondary::before,.lk-domtab::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(130px circle at var(--sx,50%) var(--sy,50%),
    var(--lk-spec),transparent 62%);
  opacity:0;transition:opacity .3s ease;}
.btn-ghost:hover::before,.btn-outline-primary:hover::before,.btn-outline-secondary:hover::before,
.btn-default:hover::before,.btn-secondary:hover::before,.lk-domtab:hover::before{opacity:1;}
.btn-ghost:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover,
.btn-default:hover,.btn-secondary:hover{border-color:var(--lk-spec-bd)!important;}
/* en el hero (sobre foto oscura) el especular es siempre claro */
.lk-home .hero .btn-ghost::before{background:radial-gradient(130px circle at var(--sx,50%) var(--sy,50%),
  rgba(255,255,255,.30),transparent 62%);}

/* ============ TICKER de notificaciones (centro del topbar, tipo name.com) ============ */
.lk-ticker{flex:1 1 auto;position:relative;height:22px;min-width:0;margin:0 22px;text-align:center;overflow:hidden;}
.lk-ticker-nav{position:absolute;top:0;width:22px;height:22px;display:grid;place-items:center;padding:0;margin:0;
  border:none;background:transparent;color:var(--lk-accent2,#8A9096)!important;cursor:pointer;font-size:11px;line-height:1;z-index:2;}
.lk-ticker-nav:hover{filter:brightness(.85);}
/* el chevron va en acento: gana a ".topbar i{color:...!important}" por especificidad */
.topbar .lk-ticker-nav i,.topbar .lk-ticker-nav:hover i{color:var(--wpb-accent-tx,var(--lk-accent2,#8A9096))!important;}
.lk-ticker-prev{left:0;}
.lk-ticker-next{right:0;}
.lk-ticker-item{position:absolute;left:26px;right:26px;top:0;line-height:22px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;font-size:13px;opacity:0;transform:translateY(5px);
  transition:opacity .5s ease,transform .5s ease;pointer-events:none;text-decoration:none!important;}
.lk-ticker-item.is-active{opacity:1;transform:none;pointer-events:auto;}
.lk-ticker-item:hover{text-decoration:underline!important;}
@media(max-width:980px){.lk-ticker{display:none;}}

/* ===================== OFF-CANVAS DRAWER (menu movil) ===================== */
.lk-drawer-ov{position:fixed;inset:0;z-index:1090;background:rgba(8,12,20,.32);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  opacity:0;transition:opacity .32s ease;}
.lk-drawer-ov.is-open{opacity:1;}
.lk-drawer{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(84vw,320px);z-index:1100;
  background:color-mix(in srgb, var(--lk-bg) 80%, transparent);color:var(--lk-ink);box-shadow:none;
  -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
  transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s ease;
  display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.lk-drawer.is-open{transform:translateX(0);box-shadow:-18px 0 50px rgba(0,0,0,.30);}
.lk-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid var(--lk-border);}
.lk-drawer-logo{height:30px;width:auto;filter:var(--lk-logo-filter,none);}
.lk-drawer-brand{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-weight:700;color:var(--lk-ink);}
.lk-drawer-x{background:none;border:0;font-size:20px;line-height:1;color:var(--lk-ink);
  width:40px;height:40px;border-radius:10px;cursor:pointer;flex:none;}
.lk-drawer-x:hover{background:var(--lk-chip);}
.lk-drawer-nav{flex:1 1 auto;padding:8px 0;}
.lk-drawer-nav ul{list-style:none;margin:0;padding:0;}
.lk-drawer-nav li{margin:0;}
.lk-drawer-nav a,.lk-drawer-nav .nav-link{display:flex;align-items:center;gap:10px;
  padding:13px 22px;color:var(--lk-ink)!important;text-decoration:none;
  font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-weight:600;font-size:15.5px;
  border-bottom:0;transition:background .15s,color .15s;}
.lk-drawer-nav a:hover,.lk-drawer-nav .nav-link:hover,
.lk-drawer-nav a:focus,.lk-drawer-nav .nav-link:focus{background:var(--lk-chip);color:var(--lk-accent)!important;}
.lk-drawer-foot{padding:18px;display:flex;flex-direction:column;gap:10px;}
.lk-drawer-btn{display:flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 16px;border-radius:999px;font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-weight:600;
  text-decoration:none!important;border:1px solid var(--lk-border);color:var(--lk-ink)!important;transition:filter .15s;}
.lk-drawer-btn:hover{filter:brightness(.97);}
.lk-drawer-btn-primary{background:var(--lk-accent2);border-color:var(--lk-accent2);color:var(--wp-accent-ink,#fff)!important;}
.lk-drawer-btn-primary:hover{color:#fff!important;}
/* El drawer tambien sirve en PC: lo abre el toggle del header al hacer scroll */

/* buscador de base de conocimiento dentro del drawer (full width, sin retraer) */
.lk-drawer-search{display:flex;align-items:center;gap:10px;margin:14px 18px 6px;padding:11px 18px;
  border-radius:999px;background:var(--lk-chip);border:1px solid var(--lk-border);}
.lk-drawer-search i{color:var(--lk-faint);font-size:15px;flex:none;}
.lk-drawer-search input{flex:1;min-width:0;border:0!important;background:transparent!important;outline:none;
  box-shadow:none!important;color:var(--lk-ink);font-size:15px;padding:0;height:auto;}
.lk-drawer-search input::placeholder{color:var(--lk-faint);}
/* toggle de tema dentro del drawer */
.lk-drawer-theme{display:flex;align-items:center;gap:10px;width:100%;
  padding:12px 16px;border-radius:999px;border:1px solid var(--lk-border);background:transparent;
  color:var(--lk-ink);font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-weight:600;font-size:14.5px;cursor:pointer;
  transition:background .15s;}
.lk-drawer-theme:hover{background:var(--lk-chip);}
.lk-drawer-theme .lk-dth-ic{display:inline-flex;width:22px;justify-content:center;color:var(--lk-accent2);font-size:16px;}

/* en movil: quitar theme-toggle y buscador del navbar (van al drawer) -> navbar en una linea */
@media(max-width:1199.98px){.lk-mainbar .lk-theme-toggle,.lk-mainbar .lk-search{display:none!important;}}

/* hamburguesa mas grande, azul principal, hover coral */
.lk-navtoggle{padding:5px 10px!important;}
.lk-mainbar .lk-navtoggle span,.lk-navtoggle span{font-size:26px!important;line-height:1;color:var(--lk-accent)!important;}
.lk-mainbar .lk-navtoggle:hover span,.lk-navtoggle:hover span{color:var(--lk-accent2)!important;}
.lk-navtoggle:hover{background:transparent!important;}

/* ===================== BOTTOMBAR fijo (movil) ===================== */
.lk-botbar{display:none;}
@media(max-width:768px){
  .lk-botbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1080;
    background:color-mix(in srgb, var(--lk-bg) 82%, transparent);
    -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
    border-top:1px solid var(--lk-border);box-shadow:0 -6px 20px rgba(0,0,0,.10);
    padding:6px 4px;padding-bottom:calc(6px + env(safe-area-inset-bottom, 0px));}
  .lk-botbar-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    padding:6px 2px;background:none!important;border:0!important;cursor:pointer;text-decoration:none!important;
    color:var(--lk-ink)!important;font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:11px;font-weight:600;line-height:1;}
  .lk-botbar-item i{font-size:19px;line-height:1;color:var(--lk-accent)!important;transition:color .15s;}
  .lk-botbar-item:active i,.lk-botbar-item:hover i{color:var(--lk-accent2)!important;}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom, 0px))!important;}
}

/* ===================== MODAL de LOGIN (glass) ===================== */
.lk-lm-ov{position:fixed;inset:0;z-index:1190;background:rgba(8,12,20,.5);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .26s ease;}
.lk-lm-ov.is-open{opacity:1;}
.lk-lm{position:fixed;z-index:1200;top:50%;left:50%;transform:translate(-50%,-46%);opacity:0;pointer-events:none;
  width:min(92vw,420px);max-height:90vh;overflow-y:auto;overflow-x:hidden;border-radius:20px;padding:30px 26px 22px;
  background:color-mix(in srgb, var(--lk-bg) 88%, transparent);
  -webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);
  border:1px solid var(--lk-border);box-shadow:0 30px 70px rgba(0,0,0,.35);color:var(--lk-ink);
  transition:opacity .26s ease,transform .26s cubic-bezier(.4,0,.2,1);}
.lk-lm.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%);}
.lk-lm-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;background:none;border-radius:10px;
  color:var(--lk-ink);font-size:18px;cursor:pointer;line-height:1;}
.lk-lm-x:hover{background:var(--lk-chip);}
.lk-lm-head{text-align:center;margin-bottom:18px;}
.lk-lm-logo{height:34px;width:auto;margin-bottom:12px;filter:var(--lk-logo-filter,none);}
.lk-lm-head h3{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-weight:700;font-size:22px;margin:0 0 4px;color:var(--lk-ink);}
.lk-lm-head p{color:var(--lk-muted);font-size:13.5px;margin:0;}
.lk-lm-error{background:rgba(220,53,69,.12);border:1px solid rgba(220,53,69,.38);color:#d0392b;
  border-radius:11px;padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:14px;line-height:1.35;}
.lk-lm-ok{background:rgba(30,127,92,.12);border:1px solid rgba(30,127,92,.38);color:#1e7f5c;
  border-radius:11px;padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:14px;line-height:1.35;}
.lk-lm-field{margin-bottom:14px;}
.lk-lm-field>label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--lk-ink);}
.lk-lm-input{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:12px;
  background:var(--lk-surface);border:1px solid var(--lk-border);}
.lk-lm-input i{color:var(--lk-faint);font-size:14px;flex:none;}
.lk-lm-input input{flex:1;min-width:0;border:0!important;background:transparent!important;outline:none;box-shadow:none!important;
  color:var(--lk-ink)!important;font-size:15px;padding:0;height:auto;}
.lk-lm-input input::placeholder{color:var(--lk-faint);}
.lk-lm-input select{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--lk-ink);font-size:15px;
  font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;padding:0;}
.lk-lm-input select option{color:#131517;}
/* registro: modal mas ancho + rejilla de 2 columnas */
.lk-lm-wide{width:min(94vw,500px);}
.lk-lm *{box-sizing:border-box;}
.lk-lm-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;}
.lk-lm-2col>*,.lk-lm-field,.lk-lm-input{min-width:0;}
.lk-lm-input input,.lk-lm-input select{max-width:100%;}
/* widget de telefono (intl-tel-input) que aplica WHMCS: que llene la celda y no desborde */
.lk-lm-input .iti{flex:1 1 auto;min-width:0;width:100%;}
.lk-lm-input .iti input{width:100%;}
@media(max-width:460px){.lk-lm-2col{grid-template-columns:1fr;}}
.lk-lm-tos{font-size:12.5px;margin:2px 0 16px;align-items:flex-start;}
.lk-lm-tos input{margin-top:2px;}
/* registro por pasos (wizard) */
.lk-lm-steps{display:flex;justify-content:center;gap:8px;margin:-4px 0 18px;}
.lk-lm-dot{width:28px;height:5px;border-radius:3px;background:var(--lk-border);transition:background .25s;}
.lk-lm-dot.is-active{background:var(--lk-accent);}
.lk-lm-step{display:none;}
.lk-lm-step.is-active{display:block;}
.lk-lm-nav{gap:0 10px;margin-top:14px;}
.lk-lm-tos{margin-bottom:6px;}
.lk-lm-back{background:var(--lk-chip)!important;color:var(--lk-ink)!important;border:1.5px solid var(--lk-muted)!important;}
.lk-lm-back:hover{background:var(--lk-border)!important;filter:none;}
/* captcha de imagen en el registro */
.lk-lm-cap{display:flex;align-items:center;gap:10px;}
.lk-lm-cap img{height:46px;width:auto;border-radius:8px;border:1px solid var(--lk-border);background:#fff;cursor:pointer;flex:none;}
.lk-lm-cap input{flex:1;min-width:0;padding:11px 15px;border-radius:12px;background:var(--lk-surface);
  border:1px solid var(--lk-border);color:var(--lk-ink);font-size:15px;outline:none;letter-spacing:2px;}
.lk-lm-cap input::placeholder{color:var(--lk-faint);letter-spacing:normal;}
.lk-lm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 18px;font-size:13px;flex-wrap:wrap;}
.lk-lm-remember{display:flex;align-items:center;gap:7px;color:var(--lk-muted);margin:0;cursor:pointer;font-weight:500;}
.lk-lm-row>a{color:var(--lk-accent)!important;font-weight:600;}
.lk-lm-submit{width:100%;padding:13px;border:0;border-radius:999px;background:var(--lk-accent2);color:var(--wp-accent-ink,#fff)!important;
  font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:filter .15s;}
.lk-lm-submit:hover{filter:brightness(1.08);}
.lk-lm-foot{text-align:center;margin-top:16px;font-size:13.5px;color:var(--lk-muted);}
.lk-lm-foot a{color:var(--lk-accent)!important;font-weight:700;}

/* ===== Dropdown de idiomas con banderas (topbar) ===== */
.lk-langdd{position:relative;display:inline-flex;}
.lk-langdd-btn{display:inline-flex;align-items:center;gap:7px;}
.lk-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:0 0 auto;}
.lk-langdd-cv{font-size:9px;opacity:.6;transition:transform .15s;}
.lk-langdd.open .lk-langdd-cv{transform:rotate(180deg);}
.lk-langdd-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;max-height:340px;overflow:auto;background:var(--lk-hd-drop,#fff);border:1px solid var(--lk-border);border-radius:12px;box-shadow:0 14px 34px rgba(10,20,30,.16);padding:6px;display:none;z-index:1200;}
.lk-langdd.open .lk-langdd-menu{display:block;}
.lk-langdd-it{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--lk-hd-drop-ink,var(--lk-ink))!important;font-size:13px;font-weight:500;text-decoration:none!important;white-space:nowrap;}
.lk-langdd-it:hover{background:var(--lk-hd-chip,rgba(20,33,44,.06));}
.lk-langdd-it.is-on{background:var(--lk-hd-chip,rgba(20,33,44,.06));font-weight:700;}

/* Volver al admin: circulito con flecha arriba a la derecha (sustituye la pestana vertical de TwentyOne) */
a.btn-return-to-admin{position:fixed!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;transform:none!important;writing-mode:horizontal-tb!important;width:34px!important;height:34px!important;padding:0!important;margin:0!important;border-radius:50%!important;background:rgba(20,22,26,.55)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:1!important;z-index:1080!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;border:none!important;}
a.btn-return-to-admin i{font-size:13px!important;margin:0!important;}
a.btn-return-to-admin span{display:none!important;}
a.btn-return-to-admin::before,a.btn-return-to-admin::after{content:none!important;display:none!important;}
a.btn-return-to-admin:hover{background:rgba(20,22,26,.85)!important;color:#fff!important;}


/* ============ Buscador de dominios fijo al hacer scroll (PC) ============ */
/* Al pegarse la barra (navbar-glass) en escritorio: el menu se recoge tras el
   toggle (drawer) y en su lugar queda siempre a mano el registro de dominios. */
.lk-domsticky{display:none;align-items:center;flex:1 1 auto;max-width:540px;margin:0 20px;
  background:var(--lk-bg);border:1px solid var(--lk-border);border-radius:999px;padding:4px 4px 4px 18px;}
.lk-domsticky:focus-within{border-color:var(--lk-accent2);
  box-shadow:0 0 0 3px rgba(var(--accent2-rgb,255,86,75),.16);}
.lk-domsticky .lk-domsticky-q{flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;
  color:var(--lk-ink);padding:6px 8px;height:auto;box-shadow:none!important;outline:none;}
.lk-domsticky .lk-domsticky-go{background:var(--lk-accent2);color:var(--wp-accent-ink,#fff);border:none;
  border-radius:999px;padding:7px 20px;font-weight:600;white-space:nowrap;flex:none;}
.lk-domsticky .lk-domsticky-go:hover{filter:brightness(1.08);color:var(--wp-accent-ink,#fff);}
/* Boton-lupa (solo movil/tablet, ver mas abajo): oculto por defecto en escritorio */
.lk-domsticky-toggle{display:none;background:transparent;border:none;padding:0;cursor:pointer;}
@media(min-width:1200px){
  .lk-mainbar.navbar-glass .lk-mainnav{display:none!important;}
  .lk-mainbar.navbar-glass .lk-domsticky{display:flex;}
  .lk-mainbar.navbar-glass .lk-navtoggle{display:inline-flex!important;align-items:center;justify-content:center;}
}


/* Idioma + Moneda en la barra fija (PC, estado pegado) */
.lk-hd-lc{display:none;align-items:center;gap:2px;margin-right:4px;}
.lk-hd-lc .lk-tb-btn{color:var(--lk-hd-ink)!important;background:transparent!important;font-weight:600;}
.lk-hd-lc .lk-tb-btn:hover{color:var(--lk-hd-ink-h)!important;}
.lk-hd-lc .lk-langdd-menu{left:auto;right:0;}
@media(min-width:1200px){.lk-mainbar.navbar-glass .lk-hd-lc{display:flex;}}

/* Foco del buscador fijo: overlay oscuro + blur bajo la barra (z 1030) */
.lk-domfocus-ov{position:fixed;inset:0;z-index:1025;background:rgba(8,10,14,.45);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;pointer-events:none;transition:opacity .25s ease;}
body.lk-domfocus .lk-domfocus-ov{opacity:1;}

/* En PC el drawer no repite la busqueda de la base de conocimiento (ya esta la lupa en la barra fija) */
@media(min-width:1200px){.lk-drawer-search{display:none!important;}}

/* Sticky del header: body con height:100% capaba el area de pegado a UN viewport (la barra se iba a mitad de pagina). El body debe crecer con el contenido. */
html{height:auto!important;min-height:100%;}
body{height:auto!important;min-height:100vh;}

/* Controles de demo/admin solo en PC */
@media(max-width:1199.98px){a.btn-return-to-admin{display:none!important;}}

/* Footer en darkmode: gris muy oscuro con textos claros */
@media(prefers-color-scheme:dark){
  :root:not([data-theme=light]) .footer,:root:not([data-theme=light]) footer{background:#17181b!important;border-top-color:rgba(255,255,255,.07);color:rgba(255,255,255,.72);}
  :root:not([data-theme=light]) .footer a,:root:not([data-theme=light]) footer a{color:#fff!important;}
  :root:not([data-theme=light]) #footer .btn[data-target="#modalChooseLanguage"]{color:#fff!important;}
}
:root[data-theme=dark] .footer,:root[data-theme=dark] footer{background:#17181b!important;border-top-color:rgba(255,255,255,.07);color:rgba(255,255,255,.72);}
:root[data-theme=dark] .footer a,:root[data-theme=dark] footer a{color:#fff!important;}
:root[data-theme=dark] #footer .btn[data-target="#modalChooseLanguage"]{color:#fff!important;}
:root[data-theme=light] .footer,:root[data-theme=light] footer{background:#f3f5f7!important;color:#3a4149;}
:root[data-theme=light] .footer a,:root[data-theme=light] footer a{color:#121827!important;}
:root[data-theme=light] #footer .btn[data-target="#modalChooseLanguage"]{color:#121827!important;}

/* Movil/tablet con scroll: solo logo + buscador de dominios + carrito (menu = barra inferior) */
@media(max-width:1199.98px){
  /* BUG corregido (regresión "cabecera fija muy alta, 3 filas"): .lk-mainbar hereda
     flex-wrap:wrap de Bootstrap, y su .container lo hereda con flex-wrap:inherit.
     La decisión de salto de línea en flexbox usa el ancho NATURAL del item (no el
     encogido por flex-shrink), así que el buscador .lk-domsticky (ancho natural
     amplio) se iba entero a una línea nueva en vez de encogerse junto al logo y al
     carrito, y el carrito caía a una TERCERA línea — 194px de alto en vez de una
     sola fila compacta. Forzar nowrap aquí obliga a los 3 items (logo fijo, buscador
     flex:1 1 auto/min-width:0, carrito fijo) a compartir una sola línea y a que sea
     el buscador el que se encoja, tal como ya estaba pensado con min-width:0. */
  .lk-mainbar.navbar-glass{flex-wrap:nowrap!important}
  .lk-mainbar.navbar-glass .container{flex-wrap:nowrap!important}

  /* UX corregida (reporte del usuario: "no se ve bien, campo y boton apretados sin
     espacio"): en vez de encoger el campo completo a un ancho inservible (~40px de
     input), en movil/tablet el campo se queda OCULTO y en su lugar aparece solo un
     boton-lupa .lk-domsticky-toggle. Al pulsarlo se abre el MISMO formulario (sin
     duplicar campos ni logica de busqueda) como panel flotante colgado bajo la barra
     — .lk-mainbar ya es position:sticky (raiz de posicionamiento valida para
     position:absolute), así que "top:100%" lo coloca justo debajo sin necesidad de
     calcular la altura exacta de la barra. El toggle JS vive en header_t1.tpl/header.tpl. */
  .lk-mainbar.navbar-glass .lk-domsticky-toggle{display:inline-flex;align-items:center;gap:7px;
    height:37px;padding:0 13px 0 12px;border-radius:999px;color:var(--lk-accent2)!important;
    border:1.5px solid var(--lk-accent2)!important;background:transparent!important;
    font-size:15px;flex:0 1 auto;min-width:0;margin:0 2px;}
  .lk-mainbar.navbar-glass .lk-domsticky-toggle-label{font-size:13px;font-weight:700;
    color:var(--lk-accent2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
  .lk-mainbar.navbar-glass .lk-domsticky-toggle:hover{background:rgba(var(--accent2-rgb,255,86,75),.08)!important;}
  .lk-mainbar.navbar-glass.lk-dsopen .lk-domsticky-toggle{background:var(--lk-accent2)!important;}
  .lk-mainbar.navbar-glass.lk-dsopen .lk-domsticky-toggle,
  .lk-mainbar.navbar-glass.lk-dsopen .lk-domsticky-toggle-label{color:#fff!important;}

  .lk-mainbar.navbar-glass .lk-domsticky{display:none;}
  .lk-mainbar.navbar-glass.lk-dsopen .lk-domsticky{display:flex!important;
    position:absolute;top:100%;left:12px;right:12px;margin:8px 0 0;max-width:none;
    padding:4px 4px 4px 16px;box-shadow:0 16px 40px rgba(10,14,20,.2);}
  .lk-mainbar.navbar-glass.lk-dsopen .lk-domsticky .lk-domsticky-go{padding:7px 18px;}
}
/* Solo MOVIL (barra inferior presente): sin hamburguesa al hacer scroll */
@media(max-width:768px){
  .lk-mainbar.navbar-glass .lk-navtoggle{display:none!important;}
}

/* Badge de notificaciones: circulo ROJO fijo (no sigue la escena), numero blanco y onda sutil */
#accountNotifications .lk-notif-badge,.topbar .btn .lk-notif-badge,.lk-notif-badge{color:#fff!important;}
.lk-notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  padding:0 5px;border-radius:999px;background:#E5252C!important;color:#fff!important;
  font-size:11px;font-weight:700;line-height:1;position:relative;margin:0 3px;font-variant-numeric:tabular-nums;}
.lk-notif-badge::after{content:"";position:absolute;inset:0;border-radius:999px;
  box-shadow:0 0 0 0 rgba(229,37,44,.50);animation:lkNotifPulse 2.6s ease-out infinite;}
.lk-notif-badge.is-zero::after{animation:none;}
@keyframes lkNotifPulse{
  0%{box-shadow:0 0 0 0 rgba(229,37,44,.50);}
  70%{box-shadow:0 0 0 9px rgba(229,37,44,0);}
  100%{box-shadow:0 0 0 0 rgba(229,37,44,0);}
}
@media (prefers-reduced-motion: reduce){.lk-notif-badge::after{animation:none;}}

/* Paginacion (DataTables/Bootstrap): pagina activa en color de la ESCENA con tinta de contraste */
.pagination .page-item .page-link{color:var(--lk-ink)!important;background:var(--lk-surface)!important;border-color:var(--lk-border)!important;box-shadow:none!important;}
.pagination .page-item .page-link:hover{background:var(--lk-chip)!important;color:var(--lk-ink)!important;}
.pagination .page-item.active .page-link{background:var(--lk-accent)!important;border-color:var(--lk-accent)!important;color:var(--lk-accent-ink,#fff)!important;}
.pagination .page-item.active .page-link:hover{background:var(--lk-accent-h,var(--lk-accent))!important;color:var(--lk-accent-ink,#fff)!important;}
.pagination .page-item.disabled .page-link{color:var(--lk-faint)!important;background:var(--lk-surface)!important;}
.dataTables_paginate .paginate_button.current,.dataTables_paginate .paginate_button.current:hover{background:var(--lk-accent)!important;border-color:var(--lk-accent)!important;color:var(--lk-accent-ink,#fff)!important;}

/* Boton Administrar de las listas (estilo Lagom con nuestros tokens) */
.table-list .lk-manage-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;
  border:1px solid var(--lk-border)!important;background:var(--lk-surface)!important;color:var(--lk-ink)!important;
  border-radius:0;font-weight:600;font-size:13px;white-space:nowrap;box-shadow:none!important;
  transition:border-color .15s,color .15s,box-shadow .15s;}
.table-list .lk-manage-btn:hover{border-color:var(--lk-accent)!important;color:var(--lk-accent)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.12)!important;transform:none;}

/* Tablas del area de cliente: fondos por TOKENS (el blanco de WHMCS ignoraba el darkmode) */
.table-container{background:transparent!important;}
.table,.table-list{background:transparent!important;color:var(--lk-ink)!important;}
.table-list thead th{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
.table-list tbody tr,.table-list tbody td{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
.table-striped tbody tr:nth-of-type(odd) td{background:var(--lk-bg2)!important;}
.table-list tbody tr:hover td{background:var(--lk-chip)!important;}
.dataTables_wrapper,.dataTables_info,.dataTables_length,.dataTables_filter{color:var(--lk-muted)!important;background:transparent!important;}

/* Idioma + moneda tambien en el topbar del area de cliente (logueado) */
.lk-tb-lc .lk-langdd-menu{left:auto;right:0;}
.lk-topbar-right .lk-tb-btn{color:var(--lk-hd-top-ink,var(--lk-ink))!important;font-weight:600;background:transparent!important;border:none!important;box-shadow:none!important;}
.lk-topbar-right .lk-tb-btn:hover{color:var(--lk-hd-ink-h,var(--lk-ink))!important;}

/* Badges contadores del sidebar (Ver: Activo/Vencido...): ACENTO de la escena con su tinta */
.sidebar .list-group-item .badge,.sidebar .badge,#main-body .list-group-item .badge{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;border:none!important;box-shadow:none!important;}

/* Dropdowns Bootstrap (Mas..., cuenta, bulk actions): superficie y tinta por TOKENS (dark incluido) */
.dropdown-menu{background:var(--lk-surface)!important;border:1px solid var(--lk-border)!important;color:var(--lk-ink)!important;box-shadow:var(--lk-shadow)!important;}
.dropdown-menu .dropdown-item{color:var(--lk-ink)!important;background:transparent!important;}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item.active{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
.dropdown-menu .dropdown-item:hover i,.dropdown-menu .dropdown-item:focus i{color:var(--wp-accent-ink,#fff)!important;}
.dropdown-menu li,.dropdown-menu li:hover{background:transparent!important;}
.dropdown-menu .dropdown-item i{color:var(--lk-accent)!important;}
.dropdown-menu .dropdown-divider{border-top-color:var(--lk-border)!important;}
.dropdown-menu .dropdown-header{color:var(--lk-muted)!important;}

/* El selector idioma/moneda del footer sobra (ya vive en el topbar publico y logueado) */
#footer .btn[data-target="#modalChooseLanguage"]{display:none!important;}

/* Tabs Bootstrap (Registrant/Admin/Tech/Billing, etc.): fondos y bordes por TOKENS */
.nav-tabs{border-bottom-color:var(--lk-border)!important;}
.nav-tabs .nav-link{color:var(--lk-muted)!important;background:transparent!important;border-color:transparent!important;}
.nav-tabs .nav-link:hover{color:var(--lk-ink)!important;border-color:var(--lk-border) var(--lk-border) transparent!important;}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--lk-ink)!important;background:var(--lk-surface)!important;border-color:var(--lk-border) var(--lk-border) var(--lk-surface)!important;font-weight:600;}
.tab-content{background:transparent!important;color:var(--lk-ink)!important;}
.nav-pills .nav-link{color:var(--lk-ink)!important;}
.nav-pills .nav-link.active{background:var(--lk-accent)!important;color:var(--lk-accent-ink,#fff)!important;}

/* Departamentos de soporte: grid de cards 3 columnas */
.lk-dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:991.98px){.lk-dept-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575.98px){.lk-dept-grid{grid-template-columns:1fr;}}
.lk-dept-card{display:flex;flex-direction:column;gap:9px;padding:22px;background:var(--lk-surface)!important;border:1px solid var(--lk-border);border-radius:10px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s;}
.lk-dept-card:hover{border-color:var(--lk-accent2);box-shadow:0 10px 26px rgba(0,0,0,.14);transform:translateY(-2px);}
.lk-dept-ico{width:40px;height:40px;border-radius:10px;background:var(--lk-chip);display:inline-flex;align-items:center;justify-content:center;font-size:16px;}
.lk-dept-ico i{color:var(--lk-accent2)!important;}
.lk-dept-name{font-weight:700;color:var(--lk-ink)!important;font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:15px;}
.lk-dept-desc{color:var(--lk-muted)!important;font-size:13.5px;line-height:1.55;}

/* Editor Markdown de tickets: area y barras por TOKENS (el blanco ignoraba el darkmode) */
.CodeMirror{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
.CodeMirror-cursor{border-left:1px solid var(--lk-ink)!important;}
.CodeMirror-selected{background:var(--lk-chip)!important;}
.markdown-editor,.markdown-editor .btn-toolbar,.editor-toolbar{background:var(--lk-surface)!important;border-color:var(--lk-border)!important;color:var(--lk-ink)!important;}
.markdown-editor .btn-toolbar .btn,.editor-toolbar a{color:var(--lk-muted)!important;background:transparent!important;}
.markdown-editor .btn-toolbar .btn:hover,.editor-toolbar a:hover{color:var(--lk-ink)!important;background:var(--lk-chip)!important;}
.markdown-editor-status,.editor-statusbar{background:var(--lk-bg2)!important;color:var(--lk-muted)!important;border-color:var(--lk-border)!important;}

/* Formularios del area de cliente: addons por tokens y radios contenidos (8px) */
#main-body .input-group-text{background:var(--lk-bg2)!important;color:var(--lk-muted)!important;border:1px solid var(--lk-border)!important;}
#main-body .form-control,#main-body .custom-select,#main-body select,#main-body textarea,#main-body .input-group-text{border-radius:0!important;}
#main-body .form-group .form-control,#main-body .form-group .custom-select,#main-body .form-group select,#main-body .form-group textarea{width:100%!important;max-width:100%!important;}
#main-body .btn{border-radius:0!important;}
/* los buscadores pill del tema conservan su forma */
#main-body .lk-dash-domain-form,#main-body .lk-dash-domain-form .form-control{border-radius:999px!important;}
#main-body .lk-dash-domain-form .btn,#main-body .home-domain-search .input-group-append .btn{border-radius:999px!important;}
#main-body .home-domain-search .input-group,#main-body .home-domain-search .input-group .form-control{border-radius:999px!important;}

/* ============ Carrito (standard_cart) por TOKENS: dark y escenas ============ */
html #order-standard_cart{color:var(--lk-ink);}
html #order-standard_cart .card,html #order-standard_cart .panel{background:var(--lk-surface)!important;border-color:var(--lk-border)!important;color:var(--lk-ink)!important;}
html #order-standard_cart .card-header,html #order-standard_cart .panel-heading{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
html #order-standard_cart .panel-title{color:var(--lk-ink)!important;}
html #order-standard_cart .list-group-item{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
html #order-standard_cart .list-group-item.active{background:var(--lk-chip)!important;color:var(--lk-accent2)!important;border-left:3px solid var(--lk-accent2)!important;}
html #order-standard_cart .list-group-item:hover{background:var(--lk-chip)!important;color:var(--lk-ink)!important;}
html #order-standard_cart .header-lined{border-bottom-color:var(--lk-border)!important;}
html #order-standard_cart .header-lined h1,html #order-standard_cart .header-lined p{color:var(--lk-ink)!important;}
html #order-standard_cart .product{background:var(--lk-surface)!important;border:1px solid var(--lk-border)!important;color:var(--lk-ink)!important;border-radius:0;overflow:hidden;}
html #order-standard_cart .product header{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-bottom:1px solid var(--lk-border)!important;}
html #order-standard_cart .product header span{color:var(--lk-ink)!important;}
html #order-standard_cart .product .product-desc,html #order-standard_cart .product .product-desc p,html #order-standard_cart .product .product-desc ul li{color:var(--lk-muted)!important;}
html #order-standard_cart .product .product-desc ul li span{color:var(--lk-ink)!important;}
html #order-standard_cart .product-pricing{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
html #order-standard_cart .product-pricing .price,html #order-standard_cart .price,html #order-standard_cart .cycle{color:var(--lk-ink)!important;}
html #order-standard_cart .product .btn,html #order-standard_cart .btn-add-to-cart{background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
html #order-standard_cart .product .btn:hover{filter:brightness(1.08);}
html #order-standard_cart .summary-container,html #order-standard_cart #orderSummary,html #order-standard_cart .order-summary{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
html #order-standard_cart #orderSummary .subtotal,html #order-standard_cart .amt,html #order-standard_cart .total-due-today-amt{color:var(--lk-ink)!important;}
html #order-standard_cart .view-cart-items,html #order-standard_cart .view-cart-items .item{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;}
html #order-standard_cart .sub-heading span{background:var(--lk-bg)!important;color:var(--lk-muted)!important;}

/* ============ Login premium ============ */
.lk-login-form{display:flex;justify-content:center;padding:56px 16px 72px;}
.lk-login-card{width:100%;max-width:460px;background:var(--lk-surface)!important;border:1px solid var(--lk-border);border-radius:14px;box-shadow:var(--lk-shadow);padding:38px 36px 30px;}
.lk-login-head{text-align:center;margin-bottom:26px;}
.lk-login-emblem{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--lk-accent2,#8A9096) 14%, transparent);margin-bottom:14px;}
.lk-login-emblem i{font-size:20px;color:var(--lk-accent2)!important;}
.lk-login-title{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:1.55rem;font-weight:700;color:var(--lk-ink)!important;margin:0 0 4px;}
.lk-login-sub{color:var(--lk-muted)!important;font-size:14px;margin:0;}
.lk-login-label{font-weight:600;font-size:13px;color:var(--lk-ink)!important;margin-bottom:7px;}
.lk-login-lblrow{display:flex;align-items:center;justify-content:space-between;}
.lk-login-forgot{font-size:12.5px;color:var(--lk-accent2)!important;font-weight:600;text-decoration:none!important;}
.lk-login-forgot:hover{text-decoration:underline!important;}
.lk-login-field{display:flex;align-items:center;gap:2px;border:1px solid var(--lk-border);border-radius:10px;background:var(--lk-bg)!important;padding:2px 6px 2px 14px;transition:border-color .15s,box-shadow .15s;}
.lk-login-field:focus-within{border-color:var(--lk-accent2);box-shadow:0 0 0 3px rgba(var(--accent2-rgb,255,86,75),.15);}
.lk-login-field>i{color:var(--lk-muted)!important;font-size:13px;flex:none;}
.lk-login-field .form-control{border:none!important;background:transparent!important;box-shadow:none!important;height:44px;font-size:14.5px;flex:1 1 auto;min-width:0;}
.lk-login-field .btn-reveal-pw{background:transparent!important;border:none!important;color:var(--lk-muted)!important;box-shadow:none!important;padding:8px 10px;flex:none;}
.lk-login-field .btn-reveal-pw:hover{color:var(--lk-ink)!important;transform:none;}
.lk-login-remember{display:flex;align-items:center;gap:8px;color:var(--lk-muted)!important;font-size:13.5px;margin:2px 0 18px;cursor:pointer;}
.lk-login-btn{display:flex;width:100%;align-items:center;justify-content:center;background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;font-weight:700;padding:13px 20px;font-size:15px;box-shadow:0 8px 20px rgba(var(--accent2-rgb,255,86,75),.25)!important;}
.lk-login-btn:hover{filter:brightness(1.08);color:var(--wp-accent-ink,#fff)!important;}
.lk-login-foot{text-align:center;border-top:1px solid var(--lk-border);margin:24px -36px 0;padding:18px 20px 0;color:var(--lk-muted)!important;font-size:13.5px;}
.lk-login-foot a{color:var(--lk-accent2)!important;font-weight:700;margin-left:4px;}
@media(max-width:575.98px){.lk-login-card{padding:28px 20px 22px;}.lk-login-foot{margin:20px -20px 0;}}

/* Editor de tickets (textarea) y campo de adjuntos: tokens (dark incluido) */
#main-body textarea,#main-body .markdown-editor textarea,.markdown-editor .form-control{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border:1px solid var(--lk-border)!important;box-shadow:none!important;}
#main-body textarea:focus{border-color:var(--lk-accent2)!important;box-shadow:0 0 0 3px rgba(var(--accent2-rgb,255,86,75),.14)!important;}
.custom-file-label{background:var(--lk-surface)!important;color:var(--lk-muted)!important;border:1px solid var(--lk-border)!important;border-radius:0!important;}
.custom-file-label::after{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-left:1px solid var(--lk-border)!important;border-radius:0!important;}
.custom-file-input:focus~.custom-file-label{border-color:var(--lk-accent2)!important;box-shadow:0 0 0 3px rgba(var(--accent2-rgb,255,86,75),.14)!important;}
input[type=file]{color:var(--lk-muted)!important;}

/* Editor bootstrap-markdown (.md-editor) de tickets: TOKENS completos */
.md-editor{background:var(--lk-surface)!important;border:1px solid var(--lk-border)!important;border-radius:0!important;overflow:hidden;width:100%;}
.md-editor>.md-header,.md-editor .md-header{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-bottom:1px solid var(--lk-border)!important;}
.md-editor .md-header .btn,.md-editor .md-header .btn-default{background:transparent!important;border:none!important;color:var(--lk-muted)!important;box-shadow:none!important;}
.md-editor .md-header .btn:hover,.md-editor .md-header .btn.active{background:var(--lk-chip)!important;color:var(--lk-ink)!important;}
.md-editor textarea,.md-editor .md-input{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border:none!important;box-shadow:none!important;}
.md-editor>.md-footer,.md-editor .md-footer{background:var(--lk-bg2)!important;color:var(--lk-muted)!important;border-top:1px solid var(--lk-border)!important;}
.md-editor .md-preview{background:var(--lk-surface)!important;color:var(--lk-ink)!important;}
.md-editor.active{border-color:var(--lk-accent2)!important;box-shadow:0 0 0 3px rgba(var(--accent2-rgb,255,86,75),.14)!important;}

/* Campos mas altos y comodos en el area de cliente */
#main-body input.form-control,#main-body .custom-select,#main-body select.form-control{min-height:46px;padding-top:10px!important;padding-bottom:10px!important;}
#main-body textarea.form-control{padding:12px 14px!important;}

/* Botones de envio (CTA principal de formularios): ACENTO con tinta de contraste */
#main-body button[type=submit].btn,#main-body input[type=submit].btn{background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;font-weight:700;}
#main-body button[type=submit].btn:hover,#main-body input[type=submit].btn:hover{filter:brightness(1.08);color:var(--wp-accent-ink,#fff)!important;}

/* ===== Carrito: barrido de blancos restantes (config producto, addons, dominio, checkout, renovaciones) ===== */
html #order-standard_cart .product-info,html #order-standard_cart .panel-addon,html #order-standard_cart .panel-price,html #order-standard_cart .panel-add,html #order-standard_cart .addon-products .panel,html #order-standard_cart .item,html #order-standard_cart .account,html #order-standard_cart .account-select,html #order-standard_cart .domain-input-group,html #order-standard_cart .optionbox,html #order-standard_cart .option{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;border-radius:0!important;}
html #order-standard_cart .product-info *,html #order-standard_cart .item *:not(.btn):not(.label),html #order-standard_cart .account *:not(.btn):not(.label){color:var(--lk-ink)!important;}
html #order-standard_cart .product-info .text-muted,html #order-standard_cart .item small,html #order-standard_cart .account small{color:var(--lk-muted)!important;}
html #order-standard_cart .panel-addon-selected{border-color:var(--lk-accent2)!important;box-shadow:0 0 0 1px var(--lk-accent2)!important;}
html #order-standard_cart .sub-heading span{background:var(--lk-bg)!important;color:var(--lk-muted)!important;}
html #order-standard_cart .card,html #order-standard_cart .panel,html #order-standard_cart .product,html #order-standard_cart .summary-container{border-radius:0!important;}
/* resumen: aire alrededor del boton Continuar */
html #order-standard_cart .summary-container{padding-bottom:20px!important;}
html #order-standard_cart .summary-container .btn,html #order-standard_cart #btnCompleteProductConfig,html #order-standard_cart .btn-checkout{margin:14px 0 6px!important;}

/* ===== Codigo EPP protagonista ===== */
.lk-epp-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 24px;margin-top:8px;background:var(--lk-bg)!important;border:2px dashed var(--lk-accent2);text-align:center;}
.lk-epp-label{color:var(--lk-muted)!important;font-size:13.5px;font-weight:600;}
.lk-epp-label i{color:var(--lk-accent2)!important;margin-right:6px;}
.lk-epp-code{font-family:Consolas,Menlo,monospace;font-size:30px;font-weight:700;letter-spacing:2px;color:var(--lk-ink)!important;user-select:all;word-break:break-all;line-height:1.3;}
.lk-epp-copy{background:transparent!important;border:2px solid var(--lk-accent2)!important;color:var(--lk-accent2)!important;font-weight:700;padding:9px 22px;}
.lk-epp-copy:hover{box-shadow:0 8px 20px rgba(0,0,0,.16)!important;}
.lk-epp-copy.ok{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}

/* Checkout: promos, total, tarjeta, radios y badges por tokens/acento */
html #order-standard_cart .promo,html #order-standard_cart .tab-pane.promo,html #order-standard_cart [class*=marketconnect]{background:var(--lk-surface)!important;border:1px solid var(--lk-border)!important;border-radius:0!important;}
html #order-standard_cart .promo *:not(.btn):not(.btn *){color:var(--lk-ink)!important;}
html #order-standard_cart .promo .btn{border-radius:0!important;}
html #order-standard_cart .total-due-today{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border:1px solid var(--lk-border)!important;border-radius:0!important;}
html #order-standard_cart .total-due-today *{color:var(--lk-ink)!important;}
html #order-standard_cart .cc-input-container,html #order-standard_cart #creditCardInputFields,html #order-standard_cart #existingCardInfo,html #order-standard_cart .existing-cc-grid{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-color:var(--lk-border)!important;margin-bottom:24px!important;border-radius:0!important;}
/* iCheck (icheck-bootstrap): marcados con el ACENTO de la escena */
[class^=icheck-]>input:first-child:checked+label::before,[class^=icheck-]>input:first-child:checked+input[type=hidden]+label::before,[class*=" icheck-"]>input:first-child:checked+label::before{background-color:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;}
/* badges informativos del carrito (USD, etc.) en acento */
html #order-standard_cart .badge-info,html #order-standard_cart .label-info{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}

/* iCheck (sprites azules): redibujados por CSS con el ACENTO */
.icheckbox_square-blue,.iradio_square-blue,.icheckbox_square-green,.iradio_square-green{background-image:none!important;width:22px!important;height:22px!important;background:var(--lk-surface)!important;border:2px solid var(--lk-faint,#8a9096)!important;position:relative!important;box-sizing:border-box!important;}
.iradio_square-blue,.iradio_square-green{border-radius:50%!important;}
.icheckbox_square-blue.hover,.iradio_square-blue.hover{border-color:var(--lk-accent2)!important;}
.icheckbox_square-blue.checked,.iradio_square-blue.checked,.icheckbox_square-green.checked,.iradio_square-green.checked{background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;}
.icheckbox_square-blue.checked::after,.iradio_square-blue.checked::after,.icheckbox_square-green.checked::after,.iradio_square-green.checked::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid var(--wp-accent-ink,#fff);border-width:0 2px 2px 0;transform:rotate(45deg);}
.icheckbox_square-blue.disabled,.iradio_square-blue.disabled{opacity:.45;}

/* MarketConnect promos (.mc-promo): tokens en dark y light */
.mc-promo{background:var(--lk-surface)!important;border:1px solid var(--lk-border)!important;border-radius:0!important;}
.mc-promo .header,.mc-promo .body,.mc-promo .content{background:transparent!important;color:var(--lk-ink)!important;}
.mc-promo .header *:not(.btn):not(.btn *),.mc-promo .body *:not(.btn):not(.btn *){color:var(--lk-ink)!important;}
.mc-promo .price{color:var(--lk-muted)!important;}

/* Ver carrito: cabecera de items con el PRIMARIO de la escena; vaciar y tab por tokens */
html #order-standard_cart .view-cart-items-header,html #order-standard_cart .table-head{background:var(--lk-bg2)!important;color:var(--lk-ink)!important;border-radius:0!important;border:1px solid var(--lk-border)!important;}
html #order-standard_cart .view-cart-items-header *{color:var(--lk-ink)!important;}
html #order-standard_cart .empty-cart .btn,html #order-standard_cart .btn-empty-cart{background:var(--lk-bg2)!important;border-color:var(--lk-border)!important;color:var(--lk-ink)!important;}
html #order-standard_cart .nav-tabs .nav-link.active{background:var(--lk-surface)!important;color:var(--lk-ink)!important;border-color:var(--lk-border) var(--lk-border) var(--lk-surface)!important;}
html #order-standard_cart .btn-success,html #order-standard_cart .btn-checkout{background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}

/* Campos de tarjeta: texto SIEMPRE legible (ink) y bloque centrado */
html #order-standard_cart .cc-input-container .form-control,html #order-standard_cart .cc-input-container .field,
html #order-standard_cart .cc-number-field,html #order-standard_cart [name=ccexpirydate],html #order-standard_cart [name=cccvv]{
  color:var(--lk-ink)!important;background:var(--lk-surface)!important;}
html #order-standard_cart .cc-input-container{display:flex;flex-direction:column;align-items:center;}
html #order-standard_cart .cc-input-container>*{width:100%;max-width:920px;}

/* Carrito: los cuerpos de panel pintaban blanco ENCIMA del panel tokenizado */
html #order-standard_cart .panel-body,html #order-standard_cart .card-body{background:transparent!important;color:var(--lk-ink)!important;}
html #order-standard_cart .panel-addon *:not(.btn):not(.btn *):not(.label){color:var(--lk-ink)!important;}
html #order-standard_cart .panel-addon .panel-price,html #order-standard_cart .panel-addon small{color:var(--lk-muted)!important;}
html #order-standard_cart .panel-addon a{color:var(--lk-link)!important;}

/* Utilidades Bootstrap de fondo (.bg-white/.bg-light) mapeadas a TOKENS (el theme.min las fija a #f0f0f0!important) */
html body .bg-white{background-color:var(--lk-surface)!important;}
html body .bg-light{background-color:var(--lk-bg2)!important;}
html #order-standard_cart .addon-promo-container{background-color:var(--lk-surface)!important;border:1px solid var(--lk-border)!important;color:var(--lk-ink)!important;}
html #order-standard_cart .addon-promo-container *:not(.btn):not(.btn *){color:var(--lk-ink)!important;}
html #order-standard_cart .addon-promo-container a{color:var(--lk-link)!important;}


/* MarketConnect: la franja era border-top:10px #eaeaea del .body (hallado en DevTools) */
html #order-standard_cart .mc-promo .body{border-top-color:var(--lk-bg2)!important;}

/* Upselling: layout ORIGINAL de MarketConnect (apilado), solo ancho al 100% */
html #order-standard_cart .mc-promos{width:100%!important;max-width:100%!important;margin:0 0 20px!important;}

/* ============ Tienda: pricing cards estilo limpio (ref. Shopify) ============ */
html #order-standard_cart .products .product{display:flex!important;flex-direction:column;align-items:stretch;text-align:left;padding:24px 22px!important;height:auto;}
html #order-standard_cart .products .product header{background:transparent!important;border:none!important;padding:0 0 2px!important;margin:0;}
html #order-standard_cart .products .product header span{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:15px;font-weight:700;color:var(--lk-ink)!important;}
html #order-standard_cart .products .product .product-pricing{order:2;width:100%;background:transparent!important;border:none!important;float:none!important;position:static!important;padding:6px 0 0!important;margin:0!important;text-align:left;}
html #order-standard_cart .products .product .product-pricing .price{font-size:32px;font-weight:800;color:var(--lk-ink)!important;line-height:1.1;}
html #order-standard_cart .products .product .product-pricing .cycle{display:inline;font-size:13px;color:var(--lk-muted)!important;margin-left:6px;}
html #order-standard_cart .products .product .btn{display:inline-flex;width:auto;align-self:flex-start;align-items:center;justify-content:center;margin:16px 0 6px;padding:12px 30px!important;font-weight:700;border-radius:999px!important;}
html #order-standard_cart .products .product .product-desc{order:3;width:100%;border:none!important;padding:14px 0 0!important;margin:0!important;}
html #order-standard_cart .products .product .product-desc ul{list-style:none!important;margin:0!important;padding:0!important;}
html #order-standard_cart .products .product .product-desc ul li{padding:1px 0!important;border:none!important;background:transparent!important;font-size:13.5px;line-height:1.4;list-style:none!important;}
html #order-standard_cart .products .product .product-desc ul li::marker{content:"";}
html #order-standard_cart .products .product .product-desc ul li::before{display:none!important;}
html #order-standard_cart .products .product:hover{border-color:var(--lk-accent2)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;}

/* Tienda: las descripciones traen <hr><br> de relleno (layout viejo) — fuera; y el parrafo colapsa */
html #order-standard_cart .products .product .product-desc hr,html #order-standard_cart .products .product .product-desc br{display:none!important;}
html #order-standard_cart .products .product .product-desc p:empty{display:none!important;}
html #order-standard_cart .products .product .product-desc>p{margin:0!important;padding:0!important;min-height:0!important;}
/* Features en UNA linea: "Etiqueta: Valor" (flex reordena; el texto suelto es la etiqueta) */
html #order-standard_cart .products .product .product-desc ul li{display:flex;flex-wrap:wrap;align-items:baseline;color:var(--lk-muted)!important;}
html #order-standard_cart .products .product .product-desc ul li .feature-value{order:1;display:inline;color:var(--lk-ink)!important;font-weight:700;}
html #order-standard_cart .products .product .product-desc ul li .feature-value::before{content:": ";white-space:pre;color:var(--lk-muted);font-weight:400;}
html #order-standard_cart .products .product .product-desc ul li strong{color:var(--lk-muted)!important;font-weight:400;font-size:12.5px;}

/* El encajonado del precio era el FOOTER del product: desencajado y en flujo (orden precio→boton→features) */
html #order-standard_cart .products .product footer{order:2;position:static!important;float:none!important;width:100%!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:6px 0 0!important;margin:0!important;text-align:left;color:var(--lk-muted)!important;font-size:13px;}
html #order-standard_cart .products .product footer .product-pricing{position:static!important;float:none!important;width:auto!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;}

html #order-standard_cart .products .product footer .price{font-size:38px;font-weight:800;color:var(--lk-ink)!important;margin-right:8px;line-height:1.15;}

/* Boton Pedir Ahora: icono del carrito a la DERECHA del texto, con aire */
html #order-standard_cart .products .product .btn{gap:9px;}
html #order-standard_cart .products .product .btn i{order:2;margin:0!important;}

/* Dropdown de categorias de la tienda (modo sin sidebar) */
.lk-cart-catdd-wrap{display:flex;justify-content:center;margin:2px 0 24px;}
.lk-cart-catdd{min-width:300px;max-width:420px;height:46px;padding:10px 42px 10px 16px;font-weight:600;
  background-color:var(--lk-surface);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2210%22 height=%226%22%3E%3Cpath d=%22M0 0l5 6 5-6z%22 fill=%22%238a9096%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;
  color:var(--lk-ink);border:1px solid var(--lk-border);border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;}
.lk-cart-catdd:focus{outline:none;border-color:var(--lk-accent2);box-shadow:0 0 0 3px rgba(var(--accent2-rgb,255,86,75),.14);}

/* Dropdowns: un SOLO fondo de hover (acento) — el li/enlace de twenty-one pintaba gris debajo */
html body .dropdown-menu li,html body .dropdown-menu li:hover,html body .dropdown-menu li:focus-within{background:transparent!important;}
html body .dropdown-menu .dropdown-item,html body .dropdown-menu li>a{display:flex!important;align-items:center;width:100%!important;margin:0!important;}
html body .dropdown-menu li>a:hover,html body .dropdown-menu li>a:focus,html body .dropdown-menu .dropdown-item:hover,html body .dropdown-menu .dropdown-item:focus{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
html body .dropdown-menu li>a:hover i,html body .dropdown-menu .dropdown-item:hover i{color:var(--wp-accent-ink,#fff)!important;}

/* Tienda: features colapsadas a 5 lineas con Ver mas */
html #order-standard_cart .products .product .product-desc ul.lk-clamp li:nth-child(n+6){display:none;}
html #order-standard_cart .products .product .product-desc ul.lk-clamp.lk-open li:nth-child(n+6){display:flex;}
.lk-feats-more{background:transparent!important;border:none!important;box-shadow:none!important;padding:8px 0 0;margin:2px 0 0;
  color:var(--lk-accent2)!important;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.lk-feats-more:hover{text-decoration:underline;}
.lk-feats-more i{font-size:11px;}

/* Titulo y descripcion del grupo centrados */
html #order-standard_cart .header-lined{text-align:center;}
html #order-standard_cart .header-lined h1,html #order-standard_cart .header-lined p{text-align:center;}

/* Cards de la tienda: cabecera (nombre + precio + boton) centrada; features a la izquierda */
html #order-standard_cart .products .product header{text-align:center;}
html #order-standard_cart .products .product footer{text-align:center;}
html #order-standard_cart .products .product .btn{align-self:center;}

html #order-standard_cart .products .product footer .product-pricing{text-align:center!important;display:block!important;}

/* Salto de fila para equilibrar la ultima fila de planes (3+2 en vez de 4+1) */
html #order-standard_cart .products .lk-row-break{flex-basis:100%!important;width:100%!important;height:0!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;}

/* La regla global select{background:...!important} borraba la flecha del selector: refuerzo */
html body select.lk-cart-catdd{background-color:var(--lk-surface)!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2210%22 height=%226%22%3E%3Cpath d=%22M0 0l5 6 5-6z%22 fill=%22%238a9096%22/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;}

/* Dropdowns (patron li>a del nav principal): UN solo fondo — li en acento, enlace interior transparente */
html body .dropdown-menu li:hover{background:var(--lk-accent2)!important;}
html body .dropdown-menu li:hover>a,html body .dropdown-menu li:hover .dropdown-item{background:transparent!important;color:var(--wp-accent-ink,#fff)!important;}
html body .dropdown-menu li:hover i{color:var(--wp-accent-ink,#fff)!important;}
html body .dropdown-menu a.dropdown-item:hover{background:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
html body .dropdown-menu li>a{display:block;width:100%;}

/* Boton Ver Categorias + modal de categorias en 2 columnas */
.lk-cart-catbtn{display:inline-flex;align-items:center;gap:9px;padding:12px 26px;font-weight:700;
  background:var(--lk-surface)!important;color:var(--lk-ink)!important;border:1px solid var(--lk-border)!important;cursor:pointer;
  transition:border-color .15s,box-shadow .15s;}
.lk-cart-catbtn i{color:var(--lk-accent2)!important;}
.lk-cart-catbtn:hover{border-color:var(--lk-accent2)!important;box-shadow:0 8px 20px rgba(0,0,0,.14);}
.lk-catmodal-ov{position:fixed;inset:0;z-index:99995;background:rgba(8,10,14,.55);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;}
.lk-catmodal-ov.open{opacity:1;pointer-events:auto;}
.lk-catmodal{width:min(92vw,640px);max-height:80vh;overflow:auto;background:var(--lk-surface);border:1px solid var(--lk-border);
  box-shadow:0 24px 60px rgba(0,0,0,.35);}
.lk-catmodal-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--lk-border);}
.lk-catmodal-hd span{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-weight:700;font-size:17px;color:var(--lk-ink);}
.lk-catmodal-x{background:transparent;border:none;font-size:24px;line-height:1;color:var(--lk-muted);cursor:pointer;padding:0 4px;}
.lk-catmodal-x:hover{color:var(--lk-ink);}
.lk-catmodal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:18px 20px 22px;}
.lk-catmodal-it{display:flex;align-items:center;padding:12px 16px;border:1px solid var(--lk-border);
  color:var(--lk-ink)!important;font-weight:600;font-size:14px;text-decoration:none!important;transition:background .15s,color .15s,border-color .15s;}
.lk-catmodal-it:hover{background:var(--lk-accent2)!important;border-color:var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
.lk-catmodal-it.is-on{border-color:var(--lk-accent2)!important;color:var(--lk-accent2)!important;}
.lk-catmodal-it.is-on:hover{color:var(--wp-accent-ink,#fff)!important;}
@media(max-width:575.98px){.lk-catmodal-grid{grid-template-columns:1fr;}}

/* Dropdown de monedas (reemplaza el modal viejo de WHMCS) */
.lk-curdd .lk-langdd-menu{left:auto;right:0;min-width:160px;}
.lk-cur-pfx{color:var(--lk-muted);font-size:12px;min-width:26px;}
.lk-curdd .lk-langdd-it{justify-content:flex-start;gap:10px;}

/* ============ Elige el dominio: alturas 46px + layout limpio ============ */
html #order-standard_cart .domain-selection-options .option{padding:0!important;}
html #order-standard_cart .domain-selection-options .option>label{display:flex;align-items:center;gap:6px;padding:22px 18px;margin:0;cursor:pointer;font-weight:600;color:var(--lk-ink)!important;width:100%;}
html #order-standard_cart .domain-input-group{padding:4px 18px 22px!important;}
html #order-standard_cart .domain-input-group .row{display:flex!important;flex-wrap:wrap;gap:10px;align-items:stretch;margin:0!important;}
html #order-standard_cart .domain-input-group .row>[class*=col-]{padding:0!important;margin:0!important;flex:1 1 auto;width:auto!important;max-width:none!important;}
html #order-standard_cart .domain-input-group [class*=offset]{margin-left:0!important;}
html #order-standard_cart .domain-input-group .form-control{height:46px!important;min-height:46px!important;}
html #order-standard_cart .domain-input-group select{height:46px!important;min-height:46px!important;min-width:150px;padding:0 14px;}
html #order-standard_cart .domain-input-group .input-group-text{height:46px!important;display:flex;align-items:center;background:var(--lk-bg2)!important;color:var(--lk-muted)!important;border:1px solid var(--lk-border)!important;}
html #order-standard_cart .domain-input-group .btn{height:46px!important;min-height:46px!important;display:inline-flex;align-items:center;justify-content:center;padding:0 28px!important;margin:0!important;white-space:nowrap;}
html #order-standard_cart .domain-input-group .input-group{display:flex;flex:1 1 auto;min-width:220px;}
html #order-standard_cart .domain-input-group .input-group .form-control{flex:1 1 auto;min-width:0;}

/* Paginas del carrito cortas: el footer no se pega al contenido */
html #order-standard_cart{min-height:75vh;}

/* Titulos del area de cliente: MAYUSCULAS 20px con tracking 1px */
#main-body .card-title,#main-body .panel-title,#main-body .header-lined h1,html #order-standard_cart .header-lined h1{text-transform:uppercase!important;letter-spacing:1px!important;font-size:14px!important;font-weight:700;line-height:1.25;}

/* Aire entre el titulo y la caja de seleccion de dominio */
html #order-standard_cart .domain-selection-options{margin-top:28px!important;}
html #order-standard_cart .header-lined{margin-bottom:10px;}

/* TODOS los selects del area de cliente/carrito con flecha visible (la regla global de fondo la borraba) */
#main-body select,#main-body .custom-select,html #order-standard_cart select{appearance:none!important;-webkit-appearance:none!important;background-color:var(--lk-surface)!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2210%22 height=%226%22%3E%3Cpath d=%22M0 0l5 6 5-6z%22 fill=%22%238a9096%22/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;padding-right:38px!important;}
#main-body select[multiple],html #order-standard_cart select[multiple]{background-image:none!important;padding-right:14px!important;}

/* Validar codigo promocional: boton de baja atencion (outline neutro) */
html #order-standard_cart .view-cart-promotion-code .btn,html #order-standard_cart .promo .btn-success{background:transparent!important;border:2px solid var(--lk-ink)!important;color:var(--lk-ink)!important;font-weight:600;box-shadow:none!important;}
html #order-standard_cart .view-cart-promotion-code .btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.14)!important;background:transparent!important;color:var(--lk-ink)!important;}

/* Intro de los pasos del carrito centrada */
html #order-standard_cart .cart-body>p{text-align:center;}

/* Checkout: sin texto intro bajo el titulo */
html #order-standard_cart:has(#btnCompleteOrder) .cart-body>p{display:none!important;}
/* Iconos de los campos centrados verticalmente (los campos ahora miden 46px; el css del carrito los fijaba a 36px de line-height) */
html #order-standard_cart .field-icon{height:46px!important;line-height:46px!important;top:0!important;display:flex;align-items:center;justify-content:center;}

/* Checkout: intro tambien cuando vive dentro de .already-registered */
html #order-standard_cart:has(#btnCompleteOrder) .already-registered p,html #order-standard_cart:has(#btnCompleteOrder) .cart-body>p{display:none!important;}
/* Botones Ya Registrado / Crea una Cuenta: outline neutro (fuera el amarillo btn-warning) */
html #order-standard_cart .already-registered .btn{background:transparent!important;border:2px solid var(--lk-ink)!important;color:var(--lk-ink)!important;font-weight:600;box-shadow:none!important;}
html #order-standard_cart .already-registered .btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.14)!important;background:transparent!important;color:var(--lk-ink)!important;}

/* Checkout: conmutador de cuenta (Ya Registrado / Crear Cuenta) centrado */
html #order-standard_cart .already-registered{display:flex!important;justify-content:center!important;margin-bottom:0;padding-bottom:30px!important;}
html #order-standard_cart .already-registered .pull-right,html #order-standard_cart .already-registered .float-right{float:none!important;margin:0 auto!important;}

/* Efecto GLARE (barrido de brillo) en todos los botones de acento del area de cliente */
#main-body button[type=submit].btn,#main-body input[type=submit].btn,html #order-standard_cart .btn-checkout,html #order-standard_cart #btnCompleteOrder,html #order-standard_cart .btn-success,html #order-standard_cart .products .product .btn,#btnDomainSearch,.lk-login-btn,.lk-domsticky-go{position:relative;overflow:hidden;}
#main-body button[type=submit].btn::after,#main-body input[type=submit].btn::after,html #order-standard_cart .btn-checkout::after,html #order-standard_cart #btnCompleteOrder::after,html #order-standard_cart .btn-success::after,html #order-standard_cart .products .product .btn::after,#btnDomainSearch::after,.lk-login-btn::after,.lk-domsticky-go::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(-30deg,transparent 40%,rgba(255,255,255,.30) 50%,transparent 60%);
  background-size:250% 250%;background-position:130% 130%;background-repeat:no-repeat;
  transition:background-position 650ms ease;}
#main-body button[type=submit].btn:hover::after,#main-body input[type=submit].btn:hover::after,html #order-standard_cart .btn-checkout:hover::after,html #order-standard_cart #btnCompleteOrder:hover::after,html #order-standard_cart .btn-success:hover::after,html #order-standard_cart .products .product .btn:hover::after,#btnDomainSearch:hover::after,.lk-login-btn:hover::after,.lk-domsticky-go:hover::after{background-position:-30% -30%;}

/* Labels del bloque de tarjeta sin doble linea */
html #order-standard_cart .cc-input-container label{white-space:nowrap!important;}
html #order-standard_cart .cc-input-container [class*=col-]{flex:0 0 auto!important;width:auto!important;min-width:0;}

/* El radio 0 global de #main-body .btn ganaba por el ID: los buscadores pill se reafirman con ID incluido */
#main-body .lk-home .lk-dombtn,#main-body .lk-dombtn{border-radius:999px!important;}
/* El radio del modo "botón dentro del campo" lo decide el builder vía --dsbrin
   (estilo Clásico/Moderno del tema o valor del admin) — este selector con ID le
   ganaba a todo y dejaba el buscador pill incluso en Clásico */
#main-body .wpb-natds.wpb-dsbtnin button{border-radius:var(--dsbrin,999px)!important;}
#main-body .wpb-natds.wpb-dsbtnin input[name=query]{border-radius:var(--dsbrin,999px)!important;}
/* Precios de los TLD del hero: blancos, sin acento */
#main-body .lk-home .hero-tlds i,.lk-home .hero-tlds i{color:#fff!important;}

/* Titulos de las cards del sidebar: 2px menos que los titulos generales */
#main-body .sidebar .card-title,#main-body .sidebar .panel-title,#main-body .card-sidebar .card-title,#main-body .panel-sidebar .panel-title{font-size:12px!important;}

/* Validar Codigo: outline neutro DEFINITIVO (gana por orden a los accent de btn-success) */
html #order-standard_cart .view-cart-promotion-code .btn,html #order-standard_cart .tab-content .btn-success{background:transparent!important;border:2px solid var(--lk-ink)!important;color:var(--lk-ink)!important;box-shadow:none!important;font-weight:600;}
html #order-standard_cart .view-cart-promotion-code .btn:hover,html #order-standard_cart .tab-content .btn-success:hover{background:transparent!important;color:var(--lk-ink)!important;box-shadow:0 6px 16px rgba(0,0,0,.14)!important;}
html #order-standard_cart .view-cart-promotion-code .btn::after,html #order-standard_cart .tab-content .btn-success::after{display:none!important;}

/* Validar Codigo es un SUBMIT btn-default (#applyPromo): doble ID gana a la regla global submit=acento */
#main-body #applyPromo button[type=submit].btn,html #order-standard_cart #applyPromo .btn{background:transparent!important;border:2px solid var(--lk-ink)!important;color:var(--lk-ink)!important;box-shadow:none!important;font-weight:600;}
#main-body #applyPromo button[type=submit].btn:hover,html #order-standard_cart #applyPromo .btn:hover{background:transparent!important;color:var(--lk-ink)!important;box-shadow:0 6px 16px rgba(0,0,0,.14)!important;}
#main-body #applyPromo button[type=submit].btn::after{display:none!important;}

/* Nombre de la tarjeta: campo a todo el ancho, selector EXACTO (el contains atrapaba otra col) */
html #order-standard_cart .cc-input-container [class*=col-]:has(>.form-group input[name=ccdescription]){flex:1 1 100%!important;width:100%!important;max-width:100%!important;padding:0!important;}
html #order-standard_cart .cc-input-container .form-group:has(>input[name=ccdescription]),html #order-standard_cart .cc-input-container .form-group:has(input[name=ccdescription]){position:relative;width:100%!important;margin-left:0!important;margin-right:0!important;display:block!important;}
html #order-standard_cart .cc-input-container input[name=ccdescription]{width:100%!important;max-width:100%!important;}

/* Importe a la Fecha (checkout): sin fondo (el bg2 verdeaba con la escena), sin radius, cifra grande */
html #order-standard_cart .total-due-today{background:transparent!important;border:none!important;border-radius:0!important;font-size:16px!important;padding:14px 0!important;}
html #order-standard_cart .total-due-today .amt,html #order-standard_cart .total-due-today .total-due-today-amt,html #order-standard_cart .total-due-today b,html #order-standard_cart .total-due-today strong{font-size:22px!important;font-weight:800!important;}

/* ==== Barra de fuerza de contraseña: pista oscura en darkmode ==== */
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) #order-standard_cart .progress,
:root:not([data-theme="light"]) #main-body .progress{background:#26282b!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.08)!important;}
}
:root[data-theme="dark"] #order-standard_cart .progress,
:root[data-theme="dark"] #main-body .progress{background:#26282b!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.08)!important;}

/* ==== Opt-in de correo (Si/No) y btn-groups del carrito en darkmode ==== */
@media(prefers-color-scheme:dark){
html:root:not([data-theme="light"]) #order-standard_cart .btn-group>label.btn{background:#26282b!important;color:#c9ced4!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;}
html:root:not([data-theme="light"]) #order-standard_cart .btn-group>label.btn.active{background:#1E7F5C!important;color:#fff!important;border-color:transparent!important;}
}
html:root[data-theme="dark"] #order-standard_cart .btn-group>label.btn{background:#26282b!important;color:#c9ced4!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;}
html:root[data-theme="dark"] #order-standard_cart .btn-group>label.btn.active{background:#1E7F5C!important;color:#fff!important;border-color:transparent!important;}

/* ==== Importe a la Fecha del checkout (#totalDueToday): sin banda verde, cifra grande ==== */
html #order-standard_cart #totalDueToday{background:transparent!important;border:none!important;border-radius:0!important;color:var(--lk-ink)!important;font-size:17px!important;padding:16px 0!important;box-shadow:none!important;}
html #order-standard_cart #totalDueToday strong{font-size:26px!important;font-weight:800!important;color:var(--lk-ink)!important;}

/* ==== intl-tel-input: lista de países oscura en darkmode ==== */
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) .iti__country-list{background:#1e2023!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important;}
:root:not([data-theme="light"]) .iti__country.iti__highlight,
:root:not([data-theme="light"]) .iti__country:hover{background:#2a2d31!important;}
:root:not([data-theme="light"]) .iti__dial-code{color:#9aa1a7!important;}
:root:not([data-theme="light"]) .iti__divider{border-bottom:1px solid rgba(255,255,255,.12)!important;}
}
:root[data-theme="dark"] .iti__country-list{background:#1e2023!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important;}
:root[data-theme="dark"] .iti__country.iti__highlight,
:root[data-theme="dark"] .iti__country:hover{background:#2a2d31!important;}
:root[data-theme="dark"] .iti__dial-code{color:#9aa1a7!important;}
:root[data-theme="dark"] .iti__divider{border-bottom:1px solid rgba(255,255,255,.12)!important;}

/* intl-tel-input legado (checkout WHMCS): .country-list oscura en darkmode */
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) .intl-tel-input .country-list{background:#1e2023!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important;}
:root:not([data-theme="light"]) .intl-tel-input .country-list .country.highlight,
:root:not([data-theme="light"]) .intl-tel-input .country-list .country:hover{background:#2a2d31!important;}
:root:not([data-theme="light"]) .intl-tel-input .country-list .dial-code{color:#9aa1a7!important;}
:root:not([data-theme="light"]) .intl-tel-input .country-list .divider{border-bottom:1px solid rgba(255,255,255,.12)!important;}
}
:root[data-theme="dark"] .intl-tel-input .country-list{background:#1e2023!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 14px 34px rgba(0,0,0,.5)!important;}
:root[data-theme="dark"] .intl-tel-input .country-list .country.highlight,
:root[data-theme="dark"] .intl-tel-input .country-list .country:hover{background:#2a2d31!important;}
:root[data-theme="dark"] .intl-tel-input .country-list .dial-code{color:#9aa1a7!important;}
:root[data-theme="dark"] .intl-tel-input .country-list .divider{border-bottom:1px solid rgba(255,255,255,.12)!important;}

/* ==== Loader del carrito: fuera el GIF (bordes blancos en dark), spinner CSS en su lugar ==== */
html #order-standard_cart img[src*="load"]{display:none!important;}
html #order-standard_cart *:has(>img[src*="load"])::before{content:"";display:inline-block;width:26px;height:26px;border:3px solid var(--lk-border,#d8dde3);border-top-color:var(--lk-accent2,#8A9096);border-radius:50%!important;animation:lkspin .7s linear infinite;vertical-align:middle;}
@keyframes lkspin{to{transform:rotate(360deg)}}

/* ==== Aviso de IP del checkout: discreto, sin banda amarilla, separado del boton ==== */
html #order-standard_cart .checkout-security-msg{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;color:var(--lk-faint,#8A98A4)!important;font-size:12px!important;padding:0!important;margin-top:50px!important;text-align:center!important;}
html #order-standard_cart .checkout-security-msg *{color:var(--lk-faint,#8A98A4)!important;font-size:12px!important;}
html #order-standard_cart .checkout-security-msg strong{color:var(--lk-muted,#5B6B78)!important;font-weight:600!important;}

/* ==== Campos de tarjeta centrados (fila de Stripe y nombre) ==== */
html #order-standard_cart .cc-input-container .row{justify-content:center!important;}
html #order-standard_cart .cc-input-container .row:not([style*=none]):not(.w-hidden){display:flex;flex-wrap:wrap;}

/* ==== Vista del carrito (REALIZA EL PAGO): cuerpo a 1080px maximo ==== */
html #order-standard_cart:has(.view-cart-items){max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;}

/* ==== Ofertas MarketConnect: botones siempre outline (fuera verde/azul de marca) ==== */
html #order-standard_cart .mc-promo .btn,html #order-standard_cart [class*=mc-] .btn{
  background:transparent!important;background-image:none!important;
  border:2px solid var(--lk-ink)!important;color:var(--lk-ink)!important;
  box-shadow:none!important;text-shadow:none!important;font-weight:600!important;
}
html #order-standard_cart .mc-promo .btn:hover,html #order-standard_cart [class*=mc-] .btn:hover{
  background:color-mix(in srgb,var(--lk-ink) 10%, transparent)!important;color:var(--lk-ink)!important;
}
html #order-standard_cart .mc-promo .btn i,html #order-standard_cart [class*=mc-] .btn i{color:var(--lk-ink)!important;}

/* ==== Modal global de disponibilidad de dominios (buscador fijo del header) ==== */
.lk-modal{position:fixed;inset:0;z-index:2000;display:none;}
.lk-modal.open{display:block;}
.lk-modal-backdrop{position:absolute;inset:0;background:rgba(10,14,20,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.lk-modal-panel{position:relative;max-width:780px;margin:8vh auto 0;background:var(--lk-surface,#fff);border:1px solid var(--lk-border,#e3e6e9);border-radius:18px;padding:28px 26px 24px;box-shadow:0 34px 90px rgba(0,0,0,.45);max-height:80vh;overflow:auto;color:var(--lk-ink,#131517);}
.lk-modal-close{position:absolute;top:10px;right:14px;border:0;background:none;font-size:26px;line-height:1;color:var(--lk-muted,#5B6B78);cursor:pointer;}
.lk-modal-title{font-family:var(--wp-font-title,'Bai Jamjuree'),sans-serif;font-size:20px;font-weight:700;margin:0 0 18px;}
.lk-modal .dom-results{display:flex;flex-direction:column;gap:10px;}
.lk-modal .dr-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--lk-border,#e3e6e9);background:var(--lk-bg,#F9FAFC);}
.lk-modal .dr-main{border-color:var(--lk-accent2,#8A9096);box-shadow:0 0 0 1px var(--lk-accent2,#8A9096);}
.lk-modal .dr-name{font-weight:600;font-size:15.5px;word-break:break-all;}
.lk-modal .dr-name i{font-style:normal;color:var(--lk-muted,#5B6B78);font-weight:500;}
.lk-modal .dr-price{font-weight:600;font-size:14.5px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.lk-modal .pill{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:999px;}
.lk-modal .pill-ok{background:rgba(30,127,92,.14);color:#1E7F5C;}
.lk-modal .pill-mut{background:var(--lk-chip,rgba(0,0,0,.06));color:var(--lk-muted,#5B6B78);}
.lk-modal .dr-skel{height:52px;border-radius:10px;background:linear-gradient(90deg,var(--lk-bg2,#eef1f5) 25%,var(--lk-surface,#fff) 50%,var(--lk-bg2,#eef1f5) 75%);background-size:200% 100%;animation:lkskel 1.1s linear infinite;}
@keyframes lkskel{to{background-position:-200% 0}}
.lk-modal .dr-note{font-size:12.5px;color:var(--lk-faint,#8A98A4);padding:2px 4px;}
.lk-modal .btn{padding:9px 20px!important;font-size:13.5px!important;}
.lk-modal .btn-ghost{background:transparent!important;border:2px solid var(--lk-ink,#131517)!important;color:var(--lk-ink,#131517)!important;}
@media(max-width:640px){.lk-modal .dr-row{grid-template-columns:minmax(0,1fr) auto;} .lk-modal .dr-price{justify-self:start;}}

/* ==== Detalle del servicio (clientareaproductdetails) ==== */
/* Etiquetas de facturacion mas compactas (venian como h4 grandes) */
#main-body .product-details h4{font-size:14px!important;font-weight:700!important;letter-spacing:.3px;margin:14px 0 2px!important;}
/* Tile del producto: la caja clara es .product-icon (#efefef hardcodeado) -> tokens del tema;
   el wrapper .product-status conserva su color de estado (verde activo, etc.) */
#main-body .product-icon{background:var(--lk-bg2,#efefef)!important;}
#main-body .product-icon,#main-body .product-icon h1,#main-body .product-icon h2,#main-body .product-icon h3,#main-body .product-icon h4,#main-body .product-icon p,#main-body .product-icon span:not(.fa-stack){color:var(--lk-ink,#131517)!important;}
#main-body .product-icon .fa-stack .fa-circle{color:var(--lk-ink,#131517)!important;}
#main-body .product-icon .fa-stack .fa-inverse{color:var(--lk-bg2,#efefef)!important;}
/* Sidebar del area de cliente: texto SIEMPRE tinta (negro/blanco), nunca el acento */
#main-body .sidebar .list-group-item,#main-body .sidebar .list-group-item a,#main-body .sidebar .list-group-item i,
#main-body .card-sidebar .list-group-item,#main-body .card-sidebar .list-group-item a,#main-body .card-sidebar .list-group-item i,
#main-body .sidebar .panel-body a{color:var(--lk-ink,#131517)!important;}

/* Tile del producto en darkmode: superficie del tema (no el bg2 casi negro) */
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) #main-body .product-icon{background:var(--lk-surface,#1e2023)!important;}
:root:not([data-theme="light"]) #main-body .product-icon .fa-stack .fa-inverse{color:var(--lk-surface,#1e2023)!important;}
}
:root[data-theme="dark"] #main-body .product-icon{background:var(--lk-surface,#1e2023)!important;}
:root[data-theme="dark"] #main-body .product-icon .fa-stack .fa-inverse{color:var(--lk-surface,#1e2023)!important;}

/* ==== Tile del producto: caja unica con borde sutil + estado como badge ==== */
#main-body .product-status{position:relative!important;background:transparent!important;border:1px solid var(--lk-border,#e3e6e9)!important;border-radius:10px;overflow:hidden;}
#main-body .product-status .product-icon{background:transparent!important;border-radius:0!important;padding:34px 22px 30px!important;}
/* Estado: label pequeno arriba a la derecha (el color lo da la clase de estado del wrapper) */
#main-body .product-status .product-status-text{position:absolute!important;top:10px;right:10px;z-index:2;padding:4px 11px!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.6px;line-height:1.1;color:#fff!important;border-radius:999px;}
#main-body .product-status-active .product-status-text{background:#46a546!important;}
#main-body .product-status-pending .product-status-text{background:#f89406!important;}
#main-body .product-status-suspended .product-status-text{background:#0768b8!important;}
#main-body .product-status-cancelled .product-status-text,#main-body .product-status-terminated .product-status-text{background:#666!important;}
#main-body .product-status-fraud .product-status-text{background:#111!important;}

/* ================= COMPATIBILIDAD DARKMODE PARA MODULOS (cPanel, Plesk, etc.) =================
   Los modulos de terceros traen fondos blancos fijos (clases propias o style inline).
   Se neutralizan SOLO en darkmode y solo dentro del area de cliente. */

@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) #main-body a.card,:root:not([data-theme="light"]) #main-body .card.text-center,:root:not([data-theme="light"]) #main-body .cpanel-feature-row a,:root:not([data-theme="light"]) #main-body .cpanel-feature-row .card,:root:not([data-theme="light"]) #main-body .cpanel-feature-row .panel,:root:not([data-theme="light"]) #main-body [id^=cPanel] .card,:root:not([data-theme="light"]) #main-body [id^=cPanel] .panel,:root:not([data-theme="light"]) #main-body .module-client-area .card,:root:not([data-theme="light"]) #main-body .module-client-area .panel,:root:not([data-theme="light"]) #main-body [style*="background:#fff"],:root:not([data-theme="light"]) #main-body [style*="background: #fff"],:root:not([data-theme="light"]) #main-body [style*="background-color:#fff"],:root:not([data-theme="light"]) #main-body [style*="background-color: #fff"],:root:not([data-theme="light"]) #main-body [style*="background:white"],:root:not([data-theme="light"]) #main-body [style*="background-color:white"],:root:not([data-theme="light"]) #main-body [style*="background:#FFF"],:root:not([data-theme="light"]) #main-body [style*="background-color:#FFF"]{background:var(--lk-surface,#1e2023)!important;border-color:var(--lk-border,rgba(255,255,255,.12))!important;color:var(--lk-ink,#fff)!important}
:root:not([data-theme="light"]) #main-body a.card .card-body,:root:not([data-theme="light"]) #main-body a.card .panel-body,:root:not([data-theme="light"]) #main-body .card.text-center .card-body,:root:not([data-theme="light"]) #main-body .card.text-center .panel-body,:root:not([data-theme="light"]) #main-body .cpanel-feature-row a .card-body,:root:not([data-theme="light"]) #main-body .cpanel-feature-row a .panel-body,:root:not([data-theme="light"]) #main-body .cpanel-feature-row .card .card-body,:root:not([data-theme="light"]) #main-body .cpanel-feature-row .card .panel-body,:root:not([data-theme="light"]) #main-body .cpanel-feature-row .panel .card-body,:root:not([data-theme="light"]) #main-body .cpanel-feature-row .panel .panel-body,:root:not([data-theme="light"]) #main-body [id^=cPanel] .card .card-body,:root:not([data-theme="light"]) #main-body [id^=cPanel] .card .panel-body,:root:not([data-theme="light"]) #main-body [id^=cPanel] .panel .card-body,:root:not([data-theme="light"]) #main-body [id^=cPanel] .panel .panel-body,:root:not([data-theme="light"]) #main-body .module-client-area .card .card-body,:root:not([data-theme="light"]) #main-body .module-client-area .card .panel-body,:root:not([data-theme="light"]) #main-body .module-client-area .panel .card-body,:root:not([data-theme="light"]) #main-body .module-client-area .panel .panel-body,:root:not([data-theme="light"]) #main-body [style*="background:#fff"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background:#fff"] .panel-body,:root:not([data-theme="light"]) #main-body [style*="background: #fff"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background: #fff"] .panel-body,:root:not([data-theme="light"]) #main-body [style*="background-color:#fff"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background-color:#fff"] .panel-body,:root:not([data-theme="light"]) #main-body [style*="background-color: #fff"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background-color: #fff"] .panel-body,:root:not([data-theme="light"]) #main-body [style*="background:white"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background:white"] .panel-body,:root:not([data-theme="light"]) #main-body [style*="background-color:white"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background-color:white"] .panel-body,:root:not([data-theme="light"]) #main-body [style*="background:#FFF"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background:#FFF"] .panel-body,:root:not([data-theme="light"]) #main-body [style*="background-color:#FFF"] .card-body,:root:not([data-theme="light"]) #main-body [style*="background-color:#FFF"] .panel-body{background:transparent!important;color:var(--lk-ink,#fff)!important}
}
:root[data-theme="dark"] #main-body a.card,:root[data-theme="dark"] #main-body .card.text-center,:root[data-theme="dark"] #main-body .cpanel-feature-row a,:root[data-theme="dark"] #main-body .cpanel-feature-row .card,:root[data-theme="dark"] #main-body .cpanel-feature-row .panel,:root[data-theme="dark"] #main-body [id^=cPanel] .card,:root[data-theme="dark"] #main-body [id^=cPanel] .panel,:root[data-theme="dark"] #main-body .module-client-area .card,:root[data-theme="dark"] #main-body .module-client-area .panel,:root[data-theme="dark"] #main-body [style*="background:#fff"],:root[data-theme="dark"] #main-body [style*="background: #fff"],:root[data-theme="dark"] #main-body [style*="background-color:#fff"],:root[data-theme="dark"] #main-body [style*="background-color: #fff"],:root[data-theme="dark"] #main-body [style*="background:white"],:root[data-theme="dark"] #main-body [style*="background-color:white"],:root[data-theme="dark"] #main-body [style*="background:#FFF"],:root[data-theme="dark"] #main-body [style*="background-color:#FFF"]{background:var(--lk-surface,#1e2023)!important;border-color:var(--lk-border,rgba(255,255,255,.12))!important;color:var(--lk-ink,#fff)!important}
:root[data-theme="dark"] #main-body a.card .card-body,:root[data-theme="dark"] #main-body a.card .panel-body,:root[data-theme="dark"] #main-body .card.text-center .card-body,:root[data-theme="dark"] #main-body .card.text-center .panel-body,:root[data-theme="dark"] #main-body .cpanel-feature-row a .card-body,:root[data-theme="dark"] #main-body .cpanel-feature-row a .panel-body,:root[data-theme="dark"] #main-body .cpanel-feature-row .card .card-body,:root[data-theme="dark"] #main-body .cpanel-feature-row .card .panel-body,:root[data-theme="dark"] #main-body .cpanel-feature-row .panel .card-body,:root[data-theme="dark"] #main-body .cpanel-feature-row .panel .panel-body,:root[data-theme="dark"] #main-body [id^=cPanel] .card .card-body,:root[data-theme="dark"] #main-body [id^=cPanel] .card .panel-body,:root[data-theme="dark"] #main-body [id^=cPanel] .panel .card-body,:root[data-theme="dark"] #main-body [id^=cPanel] .panel .panel-body,:root[data-theme="dark"] #main-body .module-client-area .card .card-body,:root[data-theme="dark"] #main-body .module-client-area .card .panel-body,:root[data-theme="dark"] #main-body .module-client-area .panel .card-body,:root[data-theme="dark"] #main-body .module-client-area .panel .panel-body,:root[data-theme="dark"] #main-body [style*="background:#fff"] .card-body,:root[data-theme="dark"] #main-body [style*="background:#fff"] .panel-body,:root[data-theme="dark"] #main-body [style*="background: #fff"] .card-body,:root[data-theme="dark"] #main-body [style*="background: #fff"] .panel-body,:root[data-theme="dark"] #main-body [style*="background-color:#fff"] .card-body,:root[data-theme="dark"] #main-body [style*="background-color:#fff"] .panel-body,:root[data-theme="dark"] #main-body [style*="background-color: #fff"] .card-body,:root[data-theme="dark"] #main-body [style*="background-color: #fff"] .panel-body,:root[data-theme="dark"] #main-body [style*="background:white"] .card-body,:root[data-theme="dark"] #main-body [style*="background:white"] .panel-body,:root[data-theme="dark"] #main-body [style*="background-color:white"] .card-body,:root[data-theme="dark"] #main-body [style*="background-color:white"] .panel-body,:root[data-theme="dark"] #main-body [style*="background:#FFF"] .card-body,:root[data-theme="dark"] #main-body [style*="background:#FFF"] .panel-body,:root[data-theme="dark"] #main-body [style*="background-color:#FFF"] .card-body,:root[data-theme="dark"] #main-body [style*="background-color:#FFF"] .panel-body{background:transparent!important;color:var(--lk-ink,#fff)!important}

/* ==== ModulesGarden cPanel Extended (#layers2 .lu-tile): darkmode + tokens del tema ==== */
#main-body #layers2 .lu-tile,#layers2 .lu-tile{border:1px solid var(--lk-border,#edeff2)!important;background:var(--lk-bg2,#ffffff)!important;box-shadow:none!important;}
#main-body #layers2 .lu-tile:hover,#layers2 .lu-tile:hover{border-color:var(--lk-accent2,#8A9096)!important;}
#main-body #layers2 .lu-tile,#main-body #layers2 .lu-tile *,#layers2 .lu-tile,#layers2 .lu-tile *{color:var(--lk-ink,#131517)!important;}
#main-body #layers2 .h4,#main-body #layers2 h4,#layers2 .h4{color:var(--lk-ink,#131517)!important;}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) #main-body #layers2 .lu-tile,:root:not([data-theme="light"]) #layers2 .lu-tile{background:var(--lk-surface,#1e2023)!important;border-color:var(--lk-border,rgba(255,255,255,.12))!important;}
}
:root[data-theme="dark"] #main-body #layers2 .lu-tile,:root[data-theme="dark"] #layers2 .lu-tile{background:var(--lk-surface,#1e2023)!important;border-color:var(--lk-border,rgba(255,255,255,.12))!important;}

/* ==== Acciones del servicio: Renovar = acento (CTA) · Cancelar = outline discreto ==== */
#main-body .product-actions-wrapper .btn-primary{background:var(--lk-accent2)!important;border:2px solid var(--lk-accent2)!important;color:var(--wp-accent-ink,#fff)!important;}
#main-body .product-actions-wrapper .btn-primary:hover{filter:brightness(1.06);color:var(--wp-accent-ink,#fff)!important;}
#main-body .product-actions-wrapper .btn-danger{background:transparent!important;border:2px solid var(--lk-ink,#131517)!important;color:var(--lk-ink,#131517)!important;box-shadow:none!important;}
#main-body .product-actions-wrapper .btn-danger:hover{background:color-mix(in srgb,var(--lk-ink,#131517) 10%,transparent)!important;color:var(--lk-ink,#131517)!important;}
#main-body .product-actions-wrapper .btn-danger i,#main-body .product-actions-wrapper .btn-danger:hover i{color:var(--lk-ink,#131517)!important;}


/* ================= PÁGINA DE REGISTRO DE DOMINIOS (cart.php?a=add&domain=register) =================
   Reescritura completa: fuera el degradado amarillo y los colores ajenos al tema;
   todo por tokens (--lk-*), compatible con darkmode y con los presets Clásico/Moderno. */

/* Ancho maximo 1080px centrado (solo esta pagina, detectada por el buscador de dominios) */
html #order-standard_cart:has(.domain-checker-container){max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;}

/* 1) Banda del buscador: superficie del tema, sin el fondo amarillo ni el globo */
html #order-standard_cart .domain-checker-container{background:transparent!important;padding:0!important;}
html #order-standard_cart .domain-checker-bg{background:var(--lk-bg2,#f2f4f7)!important;background-image:none!important;border:1px solid var(--lk-border,#e3e6e9)!important;padding:34px 26px!important;margin:0 0 30px!important;}
html #order-standard_cart .domain-checker-bg::before,html #order-standard_cart .domain-checker-bg::after{display:none!important;}

/* 2) Campo + boton del buscador (respeta la redondez del preset via los tokens del tema) */
html #order-standard_cart .domain-checker-bg .input-group-box{box-shadow:none!important;background:transparent!important;}
html #order-standard_cart .domain-checker-bg .form-control{height:54px!important;background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;color:var(--lk-ink,#131517)!important;font-size:15.5px!important;}
html #order-standard_cart .domain-checker-bg .form-control::placeholder{color:var(--lk-faint,#8A98A4)!important;}
html #order-standard_cart .domain-checker-bg .btn{height:54px!important;background:var(--lk-accent2,#8A9096)!important;border:2px solid var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;padding:0 30px!important;font-weight:700!important;}
html #order-standard_cart .domain-checker-bg .btn:hover{filter:brightness(1.06);}

/* 3) Cards de TLD destacados: superficie del tema, franja de precio en tinta (fuera azul/amarillo) */
html #order-standard_cart .spotlight-tld,html #order-standard_cart .featured-tld{background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;box-shadow:none!important;color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .spotlight-tld .domain-price,html #order-standard_cart .featured-tld .domain-price,
html #order-standard_cart .spotlight-tld .price,html #order-standard_cart .featured-tld .price{background:var(--lk-bg2,#f2f4f7)!important;color:var(--lk-ink,#131517)!important;border-top:1px solid var(--lk-border,#e3e6e9)!important;font-weight:700!important;}
html #order-standard_cart .spotlight-tld *,html #order-standard_cart .featured-tld *{color:var(--lk-ink,#131517)!important;}

/* 4) Filtros por categoria: chips neutros; el activo toma el acento */
html #order-standard_cart .tld-filters .badge{background:var(--lk-bg2,#f2f4f7)!important;color:var(--lk-ink,#131517)!important;border:1px solid var(--lk-border,#e3e6e9)!important;font-weight:600!important;font-size:12px!important;padding:7px 12px!important;margin:0 6px 8px 0!important;}
html #order-standard_cart .tld-filters .badge:hover{border-color:var(--lk-accent2,#8A9096)!important;}
html #order-standard_cart .tld-filters .badge.active,html #order-standard_cart .tld-filters .badge-primary,html #order-standard_cart .tld-filters .badge.selected{background:var(--lk-accent2,#8A9096)!important;border-color:var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;}

/* 5) Tabla de precios por TLD: cabecera y filas con tokens (fuera el celeste y el rayado) */
html #order-standard_cart .tld-pricing-header,html #order-standard_cart .domain-pricing .tld-pricing-header{background:var(--lk-bg2,#f2f4f7)!important;color:var(--lk-ink,#131517)!important;border:1px solid var(--lk-border,#e3e6e9)!important;border-bottom:2px solid var(--lk-ink,#131517)!important;}
html #order-standard_cart .tld-pricing-header *{color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .tld-row{background:transparent!important;border-bottom:1px solid var(--lk-border,#e3e6e9)!important;color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .tld-row:nth-child(even),html #order-standard_cart .tld-row:nth-of-type(even){background:var(--lk-bg2,#f2f4f7)!important;}
html #order-standard_cart .tld-row:hover{background:color-mix(in srgb,var(--lk-accent2,#8A9096) 8%,transparent)!important;}
html #order-standard_cart .tld-row *,html #order-standard_cart .tld-column,html #order-standard_cart .domain-pricing *{color:var(--lk-ink,#131517)!important;}

/* 6) Resultados de la busqueda: contraste garantizado en ambos modos */
html #order-standard_cart .domain-lookup-result,html #order-standard_cart .domain-suggestion,
html #order-standard_cart .domain-checker-available,html #order-standard_cart .domain-checker-unavailable,
html #order-standard_cart .domain-promo-box,html #order-standard_cart .suggested-domains{background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .domain-lookup-result *,html #order-standard_cart .domain-suggestion *,
html #order-standard_cart .domain-promo-box *,html #order-standard_cart .suggested-domains *{color:var(--lk-ink,#131517)!important;}
/* Estados: solo el texto lleva color semantico, nunca fondos saturados */
html #order-standard_cart .domain-available,html #order-standard_cart .domain-available *{color:#1E7F5C!important;}
html #order-standard_cart .domain-unavailable,html #order-standard_cart .domain-unavailable *,
html #order-standard_cart .domain-invalid,html #order-standard_cart .domain-invalid *{color:var(--lk-muted,#5B6B78)!important;}
html #order-standard_cart .domain-checker-result-headline{color:var(--lk-ink,#131517)!important;}

/* 7) Botones dentro de resultados y tabla: CTA acento, secundarios outline */
html #order-standard_cart .domain-lookup-result .btn-primary,html #order-standard_cart .tld-row .btn-primary,
html #order-standard_cart .domain-suggestion .btn-primary{background:var(--lk-accent2,#8A9096)!important;border:2px solid var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;}
html #order-standard_cart .domain-lookup-result .btn-default,html #order-standard_cart .tld-row .btn-default,
html #order-standard_cart .domain-suggestion .btn-default{background:transparent!important;border:2px solid var(--lk-ink,#131517)!important;color:var(--lk-ink,#131517)!important;}

/* 8) Textos sueltos de la cabecera de la pagina */
html #order-standard_cart .domain-checker-container+p,html #order-standard_cart .font-size-18{color:var(--lk-ink,#131517)!important;}

/* ==== Dominios: fuera el azul #336699 del tema base y boton Buscar centrado ==== */
html #order-standard_cart .tld-pricing-header *,html #order-standard_cart .domain-pricing *,
html #order-standard_cart .tld-row *,html #order-standard_cart .tld-column,
html #order-standard_cart .tld-pricing-header .row,html #order-standard_cart .tld-row .row{
  border-color:var(--lk-border,#e3e6e9)!important;}
html #order-standard_cart .tld-pricing-header .row,html #order-standard_cart .tld-pricing-header .col-md-8>*,
html #order-standard_cart .tld-pricing-header [class*=col-]{background:transparent!important;}
html #order-standard_cart .tld-pricing-header{border-bottom:2px solid var(--lk-border,#e3e6e9)!important;}
/* Boton Buscar: tipografia menor y etiqueta centrada en vertical y horizontal */
html #order-standard_cart .domain-checker-bg .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;line-height:1!important;padding:0 28px!important;}

/* ==== Dominios: los botones NO heredan la tinta (van sobre el acento) ==== */
html #order-standard_cart .domain-lookup-result .btn,html #order-standard_cart .domain-lookup-result .btn *,
html #order-standard_cart .spotlight-tld .btn,html #order-standard_cart .spotlight-tld .btn *,
html #order-standard_cart .featured-tld .btn,html #order-standard_cart .featured-tld .btn *,
html #order-standard_cart .domain-suggestion .btn,html #order-standard_cart .domain-suggestion .btn *,
html #order-standard_cart .domain-promo-box .btn,html #order-standard_cart .domain-promo-box .btn *,
html #order-standard_cart .btn-primary,html #order-standard_cart .btn-primary *{color:var(--wp-accent-ink,#fff)!important;}
/* Botones amarillos (btn-warning) de las cajas promocionales -> acento del tema */
html #order-standard_cart .btn-warning{background:var(--lk-accent2,#8A9096)!important;border:2px solid var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;}
html #order-standard_cart .btn-warning *{color:var(--wp-accent-ink,#fff)!important;}
/* Secundarios de las cajas promocionales: outline en tinta */
html #order-standard_cart .domain-promo-box .btn-default,html #order-standard_cart .domain-promo-box .btn-default *{color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .domain-promo-box .btn-default{background:transparent!important;border:2px solid var(--lk-ink,#131517)!important;}

/* ==== Dominios: el resultado de la busqueda como protagonista ==== */
html #order-standard_cart .domain-checker-result-headline{font-size:24px!important;font-weight:700!important;line-height:1.3!important;padding:26px 20px 6px!important;text-align:center;}
html #order-standard_cart .domain-checker-result-headline .domain-available,
html #order-standard_cart .domain-checker-result-headline .domain{font-size:26px!important;font-weight:800!important;}
html #order-standard_cart .domain-checker-available,html #order-standard_cart .domain-checker-unavailable{padding:0 0 26px!important;}
html #order-standard_cart .domain-checker-available .domain-price,
html #order-standard_cart .domain-checker-available .price{font-size:20px!important;font-weight:700!important;}
html #order-standard_cart .domain-checker-available .btn,html #order-standard_cart .domain-checker-unavailable .btn{font-size:15px!important;padding:13px 30px!important;}

/* Resultado de dominio: caja con altura y texto centrado en vertical */
html #order-standard_cart .domain-checker-result-headline:not(.w-hidden):not(.domain-lookup-loader){display:flex!important;align-items:center!important;justify-content:center!important;min-height:78px!important;padding:14px 20px!important;margin:0!important;}

/* Resultado de dominio: sin caja (fondo/bordes fuera), solo el mensaje y la accion */
html #order-standard_cart .domain-lookup-result,html #order-standard_cart .domain-checker-available,
html #order-standard_cart .domain-checker-unavailable,html #order-standard_cart .domain-checker-invalid{
  background:transparent!important;border:none!important;box-shadow:none!important;}
html #order-standard_cart .domain-checker-result-headline{background:transparent!important;border:none!important;}


/* ==== Pagina de dominios: sin menu fijo al hacer scroll (solo aqui) ==== */
html:has(#order-standard_cart .domain-checker-container) .lk-mainbar{position:static!important;}
html:has(#order-standard_cart .domain-checker-container) .lk-domsticky{display:none!important;}

/* ==== Caja promo "Paquetes de Alojamiento": boton outline (baja el ruido del acento) ==== */
html #order-standard_cart .domain-promo-box .btn-warning,html #order-standard_cart .btn-warning{
  background:transparent!important;border:2px solid var(--lk-ink,#131517)!important;color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .domain-promo-box .btn-warning *,html #order-standard_cart .btn-warning *{color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .domain-promo-box .btn-warning:hover,html #order-standard_cart .btn-warning:hover{
  background:color-mix(in srgb,var(--lk-ink,#131517) 10%,transparent)!important;}

/* ==== Post-busqueda: enlace discreto para volver a buscar ==== */
html #order-standard_cart .lk-newsearch{display:block;text-align:center;margin:14px 0 30px;}
html #order-standard_cart .lk-newsearch a{color:var(--lk-muted,#5B6B78)!important;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer;}
html #order-standard_cart .lk-newsearch a:hover{color:var(--lk-ink,#131517)!important;}

/* Contenedor de sugerencias/TLD destacados: sin caja blanca (usa el fondo de la pagina) */
html #order-standard_cart .spotlight-tlds,html #order-standard_cart .spotlight-tlds-container,
html #order-standard_cart .spotlight-tld-container,html #order-standard_cart .featured-tlds-container,
html #order-standard_cart .suggested-domains{background:transparent!important;border:none!important;box-shadow:none!important;}


/* ==== ShapeGrid animado en la caja de busqueda de la pagina de dominios ==== */
html #order-standard_cart .domain-checker-bg{position:relative!important;overflow:hidden!important;}
html #order-standard_cart .domain-checker-bg>form,html #order-standard_cart .domain-checker-bg>*:not(.lk-sg-canvas){position:relative;z-index:1;}
html #order-standard_cart .domain-checker-bg .lk-sg-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}



/* Caja del logo de los TLD destacados: algo mas clara en darkmode para que contraste */
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) #order-standard_cart .spotlight-tld .img-container,
:root:not([data-theme="light"]) #order-standard_cart .featured-tld .img-container{background:color-mix(in srgb,var(--lk-surface,#1e2023) 82%,#8f8f8f)!important;}
}
:root[data-theme="dark"] #order-standard_cart .spotlight-tld .img-container,
:root[data-theme="dark"] #order-standard_cart .featured-tld .img-container{background:color-mix(in srgb,var(--lk-surface,#1e2023) 82%,#8f8f8f)!important;}

/* Iconos de las cajas promocionales de dominios: mitad de tamano y color de la escena */
html #order-standard_cart .domain-promo-box i.fa-4x,html #order-standard_cart .domain-promo-box i[class*=fa-]{
  font-size:28px!important;width:auto!important;color:var(--lk-accent2,#8A9096)!important;}

/* Caja del buscador de dominios: mas alta, con el formulario centrado */
html #order-standard_cart .domain-checker-bg{min-height:200px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html #order-standard_cart .domain-checker-bg>form{width:100%;}

/* Cajas promocionales de dominios: roles claros y legibles en ambos modos */
html #order-standard_cart .domain-promo-box .btn-primary,html #order-standard_cart .domain-promo-box .btn-primary *{
  background:var(--lk-accent2,#8A9096)!important;border:2px solid var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;}
html #order-standard_cart .domain-promo-box .btn-primary *{background:transparent!important;border:none!important;}
html #order-standard_cart .domain-promo-box .btn-warning,html #order-standard_cart .domain-promo-box .btn-warning *{
  background:transparent!important;color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .domain-promo-box .btn-warning{border:2px solid var(--lk-ink,#131517)!important;}


/* ==== Buscador de dominios: barra fija expandida al hacer scroll (solo PC) ==== */
@media(min-width:992px){
html #order-standard_cart .domain-checker-bg{transition:min-height .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;}
html #order-standard_cart .domain-checker-bg.lk-dc-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;max-width:none!important;margin:0!important;z-index:1050;border-left:0!important;border-right:0!important;border-top:0!important;}
html body #order-standard_cart .domain-checker-bg.lk-dc-shrunk,html #order-standard_cart .domain-checker-bg.lk-dc-fixed.lk-dc-shrunk{min-height:120px!important;height:120px!important;padding-top:0!important;padding-bottom:0!important;box-shadow:0 10px 30px rgba(0,0,0,.18);}
html #order-standard_cart .domain-checker-bg.lk-dc-fixed>form{max-width:1080px;margin:0 auto;}
}
.lk-dc-ph{display:none;}
@media(max-width:991px){.lk-dc-ph{display:none!important;}}


/* Campo del buscador de dominios: sin halo claro, borde de tokens y boton a ras */
html #order-standard_cart .domain-checker-bg .input-group-box,
html #order-standard_cart .domain-checker-bg .input-group{box-shadow:none!important;background:transparent!important;border:none!important;}
html #order-standard_cart .domain-checker-bg .form-control{box-shadow:none!important;border:1px solid var(--lk-border,#e3e6e9)!important;border-right:none!important;}
html #order-standard_cart .domain-checker-bg .form-control:focus{border-color:var(--lk-accent2,#8A9096)!important;box-shadow:none!important;}
html #order-standard_cart .domain-checker-bg .input-group-append,
html #order-standard_cart .domain-checker-bg .input-group-btn{margin:0!important;}

/* Paso "Elige el dominio" (configuracion del producto): cuerpo a 1080px centrado */
html #order-standard_cart:has(.domain-selection-options){max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;}



/* Elige el dominio: las cards de opcion recuperan su superficie (tras retirar el fondo animado) */
html #order-standard_cart .domain-selection-options .option{background:var(--lk-surface,#ffffff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;margin-bottom:12px!important;}


/* El loader comparte la clase del titulo del resultado: no debe agrandarse ni forzarse visible */
html #order-standard_cart .domain-lookup-loader.domain-checker-result-headline{min-height:0!important;font-size:15px!important;padding:10px 0!important;}


/* ================= PÁGINA DE PRECIOS DE DOMINIOS (/domain/pricing) =================
   Misma línea estética que la página de registro: tokens del tema, darkmode,
   sin colores de marca ajenos y ancho 1080px centrado. */
html #main-body:has(.domain-pricing) .container{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;}

/* TLDs destacados: superficie del tema y franja de precio neutra (fuera azul/amarillo) */
html #main-body .domain-pricing .featured-tld{background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;box-shadow:none!important;overflow:hidden;}
html #main-body .domain-pricing .featured-tld .img-container{background:var(--lk-bg2,#f2f4f7)!important;padding:18px 12px!important;}
html #main-body .domain-pricing .featured-tld .price,
html #main-body .domain-pricing .featured-tld [class*=price]{background:transparent!important;color:var(--lk-ink,#131517)!important;border-top:1px solid var(--lk-border,#e3e6e9)!important;font-weight:700!important;font-size:14px!important;padding:12px 10px!important;text-align:center;}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) #main-body .domain-pricing .featured-tld .img-container{background:color-mix(in srgb,var(--lk-surface,#1e2023) 82%,#8f8f8f)!important;}
}
:root[data-theme="dark"] #main-body .domain-pricing .featured-tld .img-container{background:color-mix(in srgb,var(--lk-surface,#1e2023) 82%,#8f8f8f)!important;}

/* Chips de categoría: neutros con borde; el activo toma el acento */
html #main-body .domain-pricing .tld-filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 26px;}
html #main-body .domain-pricing .tld-filters .badge{background:var(--lk-bg2,#f2f4f7)!important;color:var(--lk-ink,#131517)!important;border:1px solid var(--lk-border,#e3e6e9)!important;font-weight:600!important;font-size:12px!important;padding:7px 12px!important;margin:0!important;}
html #main-body .domain-pricing .tld-filters .badge:hover{border-color:var(--lk-accent2,#8A9096)!important;}
html #main-body .domain-pricing .tld-filters .badge.active,
html #main-body .domain-pricing .tld-filters .badge.selected,
html #main-body .domain-pricing .tld-filters .badge-primary{background:var(--lk-accent2,#8A9096)!important;border-color:var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;}

/* Tabla de precios: cabecera y filas por tokens, sin rayado ajeno al tema */
html #main-body .domain-pricing .table-container{background:transparent!important;border:none!important;}
html #main-body .domain-pricing table{background:transparent!important;color:var(--lk-ink,#131517)!important;border-color:var(--lk-border,#e3e6e9)!important;}
html #main-body .domain-pricing table thead th{background:var(--lk-bg2,#f2f4f7)!important;color:var(--lk-ink,#131517)!important;border-bottom:2px solid var(--lk-ink,#131517)!important;border-top:none!important;font-size:12px!important;letter-spacing:.6px;text-transform:uppercase;font-weight:700!important;padding:14px 12px!important;}
html #main-body .domain-pricing table tbody td{background:transparent!important;color:var(--lk-ink,#131517)!important;border-color:var(--lk-border,#e3e6e9)!important;padding:14px 12px!important;vertical-align:middle;}
html #main-body .domain-pricing table tbody tr:nth-child(even) td{background:var(--lk-bg2,#f2f4f7)!important;}
html #main-body .domain-pricing table tbody tr:hover td{background:color-mix(in srgb,var(--lk-accent2,#8A9096) 8%,transparent)!important;}
html #main-body .domain-pricing table tbody td:first-child{font-weight:700!important;}
html #main-body .domain-pricing .badge-info,html #main-body .domain-pricing table .badge{background:var(--lk-chip,rgba(0,0,0,.06))!important;color:var(--lk-muted,#5B6B78)!important;border:1px solid var(--lk-border,#e3e6e9)!important;font-weight:600!important;}

/* Buscador y contador de la tabla (DataTables): campos con tokens */
html #main-body .domain-pricing input[type=search],html #main-body .domain-pricing .dataTables_filter input{background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;color:var(--lk-ink,#131517)!important;padding:9px 12px!important;height:auto!important;box-shadow:none!important;}
html #main-body .domain-pricing .dataTables_info,html #main-body .domain-pricing .dataTables_length,
html #main-body .domain-pricing .dataTables_filter label{color:var(--lk-muted,#5B6B78)!important;font-size:13px!important;}
html #main-body .domain-pricing .dataTables_paginate .paginate_button{background:transparent!important;border:1px solid var(--lk-border,#e3e6e9)!important;color:var(--lk-ink,#131517)!important;}
html #main-body .domain-pricing .dataTables_paginate .paginate_button.current,
html #main-body .domain-pricing .dataTables_paginate .paginate_button:hover{background:var(--lk-accent2,#8A9096)!important;border-color:var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;}

/* Aviso "¿Tiene preguntas?" del carrito: discreto, sin la banda amarilla */
html #order-standard_cart .alert-info,html #order-standard_cart .cart-alert,
html #order-standard_cart .alert-warning:has(.fa-question-circle),
html #order-standard_cart .alert:has(a[href*="contact"]){background:transparent!important;border:none!important;box-shadow:none!important;color:var(--lk-faint,#8A98A4)!important;font-size:12.5px!important;padding:8px 0!important;text-align:center;}
html #order-standard_cart .alert-info *,html #order-standard_cart .cart-alert *,
html #order-standard_cart .alert-warning:has(.fa-question-circle) *,
html #order-standard_cart .alert:has(a[href*="contact"]) *{color:var(--lk-faint,#8A98A4)!important;font-size:12.5px!important;}
html #order-standard_cart .alert-info a,html #order-standard_cart .cart-alert a,
html #order-standard_cart .alert:has(a[href*="contact"]) a{color:var(--lk-muted,#5B6B78)!important;text-decoration:underline!important;font-weight:600!important;}

/* Resumen del pedido (configurar servicio): mas aire bajo el boton Continuar */
html #order-standard_cart #orderSummary{padding-bottom:34px!important;}
html #order-standard_cart #orderSummary .order-summary{padding-bottom:8px!important;}
html #order-standard_cart #orderSummary>.text-center{padding:22px 0 6px!important;}


/* ================= CONFIGURACIÓN DE DOMINIOS (cart.php?a=confdomains) =================
   Rediseño con la misma línea del resto del flujo: 1080px, títulos centrados,
   tarjetas por tokens, darkmode y sin colores fuera del tema. */
html #order-standard_cart:has(.addon-products),
html #order-standard_cart:has(#inputNs1){max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;}

/* Cabecera y subtítulos centrados */
html #order-standard_cart:has(.addon-products) .header-lined,
html #order-standard_cart:has(#inputNs1) .header-lined{text-align:center;border:none!important;margin-bottom:8px!important;}
html #order-standard_cart:has(.addon-products) .header-lined h1,
html #order-standard_cart:has(#inputNs1) .header-lined h1{font-size:20px!important;text-transform:uppercase;letter-spacing:1px;font-weight:700!important;}
html #order-standard_cart .sub-heading{text-align:center!important;border:none!important;margin:30px 0 18px!important;overflow:visible!important;}
html #order-standard_cart .sub-heading span,
html #order-standard_cart .sub-heading .primary-bg-color{display:inline-block;background:var(--lk-bg2,#f2f4f7)!important;color:var(--lk-ink,#131517)!important;border:1px solid var(--lk-border,#e3e6e9)!important;padding:8px 20px!important;font-weight:700!important;font-size:14.5px!important;letter-spacing:.3px;}
html #order-standard_cart:has(.addon-products) .cart-body>p,
html #order-standard_cart:has(#inputNs1) .cart-body>p{text-align:center;color:var(--lk-muted,#5B6B78)!important;font-size:13.5px!important;max-width:640px;margin:0 auto 20px!important;}

/* Datos del dominio (periodo/hosting) en tarjeta centrada */
html #order-standard_cart:has(.addon-products) .cart-body>.row>.col-sm-6 .form-group,
html #order-standard_cart:has(.addon-products) .cart-body>.row>[class*=col-] .form-group{text-align:center;background:var(--lk-surface,#fff);border:1px solid var(--lk-border,#e3e6e9);padding:16px 14px;margin-bottom:14px!important;}
html #order-standard_cart:has(.addon-products) .cart-body>.row>[class*=col-] .form-group label{display:block;font-size:11.5px!important;text-transform:uppercase;letter-spacing:.6px;color:var(--lk-muted,#5B6B78)!important;font-weight:700!important;margin-bottom:6px!important;}
html #order-standard_cart:has(.addon-products) .cart-body>.row>[class*=col-] .form-group br{display:none;}
/* El estado de hosting no usa verde/rojo crudos */
html #order-standard_cart .cart-body span[style*="#009900"]{color:#1E7F5C!important;font-weight:700;}
html #order-standard_cart .cart-body a[style*="#cc0000"]{color:var(--lk-accent2,#8A9096)!important;font-weight:700;text-decoration:underline;}

/* Tarjetas de complementos (DNS, redirección de correo, privacidad) */
html #order-standard_cart .addon-products{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px;margin:0 0 8px!important;}
html #order-standard_cart .addon-products>[class*=col-]{flex:1 1 260px;max-width:340px;width:auto!important;padding:0!important;margin:0!important;}
html #order-standard_cart .panel-addon{height:100%;display:flex;flex-direction:column;background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;box-shadow:none!important;text-align:center;transition:border-color .18s,box-shadow .18s;}
html #order-standard_cart .panel-addon:hover{border-color:var(--lk-accent2,#8A9096)!important;}
html #order-standard_cart .panel-addon .panel-body{flex:1 1 auto;padding:20px 18px 10px!important;color:var(--lk-ink,#131517)!important;font-size:13px!important;line-height:1.5;background:transparent!important;}
html #order-standard_cart .panel-addon .panel-body label{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700!important;font-size:14.5px!important;color:var(--lk-ink,#131517)!important;margin-bottom:8px!important;cursor:pointer;}
html #order-standard_cart .panel-addon .panel-body br{display:none;}
html #order-standard_cart .panel-addon .panel-price{padding:6px 18px 12px!important;font-weight:700!important;font-size:15px!important;color:var(--lk-ink,#131517)!important;background:transparent!important;}
html #order-standard_cart .panel-addon .panel-add{border-top:1px solid var(--lk-border,#e3e6e9)!important;padding:12px!important;font-weight:700!important;font-size:12.5px!important;text-transform:uppercase;letter-spacing:.5px;color:var(--lk-muted,#5B6B78)!important;background:transparent!important;cursor:pointer;}
html #order-standard_cart .panel-addon:hover .panel-add{color:var(--lk-ink,#131517)!important;}
/* Complemento seleccionado: acento sutil, sin pintar toda la tarjeta */
html #order-standard_cart .panel-addon-selected{border-color:var(--lk-accent2,#8A9096)!important;box-shadow:0 0 0 1px var(--lk-accent2,#8A9096)!important;}
html #order-standard_cart .panel-addon-selected .panel-add{background:var(--lk-accent2,#8A9096)!important;color:var(--wp-accent-ink,#fff)!important;border-top-color:var(--lk-accent2,#8A9096)!important;}

/* Nameservers y campos del registrante */
html #order-standard_cart:has(#inputNs1) .row:has(#inputNs1){justify-content:center;}
html #order-standard_cart #inputNs1,html #order-standard_cart #inputNs2,
html #order-standard_cart [id^=inputNs]{height:46px!important;background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;color:var(--lk-ink,#131517)!important;}
html #order-standard_cart .row:has(#inputNs1) label{font-size:11.5px!important;text-transform:uppercase;letter-spacing:.6px;color:var(--lk-muted,#5B6B78)!important;font-weight:700!important;}
html #order-standard_cart .form-group.row .col-sm-4.text-sm-right{color:var(--lk-muted,#5B6B78)!important;font-weight:600!important;display:flex;align-items:center;justify-content:flex-end;}
html #order-standard_cart .form-group.row .col-sm-8 .form-control,
html #order-standard_cart .form-group.row .col-sm-8 select{height:46px!important;}

/* Campo EPP con icono */
html #order-standard_cart .prepend-icon:has(#inputEppcode0) .field,
html #order-standard_cart [id^=inputEppcode]{height:46px!important;padding-left:44px!important;}
html #order-standard_cart .field-help-text{display:block;text-align:center;color:var(--lk-faint,#8A98A4)!important;font-size:12px!important;margin-top:6px;}

/* ==== Fix: .sub-heading es una linea de height:0 con la etiqueta flotando (top:-11px) ==== */
html #order-standard_cart .sub-heading,html #order-standard_cart .sub-heading-borderless{
  height:auto!important;border-top:none!important;margin:34px 0 16px!important;text-align:center!important;}
html #order-standard_cart .sub-heading span,html #order-standard_cart .sub-heading-borderless span,
html #order-standard_cart .sub-heading .primary-bg-color{
  position:static!important;top:auto!important;display:inline-block!important;
  background:var(--lk-bg2,#f2f4f7)!important;color:var(--lk-ink,#131517)!important;
  border:1px solid var(--lk-border,#e3e6e9)!important;padding:9px 22px!important;
  font-weight:700!important;font-size:14px!important;letter-spacing:.4px;line-height:1.2!important;}

/* ==== Servidores de nombres: uno por fila, centrados y a ancho de lectura ==== */
html #order-standard_cart .row:has(#inputNs1){display:block!important;max-width:560px;margin:0 auto!important;}
html #order-standard_cart .row:has(#inputNs1)>[class*=col-]{width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;}
html #order-standard_cart .row:has(#inputNs1) .form-group{margin-bottom:14px!important;}
html #order-standard_cart .row:has(#inputNs1) label{display:block;margin-bottom:5px!important;}

/* Textos descriptivos de la configuracion de dominios: centrados y a ancho de lectura */
html #order-standard_cart:has(.addon-products) .cart-body p,
html #order-standard_cart:has(#inputNs1) .cart-body p{
  text-align:center!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important;
  color:var(--lk-muted,#5B6B78)!important;font-size:13.5px!important;line-height:1.6!important;}
html #order-standard_cart:has(#inputNs1) .cart-body .field-help-text{max-width:640px!important;margin-left:auto!important;margin-right:auto!important;}


/* Servidores de nombres: sin etiquetas (el texto pasa al placeholder por JS) */
html #order-standard_cart .row:has(#inputNs1) label{display:none!important;}
html #order-standard_cart .row:has(#inputNs1) .form-group{margin-bottom:12px!important;}


/* Enlace "Agregar más DNS" bajo los servidores de nombres */
html #order-standard_cart .lk-nsmore{max-width:560px;margin:2px auto 18px;text-align:center;}
html #order-standard_cart .lk-nsmore a{color:var(--lk-muted,#5B6B78)!important;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;}
html #order-standard_cart .lk-nsmore a:hover{color:var(--lk-ink,#131517)!important;}

/* Servidores de nombres: valor y placeholder centrados dentro del campo */
html #order-standard_cart input[id^=inputNs]{text-align:center!important;}
html #order-standard_cart input[id^=inputNs]::placeholder{text-align:center!important;}

/* ==== Cabecera del dominio: nombre grande en verde, ciclo y enlace debajo centrados ==== */
/* SOLO el sub-heading del dominio (el que va seguido de la fila de datos) va grande y verde */
html #order-standard_cart:has(#inputNs1) .cart-body .sub-heading:has(+ .row) span,
html #order-standard_cart:has(.addon-products) .cart-body .sub-heading:has(+ .row) span{
  background:transparent!important;border:none!important;padding:0!important;
  font-size:26px!important;font-weight:800!important;color:#1E7F5C!important;letter-spacing:0!important;}
/* Periodo y enlace de hosting: una línea cada uno, centrados bajo el dominio */
html #order-standard_cart:has(#inputNs1) .cart-body .row:has(.form-group):not(:has(input)):not(:has(select)){
  display:block!important;max-width:560px;margin:4px auto 0!important;text-align:center!important;}
html #order-standard_cart:has(#inputNs1) .cart-body .row:has(.form-group):not(:has(input)):not(:has(select))>[class*=col-]{
  width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;display:block!important;}
html #order-standard_cart:has(#inputNs1) .cart-body .row:has(.form-group):not(:has(input)):not(:has(select)) .form-group{
  background:transparent!important;border:none!important;padding:0!important;margin:0 0 4px!important;text-align:center!important;}
html #order-standard_cart:has(#inputNs1) .cart-body .row:has(.form-group):not(:has(input)):not(:has(select)) .form-group label{display:none!important;}
html #order-standard_cart:has(#inputNs1) .cart-body .row:has(.form-group):not(:has(input)):not(:has(select)) .form-group br{display:none!important;}
html #order-standard_cart .cart-body a[style*="#cc0000"],
html #order-standard_cart .cart-body span[style*="#009900"]{display:inline-block;font-size:13px!important;}


/* Enlaces de la configuración de dominios: neutros (sin acento ni azul) */
html #order-standard_cart .cart-body a[style*="#cc0000"],
html #order-standard_cart .cart-body a[style*="cc0000"],
html #order-standard_cart:has(#inputNs1) .cart-body p a,
html #order-standard_cart .lk-nsmore a{
  color:var(--lk-muted,#5B6B78)!important;text-decoration:underline!important;font-weight:600!important;}
html #order-standard_cart .cart-body a[style*="#cc0000"]:hover,
html #order-standard_cart:has(#inputNs1) .cart-body p a:hover,
html #order-standard_cart .lk-nsmore a:hover{color:var(--lk-ink,#131517)!important;}

/* ==== Configuración de dominios: todo el bloque dentro de una card estándar ==== */
html #order-standard_cart:has(#inputNs1) .cart-body,
html #order-standard_cart:has(.addon-products) .cart-body{
  background:var(--lk-surface,#fff)!important;border:1px solid var(--lk-border,#e3e6e9)!important;
  padding:34px 30px 38px!important;margin-bottom:30px!important;}
/* El título general queda fuera del card (encabezado de la página) */
html #order-standard_cart:has(#inputNs1) .cart-body .header-lined,
html #order-standard_cart:has(.addon-products) .cart-body .header-lined{margin-top:0!important;}
/* Los campos se distinguen del fondo de la card */
html #order-standard_cart:has(#inputNs1) input[id^=inputNs]{background:var(--lk-bg2,#f7f8fa)!important;}
@media(max-width:640px){
html #order-standard_cart:has(#inputNs1) .cart-body,
html #order-standard_cart:has(.addon-products) .cart-body{padding:24px 16px 28px!important;}
}

/* ---- Carrito (viewcart): sumario "Tu Pedido" y detalle TRANSPARENTES sobre el fondo
   de la página, bordes más sutiles (tinta al 10%) y título en tinta — diseño aprobado
   por el propietario 19-ago-2026. Dark mode automático: --lk-ink/--lk-muted se
   invierten con el modo, y color-mix con transparent hereda esa inversión. ---- */
html #order-standard_cart .order-summary,html #order-standard_cart #orderSummary,html #order-standard_cart .summary-container{background:transparent!important;box-shadow:none!important;}
html #order-standard_cart .order-summary{border:1px solid color-mix(in srgb, var(--lk-ink,#121827) 10%, transparent)!important;}
html #order-standard_cart .summary-container{border:none!important;}
html #order-standard_cart .order-summary h2,html #order-standard_cart .order-summary .font-size-30{color:var(--lk-ink,#121827)!important;}
html #order-standard_cart .view-cart-items,html #order-standard_cart .view-cart-items .item{background:transparent!important;box-shadow:none!important;border-color:color-mix(in srgb, var(--lk-ink,#121827) 10%, transparent)!important;}
html #order-standard_cart .view-cart-items-header,html #order-standard_cart .table-head{background:color-mix(in srgb, var(--lk-ink,#121827) 6%, transparent)!important;border:1px solid color-mix(in srgb, var(--lk-ink,#121827) 10%, transparent)!important;}
html #order-standard_cart .view-cart-tabs .nav-tabs{border-bottom-color:color-mix(in srgb, var(--lk-ink,#121827) 12%, transparent)!important;}
html #order-standard_cart .view-cart-tabs .nav-tabs .nav-link{color:var(--lk-muted,#5B6B78)!important;background:transparent!important;}
html #order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active{color:var(--lk-ink,#121827)!important;background:color-mix(in srgb, var(--lk-ink,#121827) 6%, transparent)!important;border-color:color-mix(in srgb, var(--lk-ink,#121827) 12%, transparent)!important;border-bottom-color:transparent!important;}

/* Fondos nuevos del Banner Hero por slide: video / Animación Vanta / Animación React */
.lk-home .hero-slide .lk-slide-med{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.lk-home .hero-slide .lk-slide-ovx{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}

/* Sumario del carrito TRANSPARENTE SIEMPRE (también con Glassmode activo, 20-ago):
   el bloque glass de lkThemeCss ya no lo incluye; aquí se apaga cualquier blur restante
   y el detalle izquierdo gana al glass por especificidad (id + 2 clases). */
html #order-standard_cart .order-summary,html #order-standard_cart #orderSummary,html #order-standard_cart .summary-container,html #order-standard_cart .total-due-today{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
html #order-standard_cart .view-cart-items .item{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}