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

    ** 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%;
}

/* ==========================================================
   Global Hostlive 2026 - Integración visual WHMCS
   Capa segura inicial
   ========================================================== */

:root {
    --gh-blue: #005b89;
    --gh-blue-dark: #063f61;
    --gh-orange: #ff6b21;
    --gh-bg: #f5f8fb;
    --gh-text: #1f2933;
    --gh-muted: #6b7280;
    --gh-border: #e5eaf0;
}

/* Fondo general */
body {
    background: var(--gh-bg);
    color: var(--gh-text);
}

/* Cabecera superior */
.header {
    background: #ffffff;
    border-bottom: 1px solid var(--gh-border);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

/* Logo */
.header .logo img {
    max-height: 58px;
}

/* Barra principal */
.navbar-main {
    background: linear-gradient(90deg, var(--gh-blue-dark), var(--gh-blue));
    border: 0;
    box-shadow: 0 8px 20px rgba(0, 91, 137, 0.18);
}

.navbar-main .navbar-nav > li > a,
.navbar-main .navbar-nav > li > a:focus {
    color: #ffffff;
    font-weight: 500;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .active > a {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

/* Títulos */
h1,
h2,
h3,
.main-content h1 {
    color: var(--gh-blue);
    font-weight: 600;
}

/* Paneles y cajas */
.panel,
.card,
.tiles .tile,
#order-standard_cart .panel,
#order-standard_cart .products .product {
    border: 1px solid var(--gh-border);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

/* Cabeceras de panel */
.panel-default > .panel-heading,
#order-standard_cart .panel-heading {
    background: #ffffff;
    border-bottom: 1px solid var(--gh-border);
    color: var(--gh-text);
    font-weight: 600;
}

/* Sidebar categorías */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
#order-standard_cart .list-group-item.active {
    background: var(--gh-blue-dark);
    border-color: var(--gh-blue-dark);
    color: #ffffff;
}

/* Botones principales */
.btn-primary,
.btn-success,
.btn-info,
#order-standard_cart .btn-success,
#order-standard_cart .btn-primary {
    background: linear-gradient(135deg, var(--gh-blue), var(--gh-blue-dark));
    border-color: var(--gh-blue-dark);
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(0, 91, 137, 0.22);
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-primary:hover {
    background: linear-gradient(135deg, var(--gh-blue-dark), var(--gh-blue));
    border-color: var(--gh-blue-dark);
    color: #ffffff;
}

/* Botón carrito superior */
.btn-default,
a.btn-default {
    border-radius: 8px;
}

/* Precio */
#order-standard_cart .price,
#order-standard_cart .pricing,
#order-standard_cart .product .price {
    color: var(--gh-blue-dark);
    font-weight: 700;
}

/* Enlaces */
a {
    color: var(--gh-blue);
}

a:hover {
    color: var(--gh-orange);
}

/* Footer */
.footer,
footer {
    background: #ffffff;
    border-top: 1px solid var(--gh-border);
    color: var(--gh-muted);
}

/* Pequeño ajuste responsive */
@media (max-width: 768px) {
    .header .logo img {
        max-height: 46px;
    }

    h1,
    .main-content h1 {
        font-size: 30px;
    }
}



/* ==========================================================
   Global Hostlive 2026 - Ajuste visual definitivo v1
   ========================================================== */

body {
    border-top: 0 !important;
    background: #f3f7fb !important;
}

/* Menú principal azul corporativo */
.navbar-main {
    background: linear-gradient(90deg, #063f61 0%, #005b89 100%) !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0, 91, 137, 0.18);
}

.navbar-main .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 500;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .active > a {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

/* Cabecera */
.header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5eaf0;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

/* Logo */
.header .logo img {
    max-height: 58px;
}

/* Título principal */
h1,
.main-content h1 {
    color: #005b89 !important;
    font-weight: 600;
    letter-spacing: -0.5px;
}

/* Tarjetas / productos */
.panel,
#order-standard_cart .products .product,
#order-standard_cart .product {
    border: 1px solid #e5eaf0 !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07) !important;
    overflow: hidden;
    background: #ffffff;
}

.panel:hover,
#order-standard_cart .products .product:hover,
#order-standard_cart .product:hover {
    transform: translateY(-2px);
    transition: all 0.2s ease;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10) !important;
}

/* Cabeceras de tarjetas */
.panel-default > .panel-heading,
#order-standard_cart .products .product header,
#order-standard_cart .panel-heading {
    background: #ffffff !important;
    border-bottom: 1px solid #edf1f5 !important;
    color: #1f2933 !important;
    font-weight: 600;
}

/* Categoría activa */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
#order-standard_cart .list-group-item.active {
    background: #063f61 !important;
    border-color: #063f61 !important;
    color: #ffffff !important;
}

/* Botones principales */
.btn-primary,
.btn-success,
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success {
    background: linear-gradient(135deg, #005b89, #063f61) !important;
    border-color: #063f61 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(0, 91, 137, 0.22);
}

.btn-primary:hover,
.btn-success:hover,
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover {
    background: linear-gradient(135deg, #063f61, #005b89) !important;
    color: #ffffff !important;
}

/* Precio */
#order-standard_cart .price,
#order-standard_cart .pricing,
#order-standard_cart .product .price {
    color: #063f61 !important;
    font-weight: 700;
}

/* Enlaces */
a {
    color: #005b89;
}

a:hover {
    color: #ff6b21;
}

/* Footer */
.footer,
footer {
    background: #ffffff !important;
    border-top: 1px solid #e5eaf0;
    color: #6b7280;
}


/* ==========================================================
   Global Hostlive 2026 - Tienda premium v2
   Más ancho, tarjetas más comerciales y mejor lectura
   ========================================================== */

/* Ampliar el área útil */
section#main-body .container,
.main-content .container,
.container {
    max-width: 1320px;
}

/* Más aire debajo del header */
section#main-body {
    padding-top: 28px;
}

/* Título principal más protagonista */
.main-content h1,
h1 {
    font-size: 42px !important;
    line-height: 1.15;
    margin-bottom: 18px;
}

/* Texto promoción */
.main-content > p,
#order-standard_cart p {
    font-size: 15px;
    color: #374151;
}

/* Sidebar más limpio */
.sidebar .panel,
#order-standard_cart .sidebar .panel {
    border-radius: 14px !important;
    overflow: hidden;
    margin-bottom: 22px;
}

/* Tarjetas de productos más premium */
#order-standard_cart .products .product,
#order-standard_cart .product {
    border-radius: 16px !important;
    min-height: 270px;
    padding-bottom: 12px;
}

/* Header de cada plan */
#order-standard_cart .products .product header,
#order-standard_cart .product header,
#order-standard_cart .products .product .header-lined {
    background: linear-gradient(180deg, #ffffff, #f7fafc) !important;
    padding: 20px 24px !important;
}

/* Nombre del plan */
#order-standard_cart .products .product header span,
#order-standard_cart .product-title,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4 {
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #1f2933 !important;
}

/* Cuerpo de características */
#order-standard_cart .products .product div.product-desc,
#order-standard_cart .product div.product-desc,
#order-standard_cart .products .product .product-desc {
    font-size: 14px;
    line-height: 1.45;
    color: #263238;
}

/* Precio más visible */
#order-standard_cart .products .product .price,
#order-standard_cart .product .price,
#order-standard_cart .pricing {
    font-size: 22px !important;
    color: #063f61 !important;
    font-weight: 800 !important;
}

/* Botón comprar más fuerte */
#order-standard_cart .btn-success,
#order-standard_cart .btn-primary,
.btn-success,
.btn-primary {
    padding: 10px 18px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    text-transform: none;
}

/* Mejor separación entre tarjetas */
#order-standard_cart .products .product {
    margin-bottom: 28px !important;
}

/* Caja lateral activa más corporativa */
#order-standard_cart .list-group-item.active,
.list-group-item.active {
    background: linear-gradient(135deg, #063f61, #005b89) !important;
}

/* Footer más limpio */
.footer,
footer {
    margin-top: 70px;
    padding-top: 28px;
    padding-bottom: 28px;
}

/* Responsive */
@media (max-width: 991px) {
    .main-content h1,
    h1 {
        font-size: 32px !important;
    }

    section#main-body {
        padding-top: 18px;
    }
}


/* ==========================================================
   Global Hostlive 2026 - Tienda premium v3
   Ancho real, mejor escala y presencia comercial
   ========================================================== */

/* Ancho general más profesional */
section#main-body > .container,
section#main-body .container,
.container {
    width: 94% !important;
    max-width: 1500px !important;
}

/* Separación del contenido */
section#main-body {
    padding-top: 34px !important;
    padding-bottom: 80px !important;
}

/* Cabecera superior más sólida */
.header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.header .logo img {
    max-height: 68px !important;
}

/* Menú con más altura */
.navbar-main {
    min-height: 46px !important;
}

.navbar-main .navbar-nav > li > a {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    font-size: 15px !important;
}

/* Título principal más premium */
.main-content h1,
h1 {
    font-size: 48px !important;
    line-height: 1.12 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    color: #005b89 !important;
}

/* Línea bajo título */
.header-lined h1,
.main-content h1 {
    border-bottom: 1px solid #dbe4ec;
    padding-bottom: 16px;
}

/* Promoción */
.main-content p,
#order-standard_cart p {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Sidebar más ancho visualmente */
.sidebar .panel,
#order-standard_cart .sidebar .panel {
    border-radius: 16px !important;
    margin-bottom: 24px !important;
}

/* Cabecera de bloques laterales */
.sidebar .panel-heading,
#order-standard_cart .panel-heading {
    padding: 16px 18px !important;
    font-size: 16px !important;
}

/* Ítems sidebar */
.list-group-item,
#order-standard_cart .list-group-item {
    padding: 14px 18px !important;
    font-size: 15px !important;
}

/* Tarjetas de producto más grandes */
#order-standard_cart .products .product,
#order-standard_cart .product {
    min-height: 340px !important;
    border-radius: 18px !important;
    margin-bottom: 34px !important;
}

/* Header del plan */
#order-standard_cart .products .product header,
#order-standard_cart .product header {
    padding: 22px 26px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%) !important;
}

/* Nombre del plan */
#order-standard_cart .products .product header span,
#order-standard_cart .product-title,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4 {
    font-size: 23px !important;
    font-weight: 800 !important;
    color: #1f2933 !important;
}

/* Descripción del producto */
#order-standard_cart .products .product div.product-desc,
#order-standard_cart .product div.product-desc,
#order-standard_cart .products .product .product-desc {
    padding: 18px 22px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #263238 !important;
}

/* Precio más potente */
#order-standard_cart .products .product .price,
#order-standard_cart .product .price,
#order-standard_cart .pricing {
    font-size: 26px !important;
    line-height: 1.2 !important;
    color: #063f61 !important;
    font-weight: 900 !important;
}

/* Mensualidad debajo del precio */
#order-standard_cart .products .product .cycle,
#order-standard_cart .product .cycle {
    font-size: 13px !important;
    color: #6b7280 !important;
}

/* Botón comprar más vendedor */
#order-standard_cart .btn-success,
#order-standard_cart .btn-primary,
.btn-success,
.btn-primary {
    padding: 12px 22px !important;
    font-size: 15px !important;
    border-radius: 11px !important;
    font-weight: 700 !important;
}

/* Más separación interna en tarjetas */
#order-standard_cart .products .product footer,
#order-standard_cart .product footer {
    padding: 18px 22px !important;
}

/* Hover premium */
#order-standard_cart .products .product:hover,
#order-standard_cart .product:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14) !important;
}

/* Footer menos alto y más limpio */
.footer,
footer {
    margin-top: 60px !important;
}

/* Responsive */
@media (max-width: 991px) {
    section#main-body > .container,
    section#main-body .container,
    .container {
        width: 96% !important;
    }

    .main-content h1,
    h1 {
        font-size: 34px !important;
    }

    .header .logo img {
        max-height: 52px !important;
    }
}


/* ==========================================================
   Global Hostlive 2026 - Tienda premium v4
   Destacar plan recomendado
   ========================================================== */

/* Hacer que las tarjetas puedan tener etiqueta */
#order-standard_cart .products .product {
    position: relative;
}

/* Destacar el segundo plan: Streaming TV Profesional */
#order-standard_cart .products .product:nth-child(2) {
    border: 2px solid #ff6b21 !important;
    box-shadow: 0 26px 70px rgba(255, 107, 33, 0.18) !important;
    transform: translateY(-4px);
}

/* Etiqueta superior */
#order-standard_cart .products .product:nth-child(2)::before {
    content: "Más recomendado";
    position: absolute;
    top: -13px;
    right: 24px;
    background: linear-gradient(135deg, #ff6b21, #ff8a3d);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    padding: 7px 16px;
    border-radius: 999px;
    box-shadow: 0 10px 24px rgba(255, 107, 33, 0.28);
    z-index: 10;
}

/* Título del plan recomendado */
#order-standard_cart .products .product:nth-child(2) header {
    background: linear-gradient(180deg, #fff7f1 0%, #ffffff 100%) !important;
}

/* Precio del plan recomendado */
#order-standard_cart .products .product:nth-child(2) .price,
#order-standard_cart .products .product:nth-child(2) .pricing {
    color: #ff6b21 !important;
}

/* Botón del plan recomendado */
#order-standard_cart .products .product:nth-child(2) .btn-success,
#order-standard_cart .products .product:nth-child(2) .btn-primary {
    background: linear-gradient(135deg, #ff6b21, #d95516) !important;
    border-color: #d95516 !important;
    box-shadow: 0 10px 24px rgba(255, 107, 33, 0.28) !important;
}

/* Mejorar lectura de características */
#order-standard_cart .products .product .product-desc {
    color: #1f2933 !important;
}

/* CTA visual */
#order-standard_cart .products .product .btn {
    margin-top: 8px;
}


/* ==========================================================
   Global Hostlive 2026 - FIX v4
   Destacar segundo plan / plan recomendado
   ========================================================== */

#order-standard_cart .products .row > div:nth-child(2) .product,
#order-standard_cart .products .row > .col-md-6:nth-child(2) .product,
#order-standard_cart .products .row > .col-sm-6:nth-child(2) .product {
    position: relative !important;
    border: 2px solid #ff6b21 !important;
    box-shadow: 0 26px 70px rgba(255, 107, 33, 0.22) !important;
    transform: translateY(-5px);
    overflow: visible !important;
}

/* Etiqueta Más recomendado */
#order-standard_cart .products .row > div:nth-child(2) .product::before,
#order-standard_cart .products .row > .col-md-6:nth-child(2) .product::before,
#order-standard_cart .products .row > .col-sm-6:nth-child(2) .product::before {
    content: "Más recomendado";
    position: absolute;
    top: -16px;
    right: 22px;
    background: linear-gradient(135deg, #ff6b21, #ff8a3d);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 17px;
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(255, 107, 33, 0.32);
    z-index: 99;
}

/* Header del recomendado */
#order-standard_cart .products .row > div:nth-child(2) .product header,
#order-standard_cart .products .row > .col-md-6:nth-child(2) .product header,
#order-standard_cart .products .row > .col-sm-6:nth-child(2) .product header {
    background: linear-gradient(180deg, #fff7f1 0%, #ffffff 100%) !important;
}

/* Precio naranja del recomendado */
#order-standard_cart .products .row > div:nth-child(2) .product .price,
#order-standard_cart .products .row > div:nth-child(2) .product .pricing,
#order-standard_cart .products .row > .col-md-6:nth-child(2) .product .price,
#order-standard_cart .products .row > .col-md-6:nth-child(2) .product .pricing,
#order-standard_cart .products .row > .col-sm-6:nth-child(2) .product .price,
#order-standard_cart .products .row > .col-sm-6:nth-child(2) .product .pricing {
    color: #ff6b21 !important;
}

/* Botón naranja del recomendado */
#order-standard_cart .products .row > div:nth-child(2) .product .btn,
#order-standard_cart .products .row > .col-md-6:nth-child(2) .product .btn,
#order-standard_cart .products .row > .col-sm-6:nth-child(2) .product .btn {
    background: linear-gradient(135deg, #ff6b21, #d95516) !important;
    border-color: #d95516 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(255, 107, 33, 0.32) !important;
}


/* ==========================================================
   Global Hostlive 2026 - v5 Hero comercial Streaming TV
   ========================================================== */

.gh-store-hero {
    position: relative;
    margin: 0 0 30px 0;
    padding: 36px 40px;
    border-radius: 24px;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(255, 107, 33, 0.20), transparent 36%),
        linear-gradient(135deg, #063f61 0%, #005b89 52%, #0877a8 100%);
    color: #ffffff;
    box-shadow: 0 28px 80px rgba(6, 63, 97, 0.24);
}

.gh-store-hero::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -90px;
    width: 280px;
    height: 280px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.gh-store-hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

.gh-store-kicker {
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.gh-store-hero h2 {
    margin: 0 0 14px 0;
    color: #ffffff !important;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.6px;
}

.gh-store-hero p {
    margin: 0;
    max-width: 790px;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.gh-store-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.gh-store-hero-points span {
    display: inline-flex;
    align-items: center;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.gh-store-hero-points span::before {
    content: "✓";
    margin-right: 8px;
    color: #ffb27a;
    font-weight: 900;
}

@media (max-width: 768px) {
    .gh-store-hero {
        padding: 26px 24px;
        border-radius: 18px;
    }

    .gh-store-hero h2 {
        font-size: 26px;
    }

    .gh-store-hero p {
        font-size: 15px !important;
    }

    .gh-store-hero-points {
        gap: 8px;
    }

    .gh-store-hero-points span {
        font-size: 13px;
    }
}


/* ==========================================================
   Global Hostlive 2026 - v5.1 Pulido visual tienda
   ========================================================== */

/* Reducir protagonismo del título antiguo */
body.template-cart section#main-body h1,
#order-standard_cart h1,
.header-lined h1 {
    font-size: 34px !important;
    line-height: 1.15 !important;
    margin-bottom: 12px !important;
    color: #005b89 !important;
}

/* Línea del título más fina */
.header-lined {
    margin-bottom: 14px !important;
}

.header-lined h1 {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #dbe4ec !important;
}

/* Hero más cerca del título y más elegante */
.gh-store-hero {
    margin-top: 8px !important;
    margin-bottom: 34px !important;
}

/* Mejor lectura del texto de promoción */
#order-standard_cart .main-content > p,
.main-content > p {
    color: #44515f !important;
    font-size: 15px !important;
    margin-bottom: 14px !important;
}

/* Tarjetas más equilibradas */
#order-standard_cart .products .product,
#order-standard_cart .product {
    min-height: 360px !important;
}

/* Mejor separación entre nombre del plan y contenido */
#order-standard_cart .products .product header,
#order-standard_cart .product header {
    min-height: 68px !important;
    display: flex;
    align-items: center;
}

/* Mejor alineación de precio y botón */
#order-standard_cart .products .product .price,
#order-standard_cart .product .price,
#order-standard_cart .pricing {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* Botón más claro y estable */
#order-standard_cart .products .product .btn,
#order-standard_cart .product .btn {
    min-width: 145px;
    text-align: center;
}

/* Mejorar lista de características */
#order-standard_cart .products .product .product-desc,
#order-standard_cart .product .product-desc {
    letter-spacing: -0.1px;
}

/* Más aire entre filas de planes */
#order-standard_cart .products .row {
    margin-bottom: 22px;
}

/* Plan recomendado: suavizar fondo naranja para que no se vea agresivo */
#order-standard_cart .products .row > div:nth-child(2) .product {
    background:
        linear-gradient(180deg, rgba(255, 247, 241, 0.65), #ffffff 42%) !important;
}

/* Etiqueta más integrada */
#order-standard_cart .products .row > div:nth-child(2) .product::before,
#order-standard_cart .products .row > .col-md-6:nth-child(2) .product::before,
#order-standard_cart .products .row > .col-sm-6:nth-child(2) .product::before {
    top: -15px !important;
    right: 24px !important;
}

/* Mejorar selector de divisa */
#order-standard_cart select,
.sidebar select,
.form-control {
    border-radius: 9px !important;
    border-color: #dbe4ec !important;
    box-shadow: none !important;
}

/* Disimular branding externo del orderform si aparece centrado */
#order-standard_cart + p,
#order-standard_cart ~ p {
    color: #8b98a7 !important;
    font-size: 12px !important;
}

/* Responsive */
@media (max-width: 768px) {
    body.template-cart section#main-body h1,
    #order-standard_cart h1,
    .header-lined h1 {
        font-size: 28px !important;
    }

    .gh-store-hero {
        margin-bottom: 24px !important;
    }

    #order-standard_cart .products .product,
    #order-standard_cart .product {
        min-height: auto !important;
    }
}


/* ==========================================================
   Global Hostlive 2026 - v5.1 ocultar powered externo
   Oculta solo el párrafo que contiene enlace a whmcs.com
   ========================================================== */

.main-content p[style*="text-align:center"]:has(a[href="https://www.whmcs.com/"]),
.main-content p[style*="text-align:center"]:has(a[href="https://www.whmcs.com"]) {
    display: none !important;
}


/* ==========================================================
   Global Hostlive 2026 - v5.2 Checkout / carrito premium
   Pulido visual de configurar, revisar y pagar
   ========================================================== */

/* Títulos de flujo */
#order-standard_cart h1,
#order-standard_cart .header-lined h1,
body.template-cart .main-content h1 {
    color: #005b89 !important;
    font-weight: 700 !important;
    letter-spacing: -0.4px;
}

/* Caja principal de configuración del producto */
#order-standard_cart .product-info,
#order-standard_cart .configure-product,
#order-standard_cart .view-cart-items,
#order-standard_cart .checkout,
#order-standard_cart .sub-heading {
    border-radius: 16px !important;
}

/* Descripción del producto en configurar */
#order-standard_cart .product-info,
#order-standard_cart .product-configurable-options,
#order-standard_cart .product-addon {
    background: #ffffff !important;
    border: 1px solid #e5eaf0 !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06) !important;
}

/* Bloque gris del producto en configurar */
#order-standard_cart .configure-product .product-info,
#order-standard_cart .product-info {
    padding: 22px 24px !important;
}

/* Selectores */
#order-standard_cart select,
#order-standard_cart input.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart .form-control {
    border-radius: 10px !important;
    border: 1px solid #dbe4ec !important;
    box-shadow: none !important;
    min-height: 40px;
}

#order-standard_cart select:focus,
#order-standard_cart input.form-control:focus,
#order-standard_cart textarea.form-control:focus,
#order-standard_cart .form-control:focus {
    border-color: #005b89 !important;
    box-shadow: 0 0 0 3px rgba(0, 91, 137, 0.12) !important;
}

/* Resumen del pedido */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .summary {
    border-radius: 18px !important;
    overflow: hidden !important;
    border: 1px solid #dbe4ec !important;
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.10) !important;
}

/* Cabecera del resumen */
#order-standard_cart .order-summary .header,
#order-standard_cart .summary-container .header,
#order-standard_cart .summary .header,
#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container h2 {
    background: linear-gradient(135deg, #063f61, #005b89) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Total grande */
#order-standard_cart .order-summary .total-due,
#order-standard_cart .summary-container .total-due,
#order-standard_cart .total-due-today,
#order-standard_cart .amt {
    color: #063f61 !important;
    font-weight: 800 !important;
}

/* Botón continuar / pagar */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart button[type="submit"],
#order-standard_cart input[type="submit"] {
    background: linear-gradient(135deg, #005b89, #063f61) !important;
    border-color: #063f61 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 12px 28px rgba(0, 91, 137, 0.24) !important;
}

/* Botón pagar más protagonista */
#order-standard_cart .order-summary .btn,
#order-standard_cart .summary-container .btn {
    min-width: 150px;
    padding: 13px 24px !important;
    font-size: 16px !important;
}

/* Botón vaciar carrito menos agresivo */
#order-standard_cart .btn-danger,
#order-standard_cart a.btn-danger {
    background: #e8eef4 !important;
    border-color: #dbe4ec !important;
    color: #44515f !important;
    box-shadow: none !important;
}

#order-standard_cart .btn-danger:hover,
#order-standard_cart a.btn-danger:hover {
    background: #dbe4ec !important;
    color: #1f2933 !important;
}

/* Tabla del carrito */
#order-standard_cart table,
#order-standard_cart .table {
    border-radius: 14px !important;
    overflow: hidden;
    border: 1px solid #e5eaf0 !important;
}

#order-standard_cart .table > thead > tr > th,
#order-standard_cart table > thead > tr > th {
    background: linear-gradient(135deg, #063f61, #005b89) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    font-weight: 700 !important;
}

/* Código promocional */
#order-standard_cart .promo-code-cart-container,
#order-standard_cart .apply-credit-container,
#order-standard_cart .view-cart-tabs {

}

/* Formulario checkout */
#or
#order-standard_cart .alert
 

}

/* Bloque verde de total */
#order-standard_cart
    border-radius: 14px !important;
    border: 1px solid #b7e4ae !important
    background: #e8f7e4 !important;
  
    font-weight: 600;
}

/* Mé
#order-standard_cart .payment-metho
#order-standard_cart .payment-metho
 


/* Checkbox términos */
#order-standard_car
    width: 22px;
    height: 22px;

}

/* Botón completar pedido */
#order-standard_ca
#order-standard_cart button#btnComple
#order-standard_cart input#btnCompl
    background: linear-gradient(135deg, #
    border-color: #d95516 !importan
    color: #ffffff !important;
    border-radius: 14px !import
 

    font-weight: 900 !important;
    box-sha
}

/* Mensajes de ayuda */
#order-standard_cart .alert
#order-standard_cart .alert-warning,
#order-standard_cart .alert {
    
}

/* Responsive ch
@media (max-width: 768px) {

    #order-standard_cart .summary-contai
    #order-standard_cart .summary {
       
    }

    #order-standard_cart #btn
    #order-standard_cart button#btn
    #order-standard_cart input#btnComplet
        width: 100%;
    }
}


/* ==========================================================
   Global Hostlive 2026 - v5.3 Responsive móvil tienda
   Corrige desbordes de precio/botón en tarjetas
   ========================================================== */

@media (max-width: 768px) {

    /* Contenedor general */
    section#main-body > .container,
    section#main-body .container,
    .container {
        width: 94% !important;
        max-width: 94% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Hero móvil */
    .gh-store-hero {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 24px 22px !important;
        border-radius: 20px !important;
    }

    .gh-store-hero h2 {
        font-size: 25px !important;
        line-height: 1.18 !important;
    }

    .gh-store-hero-points {
        display: block !important;
    }

    .gh-store-hero-points span {
        display: inline-flex !important;
        margin: 4px 4px 4px 0 !important;
    }

    /* Tarjetas de productos en una sola columna */
    #order-standard_cart .products .row > div,
    #order-standard_cart .products .col-md-6,
    #order-standard_cart .products .col-sm-6,
    #order-standard_cart .products .col-xs-12 {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    #order-standard_cart .products .product,
    #order-standard_cart .product {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        overflow: hidden !important;
        margin: 0 0 28px 0 !important;
        border-radius: 20px !important;
    }

    /* El recomendado necesita overflow visible solo para la etiqueta */
    #order-standard_cart .products .row > div:nth-child(2) .product {
        overflow: visible !important;
        margin-top: 20px !important;
    }

    /* Header de cada plan */
    #order-standard_cart .products .product header,
    #order-standard_cart .product header {
        min-height: auto !important;
        padding: 24px 24px !important;
    }

    #order-standard_cart .products .product header span,
    #order-standard_cart .product-title,
    #order-standard_cart .products .product h3,
    #order-standard_cart .products .product h4 {
        font-size: 28px !important;
        line-height: 1.18 !important;
    }

    /* Cuerpo de la tarjeta */
    #order-standard_cart .products .product .product-desc,
    #order-standard_cart .product .product-desc,
    #order-standard_cart .products .product div.product-desc,
    #order-standard_cart .product div.product-desc {
        display: block !important;
        width: 100% !important;
        padding: 24px 24px 18px 24px !important;
        font-size: 20px !important;
        line-height: 1.45 !important;
    }

    /* Precio: dejarlo centrado y sin salirse */
    #order-standard_cart .products .product .price,
    #order-standard_cart .product .price,
    #order-standard_cart .pricing {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 18px auto 10px auto !important;
        padding: 0 !important;
        font-size: 34px !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    #order-standard_cart .products .product .cycle,
    #order-standard_cart .product .cycle {
        display: block !important;
        text-align: center !important;
        font-size: 15px !important;
        margin-bottom: 16px !important;
    }

    /* Botón: ancho completo dentro de la tarjeta */
    #order-standard_cart .products .product .btn,
    #order-standard_cart .product .btn,
    #order-standard_cart .btn-success,
    #order-standard_cart .btn-primary {
        display: block !important;
        width: calc(100% - 48px) !important;
        max-width: 100% !important;
        margin: 16px 24px 24px 24px !important;
        padding: 15px 18px !important;
        font-size: 20px !important;
        text-align: center !important;
        white-space: normal !important;
        border-radius: 14px !important;
    }

    /* Evitar que el botón se corte */
    #order-standard_cart .products .product footer,
    #order-standard_cart .product footer {
        display: block !importan

        padding: 0 !importa


    /* Etiqueta recomendado
    #order-standard_cart .products 
    #order-standard_cart .product
    #order-stand
        top: -18px !important;
        right: 50% !important;
   
        font-size: 15px !important;
        padding: 9px 20px !important
     


    /* Reducir el fo
    #order-standard_
        box-shadow: 0 18px 44px rg
    }

    /* Sidebar en móvil */

    #order-standard_cart .sidebar .pan
        margin-bottom: 18px !important;
    }

    /* Footer */
    .f
    footer {
        font-size: 14p
        line-height: 1.5 !important;

     

}

EOFcd /home/globalhost/clientes.globalhostlive.com
cp templates/gh_2026/css/custom.css templates/gh_2026/css/custom.css-ok-before-v5-3b-mobile
cat >> templates/gh_2026/css/custom.css <<'EOF'

/* ==========================================================
   Global Hostlive 2026 - v5.3b FIX móvil real
   Forzar precio y botón dentro de la tarjeta
   ========================================================== */

@media (max-width: 991px) {

    /* Evitar cualquier desborde horizontal */
    html,
    body,
    section#main-body,
    #order-standard_cart,
    #order-standard_cart .products,
    #order-standard_cart .products .row,
    #order-standard_cart .products .product {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Cada producto en bloque completo */
    #order-standard_cart .products .row > div,
    #order-standard_cart .products [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #order-standard_cart .products .product {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        height: auto !important;
        margin: 0 0 32px 0 !important;
        padding: 0 !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* En el recomendado dejamos visible la etiqueta, pero sin permitir que el botón se salga */
    #order-standard_cart .products .row > div:nth-child(2) .product {
        overflow: visible !important;
        margin-top: 26px !important;
    }

    /* Título del producto */
    #order-standard_cart .products .product header,
    #order-standard_cart .product header {
        display: block !important;
        width: 100% !important;
        min-height: auto !important;
        padding: 24px 24px !important;
        box-sizing: border-box !important;
    }

    /* Descripción: ancho completo, sin espacio reservado a la derecha */
    #order-standard_cart .products .product .product-desc,
    #order-standard_cart .product .product-desc,
    #order-standard_cart .products .product div.product-desc,
    #order-standard_cart .product div.product-desc {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 24px 24px 0 24px !important;
        box-sizing: border-box !important;
        font-size: 20px !important;
        line-height: 1.45 !important;
    }

    /* Bloque de precio: cancelar floats/position del template */
    #order-standard_cart .products .product .product-pricing,
    #order-standard_cart .product .product-pricing,
    #order-standard_cart .products .product .pricing,
    #order-standard_cart .product .pricing,
    #order-standard_cart .products .product .price,
    #order-standard_cart .product .price {
        position: static !important;
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 24px 0 8px 0 !important;
        padding: 0 24px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        transform: none !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
    }

    #order-standard_cart .products .product .price,
    #order-standard_cart .product .price {
        font-size: 38px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
    }

    #order-standard_cart .products .product .cycle,
    #order-standard_cart .product .cycle {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 4px 0 18px 0 !important;
        padding: 0 24px !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
    }

    /* Footer/botón: cancelar posición y forzar dentro */
    #order-standard_cart .products .product footer,
    #order-standard_cart .product footer,
    #order-standard_cart .products .product .product-footer,
    #order-standard_cart .product .product-footer {
        position: static !important;
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 24px 28px 24px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        transform: none !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
    }

    #order-standard_cart .products .product .btn,
    #order-standard_cart .product .btn,
    #order-standard_cart .products .product a.btn,
    #order-standard_cart .product a.btn,
    #order-standard_cart .btn-succe
    #

        float: none !important;
        clear
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
   
        padding: 16px 20px !impo
        box-sizing: border-box !import
        text-align: center !im
        white-space: normal !important
        transform: none !important;

        left: auto !important;
        top
     

    }

    /* Etiqueta recomendado centrada */
    #order-standard_cart .products .row > div:nth-
    #order-standard_cart .products .row > .col-md-6:nth-child(2) .product::before,
    #order-standard_cart
        top: -19px !important;
     
     

        z-index: 50 !important
    }

    /* Evitar que la tarjeta recomendada cor
    #order-standard_cart .products .row > 
    #order-standard_cart .products
        overflow: visible !impo
    }
}