/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* ════════════════════════════════════════════════════════════
   ZWIP BRANDING v3 — SOLO la tienda (/store), look dark del login.
   Scopeado a html.zwip-dark (lo agrega el hook por URL). El resto
   del portal (home/carrito/cuenta) queda con el tema default.
   Revertir: borrar este bloque + el hook zwip_brand.php + restaurar
   custom.css.zwipbak.
   ════════════════════════════════════════════════════════════ */
html.zwip-dark { --p-bg:#1E293B; --p-bg-2:#172033; --p-surface:#273245; --p-surface-2:#2F3B50; --p-surface-hi:#3A475D; --p-border:rgba(255,255,255,0.06); --p-border-2:rgba(255,255,255,0.10); --p-border-hi:rgba(130,192,171,0.34); --p-fg:#E8ECF2; --p-fg-2:#9FAAC0; --p-fg-3:#6F7C95; --p-fg-4:#4E5972; --p-teal:#82C0AB; --p-teal-2:#9AD0BD; --p-teal-ink:#0F1929; --p-teal-soft:rgba(130,192,171,0.12); --p-teal-line:rgba(130,192,171,0.45); }

html.zwip-dark, html.zwip-dark body, html.zwip-dark body.primary-bg-color {
  background:var(--p-bg) !important; color:var(--p-fg) !important;
  font-family:'Space Grotesk', system-ui, -apple-system, sans-serif !important;
}
/* sticky footer: header + main-body + footer pegado al fondo */
html.zwip-dark body { display:flex; flex-direction:column; min-height:100vh; }
html.zwip-dark #main-body { flex:1 0 auto; position:relative; z-index:1; }
html.zwip-dark #header, html.zwip-dark #footer { position:relative; z-index:1; flex:0 0 auto; }
html.zwip-dark #footer.footer { margin-top:auto; }
/* glow teal del login */
html.zwip-dark body::before { content:""; position:fixed; top:-180px; left:50%; transform:translateX(-50%); width:1000px; height:620px; background:radial-gradient(closest-side,var(--p-teal-soft),transparent 70%); pointer-events:none; z-index:0; }

html.zwip-dark h1, html.zwip-dark h2, html.zwip-dark h3, html.zwip-dark h4, html.zwip-dark h5, html.zwip-dark h6, html.zwip-dark .navbar-brand { font-family:'Space Grotesk', system-ui, sans-serif !important; color:var(--p-fg); }
html.zwip-dark a { color:var(--p-teal); } html.zwip-dark a:hover { color:var(--p-teal-2); }
html.zwip-dark .text-muted, html.zwip-dark .help-block, html.zwip-dark small { color:var(--p-fg-3) !important; }
html.zwip-dark hr { border-color:var(--p-border) !important; }

/* Navbars (las dos) — fondo oscuro, SIN linea blanca */
html.zwip-dark #header .navbar, html.zwip-dark .main-navbar-wrapper { background:var(--p-bg-2) !important; }
html.zwip-dark #header * { border-color:var(--p-border) !important; }
html.zwip-dark #header .navbar.navbar-light { border-bottom:1px solid var(--p-border) !important; }
html.zwip-dark #header .navbar-brand { font-size:0 !important; width:112px; height:32px; margin-right:1rem !important; background:url('/templates/twenty-one/img/zwip-logo.png') left center / contain no-repeat; }
html.zwip-dark #header .nav-link, html.zwip-dark #header .cart-btn, html.zwip-dark #header a, html.zwip-dark #header .navbar-nav > li > a { color:var(--p-fg-2) !important; }
html.zwip-dark #header .nav-link:hover, html.zwip-dark #header a:hover { color:var(--p-teal) !important; }
html.zwip-dark #header .btn, html.zwip-dark #header .cart-btn { border:none !important; box-shadow:none !important; }
html.zwip-dark #header .form-control { background:var(--p-bg) !important; border:1px solid var(--p-border-2) !important; color:var(--p-fg) !important; }
html.zwip-dark #header .form-control::placeholder { color:var(--p-fg-3) !important; }
html.zwip-dark #header .btn-default { background:var(--p-surface) !important; border:1px solid var(--p-border-2) !important; color:var(--p-fg-2) !important; }
html.zwip-dark .badge-info { background:var(--p-teal) !important; color:var(--p-teal-ink) !important; }
html.zwip-dark .breadcrumb { background:transparent !important; } html.zwip-dark .breadcrumb a { color:var(--p-fg-3); } html.zwip-dark .breadcrumb .active { color:var(--p-fg-2); }
html.zwip-dark .dropdown-menu { background:var(--p-surface) !important; border:1px solid var(--p-border) !important; }
html.zwip-dark .dropdown-item, html.zwip-dark .dropdown-menu a { color:var(--p-fg-2) !important; }
html.zwip-dark .dropdown-item:hover { background:var(--p-surface-hi) !important; color:var(--p-fg) !important; }

/* Cards / sidebar / price-tables */
html.zwip-dark .card, html.zwip-dark .panel, html.zwip-dark .well, html.zwip-dark .product-selection-sidebar, html.zwip-dark #order-premium_comparison .price-table {
  background:linear-gradient(180deg,var(--p-surface),var(--p-bg-2)) !important; border:1px solid var(--p-border) !important; color:var(--p-fg) !important;
}
html.zwip-dark .card, html.zwip-dark #order-premium_comparison .price-table { border-radius:14px !important; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.35) !important; }
html.zwip-dark .card-header, html.zwip-dark .panel-heading { background:var(--p-bg-2) !important; color:var(--p-fg) !important; border-color:var(--p-border) !important; }
html.zwip-dark .list-group-item { background:transparent !important; border-color:var(--p-border) !important; color:var(--p-fg-2) !important; }

/* Forms */
html.zwip-dark .form-control, html.zwip-dark input[type=text], html.zwip-dark input[type=email], html.zwip-dark input[type=password], html.zwip-dark select, html.zwip-dark textarea {
  background:var(--p-bg-2) !important; border:1px solid var(--p-border-2) !important; color:var(--p-fg) !important;
}
html.zwip-dark .form-control:focus, html.zwip-dark select:focus, html.zwip-dark textarea:focus { border-color:var(--p-teal-line) !important; box-shadow:0 0 0 3px var(--p-teal-soft) !important; background:var(--p-surface) !important; }
html.zwip-dark label, html.zwip-dark .control-label { color:var(--p-fg-2) !important; }

/* Botones */
html.zwip-dark .btn-primary, html.zwip-dark .order-button, html.zwip-dark .btn-success { background:var(--p-teal) !important; border-color:var(--p-teal) !important; color:var(--p-teal-ink) !important; font-weight:600; }
html.zwip-dark .btn-primary:hover, html.zwip-dark .order-button:hover, html.zwip-dark .btn-success:hover { background:var(--p-teal-2) !important; border-color:var(--p-teal-2) !important; color:var(--p-teal-ink) !important; }
html.zwip-dark .btn-link { color:var(--p-teal) !important; }

/* Alerts */
html.zwip-dark .alert-info { background:var(--p-teal-soft) !important; border-color:var(--p-teal-line) !important; color:var(--p-fg) !important; }
html.zwip-dark .alert-danger { background:rgba(248,113,113,0.12) !important; border-color:rgba(248,113,113,0.35) !important; color:#FCA5A5 !important; }

/* Store / price tables específicos */
html.zwip-dark #order-premium_comparison #headline { color:var(--p-fg) !important; font-weight:700; }
html.zwip-dark #order-premium_comparison #tagline { color:var(--p-fg-2) !important; }
html.zwip-dark #order-premium_comparison .price-table .top-head { background:var(--p-bg-2) !important; color:var(--p-fg) !important; border-bottom:1px solid var(--p-border); }
html.zwip-dark #order-premium_comparison .price-table .top-head h4, html.zwip-dark #order-premium_comparison .price-table .top-head p { color:var(--p-fg) !important; }
html.zwip-dark #order-premium_comparison .price-table .price { color:var(--p-teal) !important; font-weight:700; }
html.zwip-dark #order-premium_comparison .price-table ul li { color:var(--p-fg-2) !important; border-color:var(--p-border) !important; }
html.zwip-dark #order-premium_comparison .popular-plan { background:var(--p-teal) !important; color:var(--p-teal-ink) !important; }
html.zwip-dark #order-premium_comparison .includes-features .primary-bg-color { background:var(--p-teal) !important; color:var(--p-teal-ink) !important; }

/* Footer */
html.zwip-dark #footer.footer { background:var(--p-bg-2) !important; border-top:1px solid var(--p-border); }
html.zwip-dark #footer.footer, html.zwip-dark #footer.footer a, html.zwip-dark #footer.footer p, html.zwip-dark #footer.footer li, html.zwip-dark #footer.footer button, html.zwip-dark #footer.footer .nav-link { color:var(--p-fg-3) !important; }
html.zwip-dark #footer.footer a:hover, html.zwip-dark #footer.footer .nav-link:hover { color:var(--p-teal) !important; }


/* ── ZWIP v4: globalización — utilidades light→dark (home + client area) ── */
html.zwip-dark .bg-white, html.zwip-dark .bg-light, html.zwip-dark .home-domain-search { background:var(--p-surface) !important; color:var(--p-fg) !important; border-color:var(--p-border) !important; }
html.zwip-dark .text-dark, html.zwip-dark .text-body, html.zwip-dark .text-black { color:var(--p-fg) !important; }
html.zwip-dark .card-body { color:var(--p-fg) !important; }
html.zwip-dark .card-title, html.zwip-dark .pricing-card-title, html.zwip-dark .panel-title { color:var(--p-fg) !important; }
html.zwip-dark .card-columns.home .card, html.zwip-dark .card-accent-midnight-blue { background:linear-gradient(180deg,var(--p-surface),var(--p-bg-2)) !important; }
html.zwip-dark .ico-container { color:var(--p-teal) !important; }
html.zwip-dark .jumbotron, html.zwip-dark .masthead, html.zwip-dark .page-header { background:var(--p-bg-2) !important; color:var(--p-fg) !important; border-color:var(--p-border) !important; }
html.zwip-dark .table { background:transparent !important; color:var(--p-fg) !important; }
html.zwip-dark .table td, html.zwip-dark .table th { background:transparent !important; border-color:var(--p-border) !important; }
html.zwip-dark .table-hover tbody tr:hover { background:rgba(255,255,255,0.03) !important; }
html.zwip-dark .nav-tabs { border-color:var(--p-border) !important; }
html.zwip-dark .nav-tabs .nav-link { color:var(--p-fg-2) !important; }
html.zwip-dark .nav-tabs .nav-link.active { background:var(--p-surface) !important; color:var(--p-fg) !important; border-color:var(--p-border) var(--p-border) var(--p-surface) !important; }
html.zwip-dark .progress { background:var(--p-bg-2) !important; }
html.zwip-dark .pagination .page-link { background:var(--p-surface) !important; border-color:var(--p-border) !important; color:var(--p-fg-2) !important; }
html.zwip-dark .pagination .page-item.active .page-link { background:var(--p-teal) !important; border-color:var(--p-teal) !important; color:var(--p-teal-ink) !important; }
html.zwip-dark .input-group-text { background:var(--p-bg-2) !important; border-color:var(--p-border-2) !important; color:var(--p-fg-2) !important; }
html.zwip-dark .custom-select { background:var(--p-bg-2) !important; border-color:var(--p-border-2) !important; color:var(--p-fg) !important; }
html.zwip-dark code, html.zwip-dark pre { background:var(--p-bg-2) !important; color:var(--p-teal-2) !important; border-color:var(--p-border) !important; }


/* ── ZWIP v4: flujo de compra como LANDING minimal (html.zwip-shop) ──
   Oculta el "chrome" de WHMCS en /store y /cart (menú, buscador KB,
   sidebar de categorías, breadcrumb, extras del footer). Deja: logo,
   carrito, planes y el flujo de pago. */
html.zwip-shop #header form[action*="knowledgebase"] { display:none !important; }
html.zwip-shop .main-navbar-wrapper { display:none !important; }
html.zwip-shop #header [data-target="#mainNavbar"] { display:none !important; }
html.zwip-shop .master-breadcrumb, html.zwip-shop .breadcrumb { display:none !important; }
html.zwip-shop .product-selection-sidebar, html.zwip-shop #premiumComparisonSidebar, html.zwip-shop #btnShowSidebar { display:none !important; }
html.zwip-shop .row-product-selection > .col-md-12 { flex:0 0 100% !important; max-width:100% !important; }
html.zwip-shop #footer .nav, html.zwip-shop #footer ul.list-inline { display:none !important; }
html.zwip-shop #footer.footer { text-align:center !important; padding:1.4rem 0 !important; }
html.zwip-shop #order-premium_comparison { padding-top:0.5rem; }
/* un poco más de aire arriba de los planes */
html.zwip-shop #main-body { padding-top:1.5rem; }

/* ===================== ZWIP v5 — cards de planes estilo cotizador ===================== */
/* Headline del grupo */
html.zwip-shop #order-premium_comparison #headline{
  color:#E8ECF2; font-weight:700; letter-spacing:-.02em; margin:0 0 6px;
}
html.zwip-shop #order-premium_comparison #tagline{ color:#9FAAC0; font-weight:400; }

/* Grid de cards */
html.zwip-shop #order-premium_comparison #products > ul{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch;
  gap:22px; list-style:none; padding:0; margin:30px auto 0; max-width:1120px;
}
html.zwip-shop #order-premium_comparison #products > ul > li{
  flex:0 1 330px; max-width:350px; margin:0; padding:0; list-style:none; float:none;
}

/* La card */
html.zwip-shop #order-premium_comparison .price-table{
  position:relative;
  background:linear-gradient(180deg,#273245,#172033);
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  padding:28px 28px 92px;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  height:100%;
  display:flex; flex-direction:column;
  text-align:left;
  transition:border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
html.zwip-shop #order-premium_comparison .price-table:hover{
  border-color:rgba(130,192,171,.34);
  transform:translateY(-4px);
  box-shadow:0 36px 90px rgba(0,0,0,.45);
}
/* Plan destacado (Pro) */
html.zwip-shop #order-premium_comparison .price-table:has(.popular-plan){
  border-color:rgba(130,192,171,.45);
  box-shadow:0 36px 90px rgba(0,0,0,.5), 0 0 0 1px rgba(130,192,171,.18);
}

/* Cabecera */
html.zwip-shop #order-premium_comparison .top-head{ background:none; border:0; padding:0; }
html.zwip-shop #order-premium_comparison .top-area{ padding:0; }
html.zwip-shop #order-premium_comparison .top-head h4{
  font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.1em;
  color:#82C0AB; margin:0 0 16px; line-height:1.2;
}
html.zwip-shop #order-premium_comparison .popular-plan{
  display:inline-block; background:rgba(130,192,171,.14);
  border:1px solid rgba(130,192,171,.34); color:#82C0AB;
  padding:4px 11px; border-radius:999px; font-size:10px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; margin:0 0 14px; position:static;
}

/* Precio */
html.zwip-shop #order-premium_comparison .price-area{ padding:0; border:0; background:none; }
html.zwip-shop #order-premium_comparison .price-area .price{
  color:#E8ECF2; font-size:30px; font-weight:700; letter-spacing:-.03em;
  line-height:1.1; margin:0 0 4px; padding:0;
}
html.zwip-shop #order-premium_comparison .price-area .price small{
  display:block; color:#6F7C95; font-size:11px; font-weight:500; letter-spacing:.02em; margin-top:4px;
}

/* Lista de features (descripcion fallback) */
html.zwip-shop #order-premium_comparison .price-table > ul{
  list-style:none; padding:18px 0 0; margin:18px 0 0;
  border-top:1px solid rgba(255,255,255,.07); flex:1;
}
html.zwip-shop #order-premium_comparison .price-table > ul > li{
  padding:0; margin:0; border:0; background:none; list-style:none;
}
html.zwip-shop #order-premium_comparison .zwip-plan-meta{
  display:flex; gap:8px; flex-wrap:wrap; margin:0 0 16px;
}
html.zwip-shop #order-premium_comparison .zwip-plan-meta span{
  font-size:11px; font-weight:600; letter-spacing:.03em; color:#9FAAC0;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);
  border-radius:8px; padding:4px 10px;
}
html.zwip-shop #order-premium_comparison .zwip-feat{
  list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px;
}
html.zwip-shop #order-premium_comparison .zwip-feat li{
  position:relative; padding:0 0 0 27px; margin:0; border:0; background:none;
  color:#9FAAC0; font-size:13px; line-height:1.5;
}
html.zwip-shop #order-premium_comparison .zwip-feat li::before{
  content:""; position:absolute; left:0; top:1px; width:17px; height:17px;
  background:rgba(130,192,171,.14); border-radius:50%;
}
html.zwip-shop #order-premium_comparison .zwip-feat li::after{
  content:""; position:absolute; left:6px; top:4px; width:4px; height:8px;
  border:solid #82C0AB; border-width:0 2px 2px 0; transform:rotate(45deg);
}

/* Botón Ordenar (pin al pie de la card) */
html.zwip-shop #order-premium_comparison .order-button{
  position:absolute; left:28px; right:28px; bottom:28px;
  display:block; text-align:center; text-decoration:none;
  background:#82C0AB; color:#10202A !important; font-weight:700; font-size:14px;
  padding:13px 18px; border-radius:12px; border:0;
  transition:filter .15s ease, transform .15s ease;
}
html.zwip-shop #order-premium_comparison .order-button:hover{
  filter:brightness(1.07); transform:translateY(-1px); color:#10202A !important;
}
html.zwip-shop #order-premium_comparison .order-button.unavailable{
  background:rgba(255,255,255,.06); color:#6F7C95 !important; cursor:not-allowed;
}

/* Pie "incluido con todos los planes" si existe */
html.zwip-shop #order-premium_comparison .includes-features{ margin-top:34px; }
html.zwip-shop #order-premium_comparison .includes-features .head-area span{ color:#9FAAC0; }
html.zwip-shop #order-premium_comparison .list-features li{ color:#9FAAC0; }

@media (max-width:780px){
  html.zwip-shop #order-premium_comparison #products > ul > li{ flex:1 1 100%; max-width:420px; }
}

/* ===================== ZWIP v6 — cards más anchas + planas (estilo cotizador img2) ===================== */
/* Más anchas */
html.zwip-shop #order-premium_comparison #products > ul{ max-width:1260px; gap:26px; }
html.zwip-shop #order-premium_comparison #products > ul > li{ flex:1 1 380px; max-width:410px; }
html.zwip-shop #order-premium_comparison .price-table-container .price-table{
  width:auto !important; min-width:0 !important; max-width:none !important;
  background:linear-gradient(180deg,#273245,#172033) !important;
  padding:30px 30px 94px !important; text-align:left !important;
}

/* Header PLANO (sin la caja azul del template) */
html.zwip-shop #order-premium_comparison .price-table-container .price-table .top-head,
html.zwip-shop #order-premium_comparison .price-table-container .price-table .top-head .top-area,
html.zwip-shop #order-premium_comparison .price-table-container .price-table .top-head .price-area{
  background:none !important; border:0 !important; box-shadow:none !important;
  padding:0 !important; margin:0 !important; text-align:left !important; width:auto !important;
}
html.zwip-shop #order-premium_comparison .price-table-container .price-table .top-head .top-area h4{
  color:#82C0AB !important; font-size:13px !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.1em !important; margin:0 0 16px !important;
  padding:0 !important; text-align:left !important;
}
/* Precio */
html.zwip-shop #order-premium_comparison .price-table-container .price-table .top-head .price-area .price{
  color:#82C0AB !important; font-size:34px !important; font-weight:700 !important;
  letter-spacing:-.03em !important; line-height:1.1 !important; margin:0 !important; padding:0 !important;
}
html.zwip-shop #order-premium_comparison .price-table-container .price-table .top-head .price-area .price span,
html.zwip-shop #order-premium_comparison .price-table-container .price-table .top-head .price-area .price small{
  display:block !important; color:#6F7C95 !important; font-size:11px !important; font-weight:500 !important; margin-top:4px !important;
}
/* Badge "MÁS POPULAR" pill teal */
html.zwip-shop #order-premium_comparison .price-table-container .price-table .popular-plan{
  display:inline-block !important; background:rgba(130,192,171,.14) !important;
  border:1px solid rgba(130,192,171,.34) !important; border-bottom:1px solid rgba(130,192,171,.34) !important;
  color:#82C0AB !important; padding:4px 11px !important; border-radius:999px !important;
  font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important;
  text-transform:uppercase !important; margin:0 0 14px !important; position:static !important; width:auto !important;
}

/* Features: lista plana, alineada izq, SIN líneas separadoras */
html.zwip-shop #order-premium_comparison .price-table-container .price-table > ul{
  border-top:1px solid rgba(255,255,255,.07) !important; padding:20px 0 0 !important; margin:20px 0 0 !important;
  text-align:left !important; flex:1;
}
html.zwip-shop #order-premium_comparison .price-table-container .price-table > ul > li{
  border:0 !important; background:none !important; padding:0 !important; margin:0 !important;
  width:auto !important; text-align:left !important;
}
html.zwip-shop #order-premium_comparison .price-table-container .price-table .zwip-plan-meta{
  display:flex !important; gap:8px !important; flex-wrap:wrap !important; margin:0 0 18px !important; text-align:left !important;
}
html.zwip-shop #order-premium_comparison .price-table-container .price-table .zwip-feat{
  display:flex !important; flex-direction:column !important; gap:12px !important; text-align:left !important;
}
html.zwip-shop #order-premium_comparison .price-table-container .price-table .zwip-feat li{
  border:0 !important; background:none !important; width:auto !important;
  padding:0 0 0 27px !important; margin:0 !important; text-align:left !important;
  color:#9FAAC0 !important; font-size:13.5px !important; line-height:1.5 !important;
}

/* Botón ancho al pie */
html.zwip-shop #order-premium_comparison .price-table-container .order-button{
  left:30px !important; right:30px !important; bottom:30px !important;
}

/* ===================== ZWIP v7 — carrito (cart.php / standard_cart) ===================== */
html.zwip-shop #order-standard_cart .cart-body,
html.zwip-shop #order-standard_cart .secondary-cart-body{ background:transparent !important; }

/* Header de items (azul #058 → dark) */
html.zwip-shop #order-standard_cart .view-cart-items-header{
  background:rgba(255,255,255,.04) !important; color:#9FAAC0 !important;
  border:1px solid rgba(255,255,255,.07);
  border-bottom:2px solid rgba(130,192,171,.45) !important;
  border-radius:10px 10px 0 0; font-weight:600; letter-spacing:.02em;
}
html.zwip-shop #order-standard_cart .view-cart-items-header *{ color:#9FAAC0 !important; }

/* Filas de items (legibles) */
html.zwip-shop #order-standard_cart .view-cart-items{ border-bottom:1px solid rgba(255,255,255,.07) !important; }
html.zwip-shop #order-standard_cart .view-cart-items .item{
  background:transparent !important; border-bottom:1px solid rgba(255,255,255,.06);
}
html.zwip-shop #order-standard_cart .view-cart-items .item:nth-child(even){ background:rgba(255,255,255,.025) !important; }
html.zwip-shop #order-standard_cart .view-cart-items .item,
html.zwip-shop #order-standard_cart .view-cart-items .item span,
html.zwip-shop #order-standard_cart .view-cart-items .item div,
html.zwip-shop #order-standard_cart .view-cart-items .item strong,
html.zwip-shop #order-standard_cart .view-cart-items .item b{ color:#E8ECF2 !important; }
html.zwip-shop #order-standard_cart .view-cart-items .item small,
html.zwip-shop #order-standard_cart .view-cart-items .item .product-group,
html.zwip-shop #order-standard_cart .view-cart-items .item .billing-cycle,
html.zwip-shop #order-standard_cart .view-cart-items .item .recurring{ color:#9FAAC0 !important; }
html.zwip-shop #order-standard_cart .view-cart-items .item a{ color:#82C0AB !important; }
html.zwip-shop #order-standard_cart .btn-remove-from-cart{ color:#6F7C95 !important; opacity:.85; }
html.zwip-shop #order-standard_cart .btn-remove-from-cart:hover{ color:#F87171 !important; opacity:1; }

/* Resumen del pedido (gris #666 → dark card) */
html.zwip-shop #order-standard_cart .order-summary{
  background:linear-gradient(180deg,#273245,#172033) !important;
  border:1px solid rgba(255,255,255,.07); border-radius:14px; overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
html.zwip-shop #order-standard_cart .order-summary h2{
  background:rgba(255,255,255,.04) !important; color:#E8ECF2 !important;
  border-bottom:1px solid rgba(255,255,255,.07);
}
html.zwip-shop #order-standard_cart .summary-container,
html.zwip-shop #order-standard_cart .order-summary .subtotal,
html.zwip-shop #order-standard_cart .order-summary .totals,
html.zwip-shop #order-standard_cart .order-summary .recurring-totals,
html.zwip-shop #order-standard_cart .order-summary .total-due-today,
html.zwip-shop #order-standard_cart .order-summary .total-due-today span{ color:#9FAAC0 !important; }
html.zwip-shop #order-standard_cart .order-summary .bordered-totals{ border-bottom:1px solid rgba(255,255,255,.08) !important; }
html.zwip-shop #order-standard_cart .order-summary strong,
html.zwip-shop #order-standard_cart .order-summary b{ color:#E8ECF2 !important; }
html.zwip-shop #order-standard_cart .order-summary .total-due-today .amt{ color:#82C0AB !important; }

/* Promo code + tabs (#fff → dark) */
html.zwip-shop #order-standard_cart .view-cart-promotion-code{
  background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.07); border-radius:10px;
}
html.zwip-shop #order-standard_cart .view-cart-tabs .nav-tabs a{ color:#9FAAC0 !important; }
html.zwip-shop #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
html.zwip-shop #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"]{
  background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.07) !important; color:#E8ECF2 !important;
}
html.zwip-shop #order-standard_cart input.form-control,
html.zwip-shop #order-standard_cart .view-cart-promotion-code input{
  background:#172033 !important; border:1px solid rgba(255,255,255,.1) !important; color:#E8ECF2 !important;
}
html.zwip-shop #order-standard_cart input.form-control::placeholder{ color:#6F7C95 !important; }

/* Sidebar (Categorías / Acciones) */
html.zwip-shop #order-standard_cart .cart-sidebar h3{ color:#E8ECF2 !important; }
html.zwip-shop #order-standard_cart .cart-sidebar .list-group-item{
  background:rgba(255,255,255,.02) !important; border-color:rgba(255,255,255,.06) !important; color:#9FAAC0 !important;
}
html.zwip-shop #order-standard_cart .cart-sidebar .list-group-item:hover{ color:#82C0AB !important; }

/* Botones */
html.zwip-shop #order-standard_cart .btn-checkout,
html.zwip-shop #order-standard_cart .btn-success{
  background:#82C0AB !important; border-color:#82C0AB !important; color:#10202A !important; font-weight:700;
}
html.zwip-shop #order-standard_cart .btn-checkout:hover,
html.zwip-shop #order-standard_cart .btn-success:hover{ filter:brightness(1.07); color:#10202A !important; }
html.zwip-shop #order-standard_cart .btn-default{
  background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.12) !important; color:#E8ECF2 !important;
}
html.zwip-shop #order-standard_cart .btn-default:hover{ background:rgba(255,255,255,.08) !important; color:#fff !important; }

/* ===================== ZWIP v8 — fix modal clickeable + modal dark + promo + vaciar ===================== */
/* FIX CRÍTICO: el glow va detrás de TODO (z-index:-1) y #main-body deja de crear stacking context
   → el modal de Bootstrap (backdrop cuelga de <body>) deja de quedar atrapado y vuelve a ser clickeable. */
html.zwip-dark body::before{ z-index:-1 !important; }
html.zwip-dark #main-body{ z-index:auto !important; }
html.zwip-dark .modal{ z-index:1060 !important; }
html.zwip-dark .modal-backdrop{ z-index:1050 !important; }

/* Modal dark (quitar item / vaciar carrito / etc.) */
html.zwip-dark .modal-content{
  background:linear-gradient(180deg,#273245,#172033) !important;
  border:1px solid rgba(255,255,255,.1) !important; color:#E8ECF2 !important;
  border-radius:14px; box-shadow:0 30px 80px rgba(0,0,0,.55);
}
html.zwip-dark .modal-body,
html.zwip-dark .modal-header,
html.zwip-dark .modal-footer{ background:transparent !important; color:#E8ECF2 !important; border-color:rgba(255,255,255,.08) !important; }
html.zwip-dark .modal-title,
html.zwip-dark .modal-body,
html.zwip-dark .modal-content p,
html.zwip-dark .modal-content span{ color:#E8ECF2 !important; }
html.zwip-dark .modal .close{ color:#9FAAC0 !important; opacity:.9 !important; text-shadow:none !important; }
html.zwip-dark .modal .close:hover{ color:#fff !important; opacity:1 !important; }
html.zwip-dark .modal-remove-item .modal-title i{ color:#82C0AB !important; }
html.zwip-dark .modal-footer .btn-primary{
  background:#82C0AB !important; border-color:#82C0AB !important; color:#10202A !important; font-weight:700;
}
html.zwip-dark .modal-footer .btn-primary:hover{ filter:brightness(1.07); color:#10202A !important; }
html.zwip-dark .modal-footer .btn-default{
  background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.14) !important; color:#E8ECF2 !important;
}
html.zwip-dark .modal-footer .btn-default:hover{ background:rgba(255,255,255,.1) !important; color:#fff !important; }

/* Promo: el recuadro blanco era el .tab-content */
html.zwip-shop #order-standard_cart .view-cart-tabs .tab-content{
  background:rgba(255,255,255,.03) !important; border:1px solid rgba(255,255,255,.07) !important;
  border-radius:0 8px 8px 8px !important; padding:14px !important;
}
html.zwip-shop #order-standard_cart .view-cart-tabs .tab-pane{ background:transparent !important; }
html.zwip-shop #order-standard_cart .form-group .field-icon,
html.zwip-shop #order-standard_cart .prepend-icon .field-icon i{ color:#6F7C95 !important; }

/* "Vaciar carrito" (#btnEmptyCart) → rojo sutil (acción destructiva) */
html.zwip-shop #order-standard_cart #btnEmptyCart{
  background:rgba(248,113,113,.12) !important; border:1px solid rgba(248,113,113,.30) !important;
  color:#F0A5A5 !important; border-radius:8px !important; padding:6px 12px !important; text-decoration:none !important;
}
html.zwip-shop #order-standard_cart #btnEmptyCart:hover{ background:rgba(248,113,113,.2) !important; color:#fff !important; }
html.zwip-shop #order-standard_cart #btnEmptyCart i{ color:inherit !important; }

/* ===================== ZWIP v9 — fondo del resumen (.summary-container #f8f8f8 → transparente) ===================== */
html.zwip-shop #order-standard_cart .summary-container{
  background-color:transparent !important; background:transparent !important; border-radius:0 !important;
}
/* Bordes internos sutiles (eran #ddd / #ccc claros) */
html.zwip-shop #order-standard_cart .order-summary .subtotal{ border-bottom:1px solid rgba(255,255,255,.08) !important; }
html.zwip-shop #order-standard_cart .order-summary .summary-totals{
  border-top:1px solid rgba(255,255,255,.08) !important; border-bottom:1px solid rgba(255,255,255,.08) !important;
}
/* Contraste de textos del resumen */
html.zwip-shop #order-standard_cart .order-summary .subtotal > span,
html.zwip-shop #order-standard_cart .order-summary .recurring-totals > span,
html.zwip-shop #order-standard_cart .order-summary .product-group,
html.zwip-shop #order-standard_cart .order-summary .total-due-today span{ color:#9FAAC0 !important; }
html.zwip-shop #order-standard_cart .order-summary #subtotal,
html.zwip-shop #order-standard_cart .order-summary .recurring-charges,
html.zwip-shop #order-standard_cart .order-summary .recurring-charges .cost{ color:#E8ECF2 !important; }
html.zwip-shop #order-standard_cart .order-summary .total-due-today .amt{ color:#82C0AB !important; }

/* ===================== ZWIP v10 — checkout (cart.php?a=checkout) + sidebar sin dominios ===================== */
/* Sin "Registrar/Transferir dominio" (no vendemos dominios); queda "Ver carrito" */
html.zwip-shop a[href*="domain=register"],
html.zwip-shop a[href*="domain=transfer"]{ display:none !important; }

/* Headers de seccion (.sub-heading > span.primary-bg-color) → pill teal + linea sutil */
html.zwip-shop .sub-heading{ border-color:rgba(255,255,255,.1) !important; }
html.zwip-shop .sub-heading::before,
html.zwip-shop .sub-heading::after{ background:rgba(255,255,255,.1) !important; border-color:rgba(255,255,255,.1) !important; }
html.zwip-shop .sub-heading .primary-bg-color{
  background:#1E293B !important; color:#82C0AB !important;
  border:1px solid rgba(130,192,171,.30) !important; border-radius:999px !important;
  padding:5px 18px !important; font-weight:600 !important; font-size:13px !important; letter-spacing:.03em !important;
}

/* "Total a abonar" (alert-success verde → dark teal) */
html.zwip-shop #totalDueToday,
html.zwip-shop #order-standard_cart .alert-success,
html.zwip-shop #frmCheckout .alert-success{
  background:rgba(130,192,171,.10) !important; border:1px solid rgba(130,192,171,.32) !important; color:#E8ECF2 !important;
}
html.zwip-shop #totalDueToday strong,
html.zwip-shop #totalCartPrice{ color:#82C0AB !important; }

/* "¿Ya está registrado?" / crear cuenta */
html.zwip-shop #btnAlreadyRegistered,
html.zwip-shop #btnNewUserSignup,
html.zwip-shop .already-registered .btn-info,
html.zwip-shop .already-registered .btn-warning{
  background:rgba(130,192,171,.12) !important; border:1px solid rgba(130,192,171,.34) !important; color:#82C0AB !important;
}
html.zwip-shop #btnAlreadyRegistered:hover,
html.zwip-shop #btnNewUserSignup:hover{ background:rgba(130,192,171,.2) !important; color:#fff !important; }
html.zwip-shop .already-registered p{ color:#9FAAC0 !important; }

/* Aviso antifraude (alert-warning amarillo → dark amber) */
html.zwip-shop .checkout-security-msg,
html.zwip-shop #order-standard_cart .alert-warning,
html.zwip-shop #frmCheckout .alert-warning{
  background:rgba(245,158,11,.10) !important; border:1px solid rgba(245,158,11,.30) !important; color:#E8C98A !important;
}
html.zwip-shop .checkout-security-msg i,
html.zwip-shop .checkout-security-msg strong{ color:#F5B544 !important; }

/* Marketing opt-in + alert-info del form */
html.zwip-shop .marketing-email-optin h4{ color:#E8ECF2 !important; }
html.zwip-shop .marketing-email-optin p{ color:#9FAAC0 !important; }
html.zwip-shop #frmCheckout .alert-info{
  background:rgba(130,192,171,.10) !important; border:1px solid rgba(130,192,171,.28) !important; color:#9FAAC0 !important;
}

/* ===================== ZWIP v11 — selector de teléfono (intl-tel-input) dark ===================== */
/* Lista de países (cubre clases nuevas .iti__ y viejas) */
html.zwip-shop .iti__country-list,
html.zwip-shop .country-list{
  background:#172033 !important; border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.55) !important; color:#E8ECF2 !important;
}
html.zwip-shop .iti__country,
html.zwip-shop .country-list .country{ color:#E8ECF2 !important; }
html.zwip-shop .iti__country-name,
html.zwip-shop .country-list .country .country-name{ color:#E8ECF2 !important; }
html.zwip-shop .iti__dial-code,
html.zwip-shop .country-list .country .dial-code{ color:#6F7C95 !important; }
html.zwip-shop .iti__country.iti__highlight,
html.zwip-shop .iti__country:hover,
html.zwip-shop .iti__country.iti__active,
html.zwip-shop .country-list .country.highlight,
html.zwip-shop .country-list .country.active,
html.zwip-shop .country-list .country:hover{ background:rgba(130,192,171,.16) !important; color:#fff !important; }
html.zwip-shop .iti__country.iti__highlight .iti__dial-code,
html.zwip-shop .country-list .country.highlight .dial-code{ color:#cfe3db !important; }
html.zwip-shop .iti__divider,
html.zwip-shop .country-list .divider{ border-color:rgba(255,255,255,.1) !important; }

/* Bandera seleccionada (dentro del input) */
html.zwip-shop .iti__selected-flag,
html.zwip-shop .selected-flag{ background:transparent !important; }
html.zwip-shop .iti__selected-flag:hover,
html.zwip-shop .selected-flag:hover,
html.zwip-shop .iti__selected-flag:focus{ background:rgba(255,255,255,.05) !important; }
html.zwip-shop .iti__arrow{ border-top-color:#9FAAC0 !important; }
html.zwip-shop .iti__arrow--up{ border-bottom-color:#9FAAC0 !important; }

/* Buscador del dropdown (si la versión lo trae) */
html.zwip-shop .iti__search-input{
  background:#0f1726 !important; border:1px solid rgba(255,255,255,.1) !important; color:#E8ECF2 !important;
}
html.zwip-shop .iti__search-input::placeholder{ color:#6F7C95 !important; }

/* Scrollbar del dropdown */
html.zwip-shop .iti__country-list::-webkit-scrollbar,
html.zwip-shop .country-list::-webkit-scrollbar{ width:6px; }
html.zwip-shop .iti__country-list::-webkit-scrollbar-thumb,
html.zwip-shop .country-list::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12) !important; border-radius:999px; }
html.zwip-shop .iti__country-list::-webkit-scrollbar-track,
html.zwip-shop .country-list::-webkit-scrollbar-track{ background:transparent; }

/* ===================== ZWIP v12 — client area: tablas + DataTables legibles ===================== */
html.zwip-dark .table{ color:#E8ECF2 !important; }
html.zwip-dark .table > thead > tr > th,
html.zwip-dark .table thead th,
html.zwip-dark table.dataTable thead th{
  color:#9FAAC0 !important; background:rgba(255,255,255,.03) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important; border-top:0 !important; font-weight:600 !important;
}
html.zwip-dark .table > tbody > tr > td,
html.zwip-dark .table tbody td,
html.zwip-dark table.dataTable tbody td{
  color:#E8ECF2 !important; background:transparent !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}
html.zwip-dark .table tbody tr{ background:transparent !important; }
html.zwip-dark .table-striped tbody tr:nth-of-type(odd){ background:rgba(255,255,255,.02) !important; }
html.zwip-dark .table-hover tbody tr:hover,
html.zwip-dark table.dataTable tbody tr:hover{ background:rgba(130,192,171,.07) !important; }
html.zwip-dark .table a{ color:#82C0AB !important; }

/* DataTables: info / length / filter / paginate */
html.zwip-dark .dataTables_wrapper .dataTables_info,
html.zwip-dark .dataTables_wrapper .dataTables_length,
html.zwip-dark .dataTables_wrapper .dataTables_length label,
html.zwip-dark .dataTables_wrapper .dataTables_filter,
html.zwip-dark .dataTables_wrapper .dataTables_filter label,
html.zwip-dark .dataTables_wrapper .dataTables_paginate{ color:#9FAAC0 !important; }
html.zwip-dark .dataTables_wrapper input,
html.zwip-dark .dataTables_wrapper select,
html.zwip-dark .dataTables_wrapper .dataTables_filter input,
html.zwip-dark .dataTables_wrapper .dataTables_length select{
  background:#172033 !important; border:1px solid rgba(255,255,255,.12) !important; color:#E8ECF2 !important;
}
html.zwip-dark .dataTables_wrapper .dataTables_paginate .paginate_button{
  color:#9FAAC0 !important; background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.1) !important; border-radius:6px !important;
}
html.zwip-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background:rgba(255,255,255,.08) !important; color:#fff !important; }
html.zwip-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html.zwip-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background:rgba(130,192,171,.16) !important; border-color:rgba(130,192,171,.34) !important; color:#fff !important;
}
html.zwip-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
html.zwip-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{ opacity:.4 !important; background:transparent !important; }

/* Iconos de orden del header */
html.zwip-dark table.dataTable thead .sorting:before,
html.zwip-dark table.dataTable thead .sorting:after,
html.zwip-dark table.dataTable thead .sorting_asc:after,
html.zwip-dark table.dataTable thead .sorting_desc:after,
html.zwip-dark table.dataTable thead .sorting_asc:before,
html.zwip-dark table.dataTable thead .sorting_desc:before{ color:#6F7C95 !important; }

/* Contadores blancos del sidebar (Pagadas 0 / Sin pagar 1 / etc.) */
html.zwip-dark .list-group-item .badge,
html.zwip-dark .sidebar .badge{ background:rgba(255,255,255,.08) !important; color:#9FAAC0 !important; }

/* ===================== ZWIP v13 — franja blanca del breadcrumb (.master-breadcrumb) ===================== */
html.zwip-dark .master-breadcrumb{
  background:transparent !important; background-color:transparent !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  box-shadow:none !important;
}
html.zwip-dark .master-breadcrumb .breadcrumb-item,
html.zwip-dark .master-breadcrumb .breadcrumb-item a,
html.zwip-dark .master-breadcrumb a{ color:#9FAAC0 !important; }
html.zwip-dark .master-breadcrumb .breadcrumb-item.active{ color:#E8ECF2 !important; }
html.zwip-dark .master-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color:#4E5972 !important; }

/* ===================== ZWIP v14 — client area: tiles + botones ===================== */
/* Tarjetas de stats (.tile) blancas → dark */
html.zwip-dark .tiles .tile,
html.zwip-dark .tile{
  background:linear-gradient(180deg,#273245,#172033) !important;
  border:1px solid rgba(255,255,255,.07) !important; color:#E8ECF2 !important;
  transition:border-color .2s ease, transform .2s ease;
}
html.zwip-dark .tile:hover{ border-color:rgba(130,192,171,.34) !important; transform:translateY(-2px); }
html.zwip-dark .tile .stat{ color:#E8ECF2 !important; }
html.zwip-dark .tile .title{ color:#9FAAC0 !important; }
html.zwip-dark .tile > i,
html.zwip-dark .tile .fas,
html.zwip-dark .tile .far,
html.zwip-dark .tile .fab{ color:rgba(130,192,171,.20) !important; }

/* Botones de accion del client area → teal consistente (NO toco la tienda) */
html.zwip-dark:not(.zwip-shop) .btn-info,
html.zwip-dark:not(.zwip-shop) .btn-warning,
html.zwip-dark:not(.zwip-shop) .btn-primary{
  background:#82C0AB !important; border-color:#82C0AB !important; color:#10202A !important;
}
html.zwip-dark:not(.zwip-shop) .btn-info:hover,
html.zwip-dark:not(.zwip-shop) .btn-warning:hover,
html.zwip-dark:not(.zwip-shop) .btn-primary:hover{ filter:brightness(1.07); color:#10202A !important; }
html.zwip-dark:not(.zwip-shop) .btn-success{
  background:#82C0AB !important; border-color:#82C0AB !important; color:#10202A !important;
}
html.zwip-dark:not(.zwip-shop) .btn-danger{
  background:rgba(248,113,113,.14) !important; border-color:rgba(248,113,113,.34) !important; color:#F0A5A5 !important;
}
html.zwip-dark:not(.zwip-shop) .btn-danger:hover{ background:rgba(248,113,113,.24) !important; color:#fff !important; }

/* ===================== ZWIP v15 — esconder dominios en client area ===================== */
html.zwip-dark #Primary_Navbar-Domains{ display:none !important; }
html.zwip-dark .tile[href*="action=domains"]{ display:none !important; }
html.zwip-dark a[href*="cart.php?a=add&domain=register"],
html.zwip-dark a[href*="cart.php?a=add&domain=transfer"],
html.zwip-dark a.list-group-item[href*="domainchecker"]{ display:none !important; }

/* ===================== ZWIP v16 — product detail ===================== */
/* Caja de estado del producto (blanca → dark) */
html.zwip-dark .product-status{
  background:linear-gradient(180deg,#273245,#172033) !important;
  border:1px solid rgba(255,255,255,.07) !important; border-radius:14px !important;
}
html.zwip-dark .product-status .product-icon,
html.zwip-dark .product-status .product-icon i,
html.zwip-dark .product-status .product-icon .fa,
html.zwip-dark .product-status .product-icon .fas{ color:rgba(130,192,171,.28) !important; }
html.zwip-dark .product-status .product-name,
html.zwip-dark .product-status h2,
html.zwip-dark .product-status h3{ color:#9FAAC0 !important; }

/* Contenedor de tabs bg-white → transparente */
html.zwip-dark .bg-white.product-details-tab-container,
html.zwip-dark .product-details-tab-container{ background:transparent !important; }

/* Alerts del client area (factura impaga amarilla, etc.) */
html.zwip-dark:not(.zwip-shop) .alert-warning{ background:rgba(245,158,11,.10)!important; border:1px solid rgba(245,158,11,.30)!important; color:#E8C98A!important; }
html.zwip-dark:not(.zwip-shop) .alert-warning .btn{ background:rgba(245,158,11,.14)!important; border-color:rgba(245,158,11,.34)!important; color:#F5B544!important; }
html.zwip-dark:not(.zwip-shop) .alert-success{ background:rgba(130,192,171,.10)!important; border:1px solid rgba(130,192,171,.30)!important; color:#E8ECF2!important; }
html.zwip-dark:not(.zwip-shop) .alert-info{ background:rgba(130,192,171,.08)!important; border:1px solid rgba(130,192,171,.24)!important; color:#9FAAC0!important; }
html.zwip-dark:not(.zwip-shop) .alert-danger{ background:rgba(248,113,113,.10)!important; border:1px solid rgba(248,113,113,.30)!important; color:#F0A5A5!important; }

/* ===================== ZWIP v17 — product detail legible + grilla 4 cards ===================== */
html.zwip-dark .product-status .product-icon h3{ color:#E8ECF2 !important; }
html.zwip-dark .product-status .product-icon h4{ color:#9FAAC0 !important; }
html.zwip-dark .product-status .product-icon .fa-stack .fa-circle{ color:rgba(130,192,171,.16) !important; }
html.zwip-dark .product-status .product-icon .fa-inverse{ color:#82C0AB !important; }
/* 4 planes en una fila (se angostan un poco) */
html.zwip-shop #order-premium_comparison #products > ul{ max-width:1340px !important; gap:20px !important; }
html.zwip-shop #order-premium_comparison #products > ul > li{ flex:1 1 250px !important; max-width:315px !important; }

/* ===================== ZWIP v18 — restaurar ANCHO original de las cards (la 4ta envuelve abajo) ===================== */
html.zwip-shop #order-premium_comparison #products > ul{ max-width:1260px !important; gap:26px !important; }
html.zwip-shop #order-premium_comparison #products > ul > li{ flex:1 1 380px !important; max-width:410px !important; }

/* ===================== ZWIP v19 — grilla 2×2 (cards anchas) ===================== */
html.zwip-shop #order-premium_comparison #products > ul{
  max-width:900px !important; gap:26px !important; margin:30px auto 0 !important;
}
html.zwip-shop #order-premium_comparison #products > ul > li{
  flex:1 1 calc(50% - 13px) !important; max-width:none !important;
}
@media (max-width:760px){
  html.zwip-shop #order-premium_comparison #products > ul > li{ flex:1 1 100% !important; }
}

/* ===================== ZWIP v20 — product-icon (#efefef claro) → dark ===================== */
html.zwip-dark .product-details .product-icon,
html.zwip-dark .product-status .product-icon{
  background:linear-gradient(180deg,#273245,#172033) !important;
  border-radius:10px 10px 0 0 !important;
}
/* "Starter" + "Planes zwip" legibles sobre el dark */
html.zwip-dark .product-status .product-icon h3{ color:#E8ECF2 !important; }
html.zwip-dark .product-status .product-icon h4{ color:#9FAAC0 !important; }
html.zwip-dark .product-status .product-icon .fa-stack .fa-circle{ color:rgba(130,192,171,.16) !important; }
html.zwip-dark .product-status .product-icon .fa-inverse{ color:#82C0AB !important; }

/* ===================== ZWIP v21 — ocultar buscador de KB del header (no tenemos KB) ===================== */
html.zwip-dark #header form[action*="knowledgebase"],
html.zwip-dark form[action*="knowledgebase.php"],
html.zwip-dark #header .search-knowledgebase{ display:none !important; }

/* ===================== ZWIP v22 — nota ARS bajo el precio ===================== */
html.zwip-shop #order-premium_comparison .zwip-ars-note{
  margin:8px 0 0; font-size:13px; font-weight:600; color:#9FAAC0; line-height:1.35;
}
html.zwip-shop #order-premium_comparison .zwip-ars-note span{
  display:block; margin-top:2px; font-size:10.5px; font-weight:400; color:#6F7C95; letter-spacing:.01em;
}

/* ===================== ZWIP v23 — acceso/login visible en el store (dropdown nativo "Cuenta") ===================== */
html.zwip-shop .main-navbar-wrapper{
  display:block !important; background:transparent !important; border:0 !important; box-shadow:none !important;
  min-height:0 !important; padding:0 !important;
}
html.zwip-shop .main-navbar-wrapper .navbar{ background:transparent !important; min-height:0 !important; padding:2px 0 6px !important; }
html.zwip-shop .main-navbar-wrapper .navbar-toggler{ display:none !important; }
html.zwip-shop .main-navbar-wrapper #mainNavbar{ display:flex !important; }
/* ocultar el menú de la izquierda (Home/Store/KB/Estado/Contacto/Más) */
html.zwip-shop .main-navbar-wrapper #mainNavbar > ul.navbar-nav:not(.ml-auto){ display:none !important; }
/* dejar SOLO el dropdown de Cuenta a la derecha */
html.zwip-shop .main-navbar-wrapper #mainNavbar > ul.navbar-nav.ml-auto{ display:flex !important; margin-left:auto !important; }
html.zwip-shop .main-navbar-wrapper #Secondary_Navbar-Account > a{
  color:#82C0AB !important; font-weight:600 !important; font-size:13px !important;
  background:rgba(130,192,171,.12) !important; border:1px solid rgba(130,192,171,.34) !important;
  border-radius:999px !important; padding:5px 16px !important;
}
html.zwip-shop .main-navbar-wrapper #Secondary_Navbar-Account .dropdown-menu{
  background:#172033 !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 16px 40px rgba(0,0,0,.5) !important;
}
html.zwip-shop .main-navbar-wrapper #Secondary_Navbar-Account .dropdown-menu a{ color:#E8ECF2 !important; }
html.zwip-shop .main-navbar-wrapper #Secondary_Navbar-Account .dropdown-menu a:hover{ background:rgba(130,192,171,.14) !important; color:#fff !important; }
html.zwip-shop .main-navbar-wrapper #Secondary_Navbar-Account .dropdown-divider{ border-color:rgba(255,255,255,.1) !important; }