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

    ** Custom Stylesheet **

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

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

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus 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.
 */

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

/* =====================================================
   REINERSOL - WHMCS NEXUS DARK PREMIUM STYLE COMPLETO
   Pegar al final de: /templates/nexus/css/custom.css
===================================================== */

/* ================================
   VARIABLES
================================ */
:root {
  --rs-bg: #050505;
  --rs-bg-2: #080808;
  --rs-card: #0b0b0b;
  --rs-card-2: #111111;
  --rs-border: rgba(255,255,255,0.10);
  --rs-border-hover: rgba(242,182,29,0.38);
  --rs-text: #ffffff;
  --rs-muted: rgba(255,255,255,0.72);
  --rs-muted-2: rgba(255,255,255,0.52);
  --rs-gold: #f2b61d;
  --rs-gold-hover: #ffc933;
  --rs-footer: #080d18;
}

/* ================================
   FONDO GENERAL
================================ */
body {
  background: var(--rs-bg) !important;
  color: var(--rs-text) !important;
}

#main-body,
.main-content,
section#main-body {
  background: var(--rs-bg) !important;
  color: var(--rs-text) !important;
}

/* ================================
   HEADER / MENÚ SUPERIOR
================================ */
#header,
section#header,
.header,
.navbar,
.navbar-main,
.main-navbar-wrapper {
  background: var(--rs-bg-2) !important;
  border-bottom: 1px solid var(--rs-border) !important;
  box-shadow: none !important;
}

/* Marca / logo texto */
.navbar-brand,
.navbar-brand a,
#header .logo-text {
  color: var(--rs-text) !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
}

/* Menú */
.navbar a,
.navbar-nav > li > a,
.main-menu a,
ul.navbar-nav li a {
  color: rgba(255,255,255,0.82) !important;
  font-weight: 600 !important;
}

.navbar a:hover,
.navbar-nav > li > a:hover,
.main-menu a:hover,
ul.navbar-nav li a:hover {
  color: var(--rs-gold) !important;
}

/* Dropdowns */
.dropdown-menu {
  background: #0d0d0d !important;
  border: 1px solid var(--rs-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 35px rgba(0,0,0,0.45) !important;
}

.dropdown-menu > li > a,
.dropdown-item {
  color: rgba(255,255,255,0.82) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-item:hover {
  background: rgba(242,182,29,0.12) !important;
  color: var(--rs-gold) !important;
}

/* ================================
   BARRA BREADCRUMB / CARRITO
================================ */
.breadcrumb,
.master-breadcrumb,
.breadcrumb-wrapper,
.topbar,
section#main-menu,
div[aria-label="breadcrumb"] {
  background: #0d0d0d !important;
  border-color: var(--rs-border) !important;
  color: var(--rs-gold) !important;
}

.breadcrumb *,
.master-breadcrumb *,
.breadcrumb-wrapper *,
section#main-menu *,
div[aria-label="breadcrumb"] * {
  color: var(--rs-gold) !important;
  font-weight: 600 !important;
}

/* ================================
   TÍTULOS Y TEXTOS
================================ */
h1, h2, h3, h4, h5, h6 {
  color: var(--rs-text) !important;
  font-weight: 800 !important;
}

h1 {
  font-size: 42px !important;
  line-height: 1.2 !important;
}

p,
label,
span,
small,
.form-check-label,
.help-block,
.text-muted {
  color: var(--rs-muted) !important;
}

a {
  color: var(--rs-gold) !important;
}

a:hover {
  color: var(--rs-gold-hover) !important;
}

/* ================================
   CARDS / PANELES / CAJAS
================================ */
.card,
.panel,
.sidebar .panel,
.domain-selection-options,
.domain-checker-container,
.product,
.product-group,
.list-group,
.store-order-container,
.configure-product,
.tiles .tile,
.client-home-panels .panel {
  background: var(--rs-card) !important;
  border: 1px solid var(--rs-border) !important;
  border-radius: 22px !important;
  color: var(--rs-text) !important;
  box-shadow: none !important;
}

.card:hover,
.panel:hover,
.product:hover,
.product-group:hover,
.domain-selection-options:hover {
  border-color: var(--rs-border-hover) !important;
  box-shadow: 0 16px 35px rgba(0,0,0,0.32) !important;
}

/* Cabecera de cajas */
.card-header,
.panel-heading,
.list-group-item:first-child {
  background: #101010 !important;
  color: var(--rs-text) !important;
  border-color: var(--rs-border) !important;
  border-radius: 18px 18px 0 0 !important;
}

/* Cuerpo de cajas */
.card-body,
.panel-body,
.list-group-item {
  background: transparent !important;
  color: rgba(255,255,255,0.82) !important;
  border-color: var(--rs-border) !important;
}

/* ================================
   SIDEBAR
================================ */
.sidebar .panel,
.sidebar .panel-body,
.sidebar .list-group,
.sidebar .list-group-item,
.sidebar .card {
  background: var(--rs-card) !important;
  color: var(--rs-text) !important;
  border-color: var(--rs-border) !important;
}

.sidebar .panel-heading,
.sidebar .card-header {
  background: #101010 !important;
  color: var(--rs-text) !important;
  font-weight: 800 !important;
}

.sidebar a,
.list-group-item a,
.sidebar .panel-body a {
  color: rgba(255,255,255,0.9) !important;
}

.sidebar a:hover,
.list-group-item a:hover,
.sidebar .panel-body a:hover {
  color: var(--rs-gold) !important;
}

/* ================================
   FORMULARIOS / INPUTS
================================ */
input,
textarea,
select,
.form-control {
  background: #111111 !important;
  color: var(--rs-text) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  background: #121212 !important;
  color: var(--rs-text) !important;
  border-color: var(--rs-gold) !important;
  box-shadow: 0 0 0 3px rgba(242,182,29,0.18) !important;
}

/* Textarea grande */
textarea.form-control,
textarea {
  min-height: 120px;
}

/* Radio / checkbox */
input[type="radio"],
input[type="checkbox"] {
  accent-color: var(--rs-gold) !important;
}

/* ================================
   BOTONES
================================ */
.btn,
.btn-primary,
button,
input[type="submit"] {
  background: var(--rs-gold) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 13px !important;
  font-weight: 800 !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
}

.btn:hover,
.btn-primary:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--rs-gold-hover) !important;
  color: #111111 !important;
  transform: translateY(-2px);
}

/* Botones secundarios */
.btn-default,
.btn-secondary,
.btn-outline-primary {
  background: transparent !important;
  color: var(--rs-gold) !important;
  border: 1px solid rgba(242,182,29,0.55) !important;
}

.btn-default:hover,
.btn-secondary:hover,
.btn-outline-primary:hover {
  background: var(--rs-gold) !important;
  color: #111111 !important;
}

/* ================================
   PÁGINA DOMINIO / CARRITO WHMCS
================================ */
#order-standard_cart .domain-selection-options,
.domain-selection-options {
  background: var(--rs-card) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 22px !important;
  padding: 30px !important;
}

/* Filas internas */
.domain-selection-options .option,
.domain-selection-options .domain-option,
.domain-selection-options .radio,
.domain-selection-options .checkbox,
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .domain-selection-options .domain-option,
#order-standard_cart .domain-selection-options .radio,
#order-standard_cart .domain-selection-options .checkbox {
  background: transparent !important;
  color: rgba(255,255,255,0.9) !important;
  border-color: rgba(255,255,255,0.10) !important;
}

/* Textos internos */
.domain-selection-options label,
.domain-selection-options span,
.domain-selection-options small,
.domain-selection-options p,
#order-standard_cart .domain-selection-options label,
#order-standard_cart .domain-selection-options span,
#order-standard_cart .domain-selection-options small,
#order-standard_cart .domain-selection-options p {
  color: rgba(255,255,255,0.9) !important;
}

.domain-selection-options .text-muted,
#order-standard_cart .domain-selection-options .text-muted {
  color: rgba(255,255,255,0.58) !important;
}

/* Textarea del dominio */
.domain-selection-options textarea,
#order-standard_cart .domain-selection-options textarea,
#order-standard_cart textarea.form-control {
  background: #111111 !important;
  color: var(--rs-text) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 12px !important;
}

.domain-selection-options textarea::placeholder,
#order-standard_cart textarea::placeholder {
  color: rgba(255,255,255,0.48) !important;
}

/* Evitar bloques blancos dentro del selector */
#order-standard_cart .domain-selection-options .form-group,
#order-standard_cart .domain-selection-options .domain-input-group,
#order-standard_cart .domain-selection-options .row,
#order-standard_cart .domain-selection-options .col-sm-8,
#order-standard_cart .domain-selection-options .col-sm-4 {
  background: transparent !important;
}

/* Separación entre Incluir TLDs y Longitud máxima */
#order-standard_cart .domain-selection-options select,
.domain-selection-options select {
  margin-right: 10px !important;
  margin-bottom: 8px !important;
  background: var(--rs-gold) !important;
  color: #111111 !important;
  border: 1px solid var(--rs-gold) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
}

/* Botones/dropdowns pequeños debajo del buscador */
#order-standard_cart .domain-selection-options .btn-group,
.domain-selection-options .btn-group {
  margin-right: 10px !important;
  margin-bottom: 8px !important;
}

/* Contenedores de filtros */
#order-standard_cart .domain-selection-options .tld-filters,
#order-standard_cart .domain-selection-options .domain-pricing,
#order-standard_cart .domain-selection-options .additional-options,
.domain-selection-options .tld-filters,
.domain-selection-options .additional-options {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* Checkbox búsqueda segura */
#order-standard_cart .domain-selection-options input[type="checkbox"] {
  margin-left: 8px !important;
  margin-right: 5px !important;
}

/* Botón comprobar */
.domain-selection-options .btn,
#order-standard_cart .domain-selection-options .btn {
  background: var(--rs-gold) !important;
  color: #111111 !important;
  border-radius: 13px !important;
  font-weight: 800 !important;
}

/* Opciones transferir / usar dominio existente */
#order-standard_cart .domain-selection-options label.radio,
#order-standard_cart .domain-selection-options .radio label {
  color: rgba(255,255,255,0.9) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ================================
   TABLAS
================================ */
.table,
table {
  color: var(--rs-text) !important;
  background: var(--rs-card) !important;
}

.table th,
table th {
  background: #101010 !important;
  color: var(--rs-text) !important;
  border-color: var(--rs-border) !important;
}

.table td,
table td {
  color: rgba(255,255,255,0.78) !important;
  border-color: var(--rs-border) !important;
}

/* ================================
   ALERTAS
================================ */
.alert {
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

.alert-info {
  background: rgba(242,182,29,0.10) !important;
  color: var(--rs-text) !important;
  border-color: rgba(242,182,29,0.30) !important;
}

/* ================================
   BUSCADOR SUPERIOR
================================ */
#inputKnowledgebaseSearch,
.knowledgebase-search input,
.header-search input {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: var(--rs-text) !important;
}

/* ================================
   CARRITO / RESUMEN
================================ */
.cart-sidebar,
.view-cart-items,
.cart-body,
.order-summary {
  background: var(--rs-card) !important;
  border-color: var(--rs-border) !important;
  color: var(--rs-text) !important;
}

/* ================================
   POWERED BY
================================ */
#main-body p,
#main-body .powered-by,
#main-body center {
  color: rgba(255,255,255,0.78) !important;
}

#main-body center a,
#main-body .powered-by a {
  color: var(--rs-gold) !important;
}

/* ================================
   FOOTER
================================ */
#footer,
.footer,
section#footer {
  background: var(--rs-footer) !important;
  color: rgba(255,255,255,0.62) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

#footer a,
.footer a {
  color: var(--rs-text) !important;
}

#footer a:hover,
.footer a:hover {
  color: var(--rs-gold) !important;
}

/* Selector idioma / moneda */
#footer .btn,
.footer .btn,
.language-popover .btn {
  background: var(--rs-gold) !important;
  color: #111111 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* ================================
   BOTÓN VOLVER ADMIN
================================ */
.admin-masquerade-notice,
.adminreturndiv,
.admin-return {
  background: #111111 !important;
  color: var(--rs-text) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

/* ================================
   ESPACIADOS
================================ */
#main-body .container,
.main-content .container {
  padding-top: 40px !important;
  padding-bottom: 70px !important;
}

/* ================================
   RESPONSIVE
================================ */
@media (max-width: 768px) {
  h1 {
    font-size: 32px !important;
  }

  #main-body .container,
  .main-content .container {
    padding-top: 28px !important;
    padding-bottom: 50px !important;
  }

  .domain-selection-options,
  #order-standard_cart .domain-selection-options {
    padding: 22px !important;
  }

  .card,
  .panel,
  .domain-selection-options {
    border-radius: 18px !important;
  }

  #order-standard_cart .domain-selection-options select,
  .domain-selection-options select {
    margin-bottom: 10px !important;
  }
}


/* =========================================
   AJUSTES FINALES REINERSOL
========================================= */

/* 1) QUITAR BORDE BLANCO DEL BUSCADOR SUPERIOR */
/* =========================================
   FIX BUSCADOR HEADER + BOTONES TLDS
========================================= */

/* Contenedor del buscador */
.input-group.search.d-none.d-xl-flex,
.input-group.search {
  display: flex !important;
  align-items: stretch !important;
  height: 38px !important;
  border: 1px solid rgba(242, 182, 29, 0.55) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #080808 !important;
  box-shadow: none !important;
}

/* Contenedor del botón lupa */
.input-group.search .input-group-prepend {
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Botón lupa */
.input-group.search .input-group-prepend .btn,
.input-group.search button.btn {
  width: 42px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #080808 !important;
  color: #f2b61d !important;
  border: none !important;
  border-right: 1px solid rgba(242, 182, 29, 0.45) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Icono lupa */
.input-group.search .btn i {
  color: #f2b61d !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Input */
.input-group.search input.form-control,
.input-group.search input.appended-form-control {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 12px !important;
  margin: 0 !important;
  background: #080808 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Focus */
.input-group.search input.form-control:focus,
.input-group.search input.appended-form-control:focus {
  background: #080808 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder */
.input-group.search input::placeholder {
  color: rgba(255,255,255,0.48) !important;
}

/* =========================================
   FIX TAMAÑO BOTONES TLDS / LONGITUD
========================================= */

#order-standard_cart .domain-selection-options .btn-group .btn,
.domain-selection-options .btn-group .btn,
#order-standard_cart .domain-selection-options .dropdown-toggle,
.domain-selection-options .dropdown-toggle {
  padding: 7px 14px !important;
  min-height: 0 !important;
  height: 34px !important;
  min-width: auto !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Separación entre ambos botones */
#order-standard_cart .domain-selection-options .btn-group,
.domain-selection-options .btn-group {
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

/* Evitar que el CSS general los vuelva grandes */
#order-standard_cart .domain-selection-options .btn-group .btn:hover,
.domain-selection-options .btn-group .btn:hover {
  transform: none !important;
}

/* 3) DARLE MÁS AIRE AL BOTÓN COMPROBAR */
#order-standard_cart .domain-selection-options .btn,
.domain-selection-options .btn {
  padding: 16px 28px !important;
  min-width: 135px !important;
  min-height: 82px !important;
  line-height: 1.2 !important;
}

/* Dar un poco de espacio a la derecha del bloque del botón */
#order-standard_cart .domain-selection-options .col-sm-4,
.domain-selection-options .col-sm-4 {
  padding-right: 18px !important;
}

/* Separarlo mejor del textarea */
#order-standard_cart .domain-selection-options .col-sm-4 .btn,
.domain-selection-options .col-sm-4 .btn {
  margin-left: 10px !important;
}

/* Opcional: mejorar alineación vertical del botón */
#order-standard_cart .domain-selection-options .row,
.domain-selection-options .row {
  align-items: flex-start !important;
}

/* =========================================
   SEPARACIÓN ENTRE BOTONES TLDS
========================================= */

#order-standard_cart .domain-selection-options .btn-group,
.domain-selection-options .btn-group {
  margin-right: 10px !important;
}

/* Por si están pegados dentro del mismo contenedor */
#order-standard_cart .domain-selection-options .btn-group + .btn-group,
.domain-selection-options .btn-group + .btn-group {
  margin-left: 8px !important;
}

/* Si WHMCS los agrupa como botones consecutivos */
#order-standard_cart .domain-selection-options .dropdown-toggle + .dropdown-toggle,
.domain-selection-options .dropdown-toggle + .dropdown-toggle {
  margin-left: 8px !important;
}


/* =========================================
   FIX TRANSFERIR DOMINIO - WHMCS NEXUS
========================================= */

/* Bloque seleccionado de transferir dominio */
#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .domain-selection-options .domain-option.selected,
#order-standard_cart .domain-selection-options .radio.active,
#order-standard_cart .domain-selection-options .transfer-domain,
.domain-selection-options .option-selected,
.domain-selection-options .domain-option.selected,
.domain-selection-options .radio.active,
.domain-selection-options .transfer-domain {
  background: #111111 !important;
  border-radius: 14px !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* Texto de las opciones de dominio */
#order-standard_cart .domain-selection-options label,
#order-standard_cart .domain-selection-options .radio label,
#order-standard_cart .domain-selection-options .checkbox label,
.domain-selection-options label,
.domain-selection-options .radio label,
.domain-selection-options .checkbox label {
  color: rgba(255,255,255,0.92) !important;
  font-weight: 500 !important;
}

/* Input pequeño "www." */
#order-standard_cart .domain-selection-options .input-group-addon,
#order-standard_cart .domain-selection-options .input-group-text,
.domain-selection-options .input-group-addon,
.domain-selection-options .input-group-text {
  background: #f2b61d !important;
  color: #111111 !important;
  border: 1px solid #f2b61d !important;
  border-radius: 10px 0 0 10px !important;
  font-weight: 700 !important;
}

/* Campo para escribir dominio */
#order-standard_cart .domain-selection-options input.form-control,
.domain-selection-options input.form-control {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
  height: 40px !important;
}

/* Si el input está junto al addon www. */
#order-standard_cart .domain-selection-options .input-group input.form-control,
.domain-selection-options .input-group input.form-control {
  border-left: none !important;
  border-radius: 0 10px 10px 0 !important;
}

/* Select de extensión del dominio */
#order-standard_cart .domain-selection-options select.form-control,
.domain-selection-options select.form-control {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
  height: 40px !important;
  padding: 0 12px !important;
}

/* Botón transferir */
#order-standard_cart .domain-selection-options button[type="submit"],
#order-standard_cart .domain-selection-options .btn-primary,
.domain-selection-options button[type="submit"],
.domain-selection-options .btn-primary {
  background: #f2b61d !important;
  color: #111111 !important;
  border-radius: 12px !important;
  padding: 13px 24px !important;
  min-height: 48px !important;
  min-width: 120px !important;
  font-weight: 800 !important;
}

/* Separación entre input, select y botón */
#order-standard_cart .domain-selection-options .input-group,
.domain-selection-options .input-group {
  margin-right: 10px !important;
}

#order-standard_cart .domain-selection-options .row,
.domain-selection-options .row {
  row-gap: 12px !important;
}

/* Evitar texto azul/oscuro ilegible */
#order-standard_cart .domain-selection-options .text-muted,
#order-standard_cart .domain-selection-options small,
.domain-selection-options .text-muted,
.domain-selection-options small {
  color: rgba(255,255,255,0.65) !important;
}

/* Radio seleccionado */
#order-standard_cart .domain-selection-options input[type="radio"],
.domain-selection-options input[type="radio"] {
  accent-color: #f2b61d !important;
}




/* =====================================================
   HEADER LIMPIO - LOGO IMAGEN + SOLO CUENTA
===================================================== */

/* Ocultar buscador superior */
.input-group.search,
.input-group.search.d-none.d-xl-flex,
.header-search,
.knowledgebase-search {
  display: none !important;
}

/* Ocultar icono carrito superior */
a[href*="cart.php"],
a[href*="/cart"],
.cart-icon,
.header-cart,
.shopping-cart,
.fa-shopping-cart,
.fas.fa-shopping-cart {
  display: none !important;
}

/* Convertir el texto ReinerSol.com en logo de imagen */
.navbar-brand,
.navbar-brand a,
#header .logo-text {
  width: 150px !important;
  height: 45px !important;
  display: block !important;
  background-image: url("https://vibe.filesafe.space/1775088395693810251/attachments/aa5e6b23-d014-4668-8397-f76ff925a596.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

/* Alinear header */
#header .container,
section#header .container,
.navbar .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Ocultar links del menú principal, excepto Cuenta */
.navbar-nav > li:not(:last-child),
.main-menu .navbar-nav > li:not(:last-child),
#main-menu .navbar-nav > li:not(:last-child) {
  display: none !important;
}

/* Mantener visible Cuenta */
.navbar-nav > li:last-child,
.main-menu .navbar-nav > li:last-child,
#main-menu .navbar-nav > li:last-child {
  display: block !important;
  margin-left: auto !important;
}

/* Ajustar Cuenta */
.navbar-nav > li:last-child > a,
.main-menu .navbar-nav > li:last-child > a,
#main-menu .navbar-nav > li:last-child > a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.navbar-nav > li:last-child > a:hover,
.main-menu .navbar-nav > li:last-child > a:hover,
#main-menu .navbar-nav > li:last-child > a:hover {
  color: #f2b61d !important;
}

/* Ocultar barra del breadcrumb si solo muestra "Carrito" */
.breadcrumb,
.master-breadcrumb,
.breadcrumb-wrapper {
  display: none !important;
}

/* Reducir espacio superior al ocultar menú/breadcrumb */
#main-body .container,
.main-content .container {
  padding-top: 35px !important;
}

/* =========================================
   FIX OCULTAR MAS / HAMBURGUESA / ACCIONES
========================================= */

/* Ocultar "Más" del menú */
#Primary_Navbar-More,
li#Primary_Navbar-More,
.navbar-nav #Primary_Navbar-More,
.navbar-nav li[id*="More"],
.navbar-nav li[id*="more"] {
  display: none !important;
}

/* Ocultar cualquier menú primario, dejando solo cuenta */
#Primary_Navbar,
.primary-navbar,
.navbar-main .navbar-nav:first-child {
  display: none !important;
}

/* Mantener visible Cuenta */
#Secondary_Navbar,
.secondary-navbar,
#Secondary_Navbar-Account,
li#Secondary_Navbar-Account {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ocultar botón amarillo hamburguesa */
.navbar-toggler,
.navbar-toggle,
.btn-navbar-toggle,
button.navbar-toggler,
button.navbar-toggle,
button:has(.fa-bars),
a:has(.fa-bars),
button:has(.fa-navicon),
a:has(.fa-navicon) {
  display: none !important;
}

/* Ocultar cuadro Acciones del sidebar */
#Secondary_Sidebar-Actions,
#Primary_Sidebar-Actions,
.panel-sidebar:has(a[href*="cart"]),
.panel-sidebar:has(a[href*="domainregister"]),
.panel-sidebar:has(a[href*="domaintransfer"]),
.sidebar .panel:has(a[href*="cart"]),
.sidebar .panel:has(a[href*="domainregister"]),
.sidebar .panel:has(a[href*="domaintransfer"]) {
  display: none !important;
}

/* Por si Acciones está como segundo panel */
.sidebar .panel-sidebar:nth-of-type(2),
.sidebar .panel:nth-of-type(2),
.sidebar > div:nth-of-type(2) {
  display: none !important;
}

/* =========================================
   OCULTAR "MÁS" + POWERED BY WHMCS
========================================= */

/* Ocultar el item "Más" del menú */
li.collapsable-dropdown,
li.collapsable-dropdown #navbarDropdownMenu,
#navbarDropdownMenu,
.collapsable-dropdown-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Ocultar "Powered by WHMCompleteSolution" */
#main-body p:has(a[href*="whm"]),
#main-body p:has(a[href*="WHM"]),
#main-body center,
.powered-by,
.poweredby,
div:has(> a[href*="WHMCompleteSolution"]) {
  display: none !important;
}

/* Si aparece como texto simple centrado */
#main-body .container > p,
#main-body .container > center {
  display: none !important;
}


/* =========================================
   FIX CONFIGURAR PRODUCTO / RESUMEN PEDIDO
========================================= */

/* Caja principal donde aparece el producto */
#order-standard_cart .product-info,
#order-standard_cart .product-configurable-options,
#order-standard_cart .form-group,
#order-standard_cart .field-container,
#order-standard_cart .panel,
#order-standard_cart .card {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Nombre del producto: Hosting Esencial */
#order-standard_cart .product-info,
#order-standard_cart .product-info *,
#order-standard_cart .product-title,
#order-standard_cart .product-name,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart label,
#order-standard_cart p,
#order-standard_cart span,
#order-standard_cart div {
  color: #ffffff !important;
}

/* Caja blanca que quedó vacía */
#order-standard_cart .product-info,
#order-standard_cart .product-info .product-title,
#order-standard_cart .product-info .product-name {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 12px !important;
  padding: 18px !important;
}

/* Selector ciclo de facturación */
#order-standard_cart select,
#order-standard_cart .form-control {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

/* Caja amarilla de ayuda */
#order-standard_cart .alert,
#order-standard_cart .alert-warning,
#order-standard_cart .alert-info {
  background: rgba(242,182,29,0.18) !important;
  border: 1px solid rgba(242,182,29,0.45) !important;
  color: #f8d46a !important;
  border-radius: 16px !important;
}

#order-standard_cart .alert *,
#order-standard_cart .alert-warning *,
#order-standard_cart .alert-info * {
  color: #f8d46a !important;
}

/* Resumen del pedido */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .summary-totals,
#order-standard_cart .view-cart-items {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
}

/* Encabezado resumen */
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3,
#order-standard_cart .summary-container h2,
#order-standard_cart .summary-container h3 {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

/* Textos dentro del resumen */
#order-standard_cart .order-summary *,
#order-standard_cart .summary-container *,
#order-standard_cart .summary-totals *,
#order-standard_cart .view-cart-items * {
  color: #ffffff !important;
}

/* Precio total destacado */
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .summary-container .total-due-today,
#order-standard_cart .amt,
#order-standard_cart .price {
  color: #f2b61d !important;
  font-weight: 800 !important;
}

/* Líneas divisorias */
#order-standard_cart hr,
#order-standard_cart .order-summary hr,
#order-standard_cart .summary-container hr {
  border-color: rgba(255,255,255,0.15) !important;
}

/* Botón continuar */
#order-standard_cart .btn-checkout,
#order-standard_cart .checkout,
#order-standard_cart button[type="submit"],
#order-standard_cart .btn-primary {
  background: #f2b61d !important;
  color: #111111 !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
}



/* =========================================
   FIX REVISAR Y PAGAR / CARRITO FINAL
========================================= */

/* Caja principal del carrito donde aparecen los productos */
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item-domain,
#order-standard_cart .view-cart-items .item-service,
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-description {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Evitar fondos blancos dentro del carrito */
#order-standard_cart .view-cart-items div,
#order-standard_cart .view-cart-items span,
#order-standard_cart .view-cart-items p,
#order-standard_cart .view-cart-items strong,
#order-standard_cart .view-cart-items small,
#order-standard_cart .view-cart-items label {
  color: #ffffff !important;
}

/* Contenedor completo de productos en revisar y pagar */
#order-standard_cart .view-cart-items {
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Encabezado de la tabla/listado del carrito */
#order-standard_cart .view-cart-items-header {
  background: #111111 !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

/* Cada fila del carrito */
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item-domain,
#order-standard_cart .view-cart-items .item-service {
  background: #0b0b0b !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  padding: 18px !important;
}

/* Título del producto/dominio */
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-title a,
#order-standard_cart .view-cart-items strong,
#order-standard_cart .view-cart-items b {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Descripción del producto */
#order-standard_cart .view-cart-items .item-description,
#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items small {
  color: rgba(255,255,255,0.68) !important;
}

/* Precio dentro del carrito */
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .price,
#order-standard_cart .view-cart-items .amount {
  color: #f2b61d !important;
  font-weight: 800 !important;
}

/* Botón eliminar / X */
#order-standard_cart .view-cart-items .btn-remove,
#order-standard_cart .view-cart-items .remove-item,
#order-standard_cart .view-cart-items .fa-times,
#order-standard_cart .view-cart-items .fa-trash {
  color: #f2b61d !important;
}

/* Caja de código promocional */
#order-standard_cart .promo-code-cart-container,
#order-standard_cart .promo-code,
#order-standard_cart .promo-code-form {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
}

/* Pestaña aplicar código promocional */
#order-standard_cart .promo-code-cart-container .card-header,
#order-standard_cart .promo-code-cart-container .panel-heading,
#order-standard_cart .promo-code-form .card-header,
#order-standard_cart .promo-code-form .panel-heading {
  background: #111111 !important;
  color: #f2b61d !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

/* Input código promocional */
#order-standard_cart input[name="promocode"],
#order-standard_cart .promo-code-cart-container input,
#order-standard_cart .promo-code-form input {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
}

/* Placeholder promo */
#order-standard_cart input[name="promocode"]::placeholder,
#order-standard_cart .promo-code-cart-container input::placeholder,
#order-standard_cart .promo-code-form input::placeholder {
  color: rgba(255,255,255,0.48) !important;
}

/* Botón validar código */
#order-standard_cart .promo-code-cart-container button,
#order-standard_cart .promo-code-form button,
#order-standard_cart button[name="validatepromo"] {
  background: #f2b61d !important;
  color: #111111 !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

/* Resumen del pedido lateral */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 16px !important;
}

/* Textos del resumen */
#order-standard_cart .order-summary *,
#order-standard_cart .summary-container * {
  color: #ffffff !important;
}

/* Total destacado */
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .summary-container .total-due-today,
#order-standard_cart .order-summary .amt,
#order-standard_cart .summary-container .amt {
  color: #f2b61d !important;
  font-weight: 900 !important;
}


/* =========================================
   FIX PROMOCODE + MODAL VACIAR CARRITO
========================================= */

/* Caja completa del código promocional */
#order-standard_cart .apply-credit-container,
#order-standard_cart .promo-code-cart-container,
#order-standard_cart .promo-code-form,
#order-standard_cart .promotion-code {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Fondo interno del bloque promocional */
#order-standard_cart .promo-code-cart-container .panel,
#order-standard_cart .promo-code-cart-container .panel-body,
#order-standard_cart .promo-code-cart-container .card,
#order-standard_cart .promo-code-cart-container .card-body,
#order-standard_cart .promo-code-form .panel,
#order-standard_cart .promo-code-form .panel-body,
#order-standard_cart .promo-code-form .card,
#order-standard_cart .promo-code-form .card-body {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Pestaña "Aplicar código promocional" */
#order-standard_cart .promo-code-cart-container .panel-heading,
#order-standard_cart .promo-code-cart-container .card-header,
#order-standard_cart .promo-code-form .panel-heading,
#order-standard_cart .promo-code-form .card-header {
  background: #111111 !important;
  color: #f2b61d !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-bottom: none !important;
  border-radius: 14px 14px 0 0 !important;
}

/* Textos dentro del bloque promo */
#order-standard_cart .promo-code-cart-container *,
#order-standard_cart .promo-code-form *,
#order-standard_cart .promotion-code * {
  color: #ffffff !important;
}

/* Texto de la pestaña en dorado */
#order-standard_cart .promo-code-cart-container .panel-heading *,
#order-standard_cart .promo-code-cart-container .card-header *,
#order-standard_cart .promo-code-form .panel-heading *,
#order-standard_cart .promo-code-form .card-header * {
  color: #f2b61d !important;
}

/* Input promocional */
#order-standard_cart input[name="promocode"],
#order-standard_cart .promo-code-cart-container input,
#order-standard_cart .promo-code-form input {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
}

#order-standard_cart input[name="promocode"]::placeholder,
#order-standard_cart .promo-code-cart-container input::placeholder,
#order-standard_cart .promo-code-form input::placeholder {
  color: rgba(255,255,255,0.50) !important;
}

/* Botón validar código */
#order-standard_cart .promo-code-cart-container button,
#order-standard_cart .promo-code-form button,
#order-standard_cart button[name="validatepromo"] {
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}

/* Modal / popup de vaciar carrito */
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
#modalEmptyCart .modal-content,
#modalEmptyCart .modal-header,
#modalEmptyCart .modal-body,
#modalEmptyCart .modal-footer {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Bordes y forma del modal */
.modal-content,
#modalEmptyCart .modal-content {
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.65) !important;
}

/* Textos del modal */
.modal-content *,
#modalEmptyCart .modal-content * {
  color: #ffffff !important;
}

/* Título del modal */
.modal-title,
#modalEmptyCart .modal-title {
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 800 !important;
}

/* Pregunta del modal */
.modal-body,
#modalEmptyCart .modal-body {
  color: rgba(255,255,255,0.85) !important;
  font-size: 16px !important;
}

/* Botón cerrar X */
.modal .close,
.modal button.close,
#modalEmptyCart .close,
#modalEmptyCart button.close {
  color: #f2b61d !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Botón No */
.modal .btn-default,
.modal .btn-secondary,
#modalEmptyCart .btn-default,
#modalEmptyCart .btn-secondary {
  background: transparent !important;
  color: #f2b61d !important;
  border: 1px solid rgba(242,182,29,0.65) !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
}

/* Botón Sí */
.modal .btn-primary,
#modalEmptyCart .btn-primary {
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
}

/* Fondo oscuro detrás del modal */
.modal-backdrop.show,
.modal-backdrop.in {
  opacity: 0.78 !important;
  background: #000000 !important;
}


/* =========================================
   FIX DEFINITIVO BLOQUE CUPÓN / PROMO
========================================= */

/* Caja general del bloque de tabs */
#order-standard_cart .view-cart-tabs {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  color: #ffffff !important;
}

/* Quitar fondo blanco de la navegación */
#order-standard_cart .view-cart-tabs .nav,
#order-standard_cart .view-cart-tabs .nav-tabs {
  background: transparent !important;
  border-bottom: none !important;
}

/* Pestaña "Aplicar código promocional" */
#order-standard_cart .view-cart-tabs .nav-tabs .nav-item,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
  background: #111111 !important;
  color: #f2b61d !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-bottom: none !important;
  border-radius: 14px 14px 0 0 !important;
}

/* Contenido del tab */
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .tab-pane,
#order-standard_cart .view-cart-tabs .tab-pane.promo,
#order-standard_cart .view-cart-tabs #applyPromo {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border: none !important;
}

/* Formulario del cupón */
#order-standard_cart .view-cart-tabs form,
#order-standard_cart .view-cart-tabs .form-group,
#order-standard_cart .view-cart-tabs .prepend-icon {
  background: transparent !important;
  color: #ffffff !important;
}

/* Icono del input */
#order-standard_cart .view-cart-tabs .field-icon {
  background: transparent !important;
  color: #f2b61d !important;
}

#order-standard_cart .view-cart-tabs .field-icon i {
  color: #f2b61d !important;
}

/* Input del código promocional */
#order-standard_cart .view-cart-tabs input[name="promocode"],
#order-standard_cart .view-cart-tabs #inputPromotionCode,
#order-standard_cart .view-cart-tabs .field.form-control {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
  height: 44px !important;
  box-shadow: none !important;
}

/* Placeholder */
#order-standard_cart .view-cart-tabs input[name="promocode"]::placeholder,
#order-standard_cart .view-cart-tabs #inputPromotionCode::placeholder {
  color: rgba(255,255,255,0.52) !important;
}

/* Botón validar código */
#order-standard_cart .view-cart-tabs button[name="validatepromo"],
#order-standard_cart .view-cart-tabs .btn-default,
#order-standard_cart .view-cart-tabs .btn-block {
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  height: 46px !important;
}

/* Hover botón */
#order-standard_cart .view-cart-tabs button[name="validatepromo"]:hover,
#order-standard_cart .view-cart-tabs .btn-default:hover {
  background: #ffc933 !important;
  color: #111111 !important;
}

/* =========================================
   SEPARAR BOTÓN VACIAR CARRITO
========================================= */

#order-standard_cart .empty-cart,
#order-standard_cart .btn-empty-cart,
#order-standard_cart a[href*="empty"],
#order-standard_cart button[name="emptycart"] {
  margin-top: 14px !important;
  margin-bottom: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Contenedor donde está el botón Vaciar carrito */
#order-standard_cart .text-right,
#order-standard_cart .view-cart-items + .text-right {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

/* Separar el bloque de cupón del carrito */
#order-standard_cart .view-cart-tabs {
  margin-top: 22px !important;
}

/* =========================================
   FIX MOSTRAR BOTONES PAGAR / SEGUIR COMPRANDO
========================================= */

/* Volver a mostrar enlaces y botones dentro del carrito */
#order-standard_cart a[href*="cart.php"],
#order-standard_cart a[href*="/cart"],
#order-standard_cart .order-summary a,
#order-standard_cart .order-summary button,
#order-standard_cart .summary-container a,
#order-standard_cart .summary-container button,
#order-standard_cart .btn-checkout,
#order-standard_cart .checkout,
#order-standard_cart a.btn,
#order-standard_cart button.btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Botón Pagar */
#order-standard_cart .order-summary a[href*="checkout"],
#order-standard_cart .summary-container a[href*="checkout"],
#order-standard_cart .btn-checkout,
#order-standard_cart .checkout {
  width: 100% !important;
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 14px 22px !important;
  margin-top: 18px !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

/* Botón Seguir comprando */
#order-standard_cart .order-summary a[href*="gid"],
#order-standard_cart .summary-container a[href*="gid"],
#order-standard_cart .order-summary .btn-continue-shopping,
#order-standard_cart .summary-container .btn-continue-shopping {
  width: 100% !important;
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  margin-top: 10px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

/* Hover */
#order-standard_cart .order-summary a[href*="checkout"]:hover,
#order-standard_cart .summary-container a[href*="checkout"]:hover,
#order-standard_cart .order-summary a[href*="gid"]:hover,
#order-standard_cart .summary-container a[href*="gid"]:hover {
  background: #ffc933 !important;
  color: #111111 !important;
  transform: translateY(-1px);
}

/* Mantener oculto SOLO el carrito del header */
#header a[href*="cart.php"],
#header a[href*="/cart"],
section#header a[href*="cart.php"],
section#header a[href*="/cart"],
.header a[href*="cart.php"],
.header a[href*="/cart"] {
  display: none !important;
}


/* =========================================
   FIX BOTÓN CONTINUAR / CHECKOUT
========================================= */

#order-standard_cart .btn-checkout,
#order-standard_cart .checkout,
#order-standard_cart button[type="submit"].btn-primary,
#order-standard_cart a.btn-primary,
#order-standard_cart .order-summary .btn,
#order-standard_cart .summary-container .btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 14px 24px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 14px !important;
  background: #f2b61d !important;
  color: #111111 !important;
  font-weight: 900 !important;
  font-size: 18px !important;
}

/* Icono dentro del botón continuar */
#order-standard_cart .btn-checkout i,
#order-standard_cart .checkout i,
#order-standard_cart button[type="submit"].btn-primary i,
#order-standard_cart a.btn-primary i {
  color: #111111 !important;
  margin-left: 6px !important;
  line-height: 1 !important;
}

/* Evitar que quede aplastado */
#order-standard_cart .btn-checkout span,
#order-standard_cart .checkout span,
#order-standard_cart button[type="submit"].btn-primary span,
#order-standard_cart a.btn-primary span {
  color: #111111 !important;
  display: inline-flex !important;
  align-items: center !important;
}


/* =========================================
   FIX CHECKOUT / PAGO - TEXTOS Y NEWSLETTER
========================================= */

/* Textos generales dentro del checkout */
#order-standard_cart .checkout-container,
#order-standard_cart .checkout-container *,
#order-standard_cart form,
#order-standard_cart form *,
#order-standard_cart .form-group,
#order-standard_cart .form-group *,
#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading span,
#order-standard_cart .section-heading,
#order-standard_cart .field-container,
#order-standard_cart .field-container * {
  color: #ffffff !important;
}

/* Textos secundarios */
#order-standard_cart .text-muted,
#order-standard_cart small,
#order-standard_cart .help-block,
#order-standard_cart .form-text,
#order-standard_cart .field-help-text {
  color: rgba(255,255,255,0.68) !important;
}

/* Encabezados pequeños con líneas */
#order-standard_cart .sub-heading,
#order-standard_cart .section-heading {
  border-color: rgba(255,255,255,0.18) !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .section-heading span {
  background: #0b0b0b !important;
  color: #ffffff !important;
}

/* Inputs del checkout */
#order-standard_cart input,
#order-standard_cart select,
#order-standard_cart textarea,
#order-standard_cart .form-control,
#order-standard_cart .custom-select {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
}

#order-standard_cart input::placeholder,
#order-standard_cart textarea::placeholder {
  color: rgba(255,255,255,0.48) !important;
}

/* Labels e iconos de los campos */
#order-standard_cart label,
#order-standard_cart .field-icon,
#order-standard_cart .field-icon i {
  color: rgba(255,255,255,0.78) !important;
}

/* Bloque de Stripe / tarjeta */
#order-standard_cart .payment-methods,
#order-standard_cart .payment-method,
#order-standard_cart .cc-input-container,
#order-standard_cart .gateway-input-container,
#order-standard_cart .stripe-credit-card,
#order-standard_cart .stripe-elements-field,
#order-standard_cart .card-input-container {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Cajas blancas dentro de Stripe */
#order-standard_cart .payment-methods div,
#order-standard_cart .payment-method div,
#order-standard_cart .cc-input-container div,
#order-standard_cart .gateway-input-container div {
  color: #ffffff !important;
}

/* Alertas inferiores */
#order-standard_cart .alert,
#order-standard_cart .alert-warning,
#order-standard_cart .alert-info,
#order-standard_cart .alert-success {
  background: rgba(242,182,29,0.12) !important;
  border: 1px solid rgba(242,182,29,0.45) !important;
  color: #f2b61d !important;
  border-radius: 14px !important;
}

#order-standard_cart .alert *,
#order-standard_cart .alert-warning *,
#order-standard_cart .alert-info *,
#order-standard_cart .alert-success * {
  color: #f2b61d !important;
}

/* Ocultar sección Suscríbase a nuestra lista de correo */
#order-standard_cart .marketing-email-optin,
#order-standard_cart .marketing-email-optin *,
#order-standard_cart .email-preferences,
#order-standard_cart .email-preferences *,
#order-standard_cart .mailing-list,
#order-standard_cart .mailing-list *,
#order-standard_cart .newsletter,
#order-standard_cart .newsletter *,
#order-standard_cart .marketing-email,
#order-standard_cart .marketing-email *,
#order-standard_cart div[id*="marketing"],
#order-standard_cart div[class*="marketing"],
#order-standard_cart div[class*="mailing"],
#order-standard_cart div[class*="newsletter"] {
  display: none !important;
}

/* Por si WHMCS lo muestra como bloque antes del botón completar pedido */
#order-standard_cart h3:has(+ p),
#order-standard_cart h4:has(+ p) {
  color: #ffffff !important;
}

/* Botón completar pedido */
#order-standard_cart button[type="submit"],
#order-standard_cart .btn-complete-order,
#order-standard_cart #btnCompleteOrder {
  background: #f2b61d !important;
  color: #111111 !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  min-height: 52px !important;
  width: 100% !important;
}

/* =========================================
   FIX DESPLEGABLE TELÉFONO / PAÍSES
========================================= */

/* Contenedor del plugin de teléfono */
.iti,
.iti *,
.intl-tel-input,
.intl-tel-input * {
  color: #ffffff !important;
}

/* Dropdown de países */
.iti__country-list,
.intl-tel-input .country-list {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.55) !important;
}

/* Cada país */
.iti__country,
.intl-tel-input .country {
  background: #0b0b0b !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
}

/* Texto del país y código */
.iti__country-name,
.iti__dial-code,
.intl-tel-input .country-name,
.intl-tel-input .dial-code {
  color: rgba(255,255,255,0.88) !important;
}

/* País seleccionado / hover */
.iti__country:hover,
.iti__country.iti__highlight,
.intl-tel-input .country:hover,
.intl-tel-input .country.highlight {
  background: rgba(242,182,29,0.16) !important;
  color: #ffffff !important;
}

/* Código del país en hover */
.iti__country:hover .iti__dial-code,
.iti__country.iti__highlight .iti__dial-code {
  color: #f2b61d !important;
}

/* Separadores */
.iti__divider,
.intl-tel-input .divider {
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

/* Área seleccionada dentro del input */
.iti__selected-flag,
.intl-tel-input .selected-flag {
  background: #111111 !important;
  border-radius: 10px 0 0 10px !important;
}

/* Hover del selector de bandera */
.iti__selected-flag:hover,
.intl-tel-input .selected-flag:hover {
  background: rgba(242,182,29,0.12) !important;
}

/* Flechita */
.iti__arrow {
  border-top-color: #f2b61d !important;
}

/* Scrollbar del dropdown */
.iti__country-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.iti__country-list::-webkit-scrollbar-track {
  background: #111111;
}

.iti__country-list::-webkit-scrollbar-thumb {
  background: #f2b61d;
  border-radius: 999px;
}

/* =========================================
   FIX ELEGIR CUENTA EXISTENTE - CHECKOUT
========================================= */

/* Caja donde se elige cuenta existente / nueva */
#order-standard_cart .account-select-container,
#order-standard_cart .account-select,
#order-standard_cart .existing-customer,
#order-standard_cart .existing-account,
#order-standard_cart .account-selection,
#order-standard_cart .account-selection *,
#order-standard_cart .checkout-account,
#order-standard_cart .checkout-account *,
#order-standard_cart .user-account,
#order-standard_cart .user-account * {
  color: #ffffff !important;
}

/* Bloques blancos de elección de cuenta */
#order-standard_cart .account-select-container,
#order-standard_cart .account-selection,
#order-standard_cart .checkout-account,
#order-standard_cart .user-account,
#order-standard_cart .account-select-container .radio,
#order-standard_cart .account-selection .radio,
#order-standard_cart .checkout-account .radio,
#order-standard_cart .user-account .radio,
#order-standard_cart .account-select-container label,
#order-standard_cart .account-selection label,
#order-standard_cart .checkout-account label,
#order-standard_cart .user-account label {
  background: #0b0b0b !important;
  border-color: rgba(255,255,255,0.14) !important;
  color: #ffffff !important;
}

/* Si WHMCS lo pinta como tabla/lista */
#order-standard_cart .account-select-container .list-group,
#order-standard_cart .account-select-container .list-group-item,
#order-standard_cart .account-selection .list-group,
#order-standard_cart .account-selection .list-group-item,
#order-standard_cart .checkout-account .list-group,
#order-standard_cart .checkout-account .list-group-item {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Texto de nombre, dirección, moneda */
#order-standard_cart .account-select-container span,
#order-standard_cart .account-select-container div,
#order-standard_cart .account-select-container small,
#order-standard_cart .account-selection span,
#order-standard_cart .account-selection div,
#order-standard_cart .account-selection small,
#order-standard_cart .checkout-account span,
#order-standard_cart .checkout-account div,
#order-standard_cart .checkout-account small {
  color: rgba(255,255,255,0.88) !important;
}

/* Radio seleccionado */
#order-standard_cart .account-select-container input[type="radio"],
#order-standard_cart .account-selection input[type="radio"],
#order-standard_cart .checkout-account input[type="radio"] {
  accent-color: #f2b61d !important;
}

/* Opción activa */
#order-standard_cart .account-select-container .active,
#order-standard_cart .account-selection .active,
#order-standard_cart .checkout-account .active {
  background: #111111 !important;
  color: #ffffff !important;
}

/* Crear cuenta nueva */
#order-standard_cart label[for*="new"],
#order-standard_cart label[for*="account"],
#order-standard_cart .create-account,
#order-standard_cart .create-account * {
  color: rgba(255,255,255,0.88) !important;
}

/* Evitar fondos blancos dentro de la selección de cuenta */
#order-standard_cart div[class*="account"],
#order-standard_cart div[class*="Account"],
#order-standard_cart div[class*="client"],
#order-standard_cart div[class*="Client"] {
  background-color: transparent !important;
}

/* Caja específica si el bloque usa estilos genéricos */
#order-standard_cart .checkout-container .panel,
#order-standard_cart .checkout-container .card,
#order-standard_cart .checkout-container .list-group-item {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* =========================================
   FIX DEFINITIVO LOGIN - ICONOS INPUTS
========================================= */

/* Contenedor de inputs del login */
.card-body .input-group.input-group-merge {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Bloque del icono izquierdo */
.card-body .input-group.input-group-merge .input-group-prepend,
.card-body .input-group.input-group-merge .input-group-text {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #f2b61d !important;
  border: none !important;
  border-right: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: none !important;
}

/* Icono user/key */
.card-body .input-group.input-group-merge .input-group-text i,
.card-body .input-group.input-group-merge .input-group-prepend i {
  color: #f2b61d !important;
}

/* Inputs login */
.card-body .input-group.input-group-merge input.form-control {
  background: #111111 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Placeholder */
.card-body .input-group.input-group-merge input.form-control::placeholder {
  color: rgba(255,255,255,0.48) !important;
}

/* Botón ojo de contraseña */
.card-body .input-group.input-group-merge .input-group-append,
.card-body .input-group.input-group-merge .btn-reveal-pw {
  background: #111111 !important;
  border: none !important;
  border-left: 1px solid rgba(255,255,255,0.14) !important;
  color: #f2b61d !important;
  box-shadow: none !important;
}

/* Icono ojo */
.card-body .input-group.input-group-merge .btn-reveal-pw i {
  color: #f2b61d !important;
}

/* Botón iniciar sesión */
.card-body button#login.btn-primary {
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 11px 20px !important;
  font-weight: 800 !important;
}

/* Checkbox recordar */
.card-body input[name="rememberme"] {
  accent-color: #f2b61d !important;
}

/* Texto y links */
.card-body .form-control-label,
.card-body label,
.card-body .text-muted,
.card-body p,
.card-body a {
  color: rgba(255,255,255,0.85) !important;
}

.card-body a:hover {
  color: #f2b61d !important;
}

/* =========================================
   FIX ÁREA DE CLIENTE / DASHBOARD
========================================= */

/* Paneles del dashboard */
.client-home-panels .panel,
.client-home-panels .card,
.client-home-panels .panel-body,
.client-home-panels .card-body,
.client-home-panels .panel-footer,
.client-home-panels .card-footer {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Evitar franjas blancas inferiores */
.client-home-panels .panel-footer,
.client-home-panels .card-footer,
.client-home-panels .footer {
  background: #0b0b0b !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
}

/* Textos dentro de los paneles */
.client-home-panels *,
.client-home-panels p,
.client-home-panels span,
.client-home-panels small,
.client-home-panels div,
.client-home-panels a {
  color: #ffffff !important;
}

/* Links pequeños tipo "Ver más..." */
.client-home-panels a,
.client-home-panels .btn-link {
  color: #f2b61d !important;
}

/* Tarjetas superiores de métricas */
.tiles .tile,
.tile,
.home-tile,
.client-home-panels .tile {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
}

/* Texto de tarjetas superiores */
.tiles .tile *,
.tile *,
.home-tile * {
  color: #ffffff !important;
}

/* Iconos grandes de servicios/facturas/tickets */
.tiles .tile i,
.tile i,
.home-tile i {
  color: #f2b61d !important;
}

/* Sidebar izquierda */
.sidebar .panel,
.sidebar .panel-sidebar,
.sidebar .panel-body,
.sidebar .list-group,
.sidebar .list-group-item {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Bloques blancos dentro del sidebar */
.sidebar .panel-footer,
.sidebar .card-footer,
.sidebar .list-group-item:last-child {
  background: #0b0b0b !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Textos sidebar */
.sidebar *,
.sidebar p,
.sidebar span,
.sidebar div,
.sidebar a {
  color: #ffffff !important;
}

/* Botones sidebar */
.sidebar .btn,
.sidebar a.btn {
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* Noticias recientes */
.client-home-panels .announcement-single,
.client-home-panels .announcement-single *,
.client-home-panels .list-group-item {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Botones pequeños: Mis servicios, abrir ticket, ver todo */
.client-home-panels .btn,
.client-home-panels a.btn {
  background: transparent !important;
  color: #f2b61d !important;
  border: 1px solid rgba(242,182,29,0.55) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.client-home-panels .btn:hover,
.client-home-panels a.btn:hover {
  background: #f2b61d !important;
  color: #111111 !important;
}

/* Mensajes vacíos */
.client-home-panels .empty,
.client-home-panels .no-data,
.client-home-panels .text-center {
  color: rgba(255,255,255,0.78) !important;
}

/* =========================================
   FIX DEFINITIVO FRANJAS BLANCAS CLIENT HOME
========================================= */

/* Cards del área cliente */
.client-home-cards .card,
#servicesPanel,
#ticketsPanel,
#announcementsPanel {
  background: #0b0b0b !important;
  border: 1px solid rgba(242,182,29,0.35) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  color: #ffffff !important;
}

/* Header de los cuadros */
.client-home-cards .card-header,
#servicesPanel .card-header,
#ticketsPanel .card-header,
#announcementsPanel .card-header {
  background: #0b0b0b !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
}

/* Body de los cuadros */
.client-home-cards .card-body,
#servicesPanel .card-body,
#ticketsPanel .card-body,
#announcementsPanel .card-body {
  background: #0b0b0b !important;
  color: #ffffff !important;
}

/* AQUÍ ESTÁ LA FRANJA BLANCA */
.client-home-cards .card-footer,
#servicesPanel .card-footer,
#ticketsPanel .card-footer,
#announcementsPanel .card-footer {
  background: #0b0b0b !important;
  background-color: #0b0b0b !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
  min-height: 38px !important;
}

/* Quitar cualquier blanco dentro del footer */
.client-home-cards .card-footer *,
#servicesPanel .card-footer *,
#ticketsPanel .card-footer *,
#announcementsPanel .card-footer * {
  background: transparent !important;
  color: #f2b61d !important;
}

/* Link Ver más */
.client-home-cards .btn-view-more,
#servicesPanel .btn-view-more,
#ticketsPanel .btn-view-more,
#announcementsPanel .btn-view-more {
  color: #f2b61d !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* Panel de noticias */
#announcementsPanel .list-group,
#announcementsPanel .list-group-item,
#ClientAreaHomePagePanels-Recent_News-0 {
  background: #0b0b0b !important;
  background-color: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.10) !important;
}

/* Texto dentro de noticias */
#announcementsPanel .list-group-item *,
#announcementsPanel .text-last-updated {
  color: rgba(255,255,255,0.78) !important;
}

/* Links dentro de los cuadros */
.client-home-cards .card-body a,
#servicesPanel .card-body a,
#ticketsPanel .card-body a,
#announcementsPanel .card-body a {
  color: #f2b61d !important;
}

/* Botones superiores: Mis servicios / Abrir ticket / Ver todo */
.client-home-cards .card-header .btn,
#servicesPanel .card-header .btn,
#ticketsPanel .card-header .btn,
#announcementsPanel .card-header .btn {
  background: transparent !important;
  color: #f2b61d !important;
  border: 1px solid rgba(242,182,29,0.55) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.client-home-cards .card-header .btn:hover,
#servicesPanel .card-header .btn:hover,
#ticketsPanel .card-header .btn:hover,
#announcementsPanel .card-header .btn:hover {
  background: #f2b61d !important;
  color: #111111 !important;
}

/* Iconos de los títulos */
.client-home-cards .card-title i,
#servicesPanel .card-title i,
#ticketsPanel .card-title i,
#announcementsPanel .card-title i {
  color: #f2b61d !important;
}


/* =========================================
   FIX STRIPE - PERMITIR DIGITAR TARJETA
========================================= */

/* Contenedor Stripe */
#order-standard_cart .payment-method,
#order-standard_cart .payment-methods,
#order-standard_cart .gateway-input-container,
#order-standard_cart .cc-input-container,
#order-standard_cart .stripe-credit-card,
#order-standard_cart .stripe-elements-field,
#order-standard_cart .card-input-container {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* Inputs / iframes de Stripe */
#order-standard_cart iframe,
#order-standard_cart iframe[name*="__privateStripeFrame"],
#order-standard_cart .StripeElement,
#order-standard_cart .__PrivateStripeElement,
#order-standard_cart .stripe-elements-field iframe {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 5 !important;
  min-height: 38px !important;
}

/* Evitar que labels/capas se pongan encima */
#order-standard_cart .gateway-input-container label,
#order-standard_cart .cc-input-container label,
#order-standard_cart .stripe-credit-card label,
#order-standard_cart .card-input-container label {
  pointer-events: none !important;
}

/* Campos visuales de Stripe */
#order-standard_cart .StripeElement,
#order-standard_cart .__PrivateStripeElement {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  color: #ffffff !important;
}

/* Quitar cualquier overlay accidental dentro del pago */
#order-standard_cart .gateway-input-container::before,
#order-standard_cart .gateway-input-container::after,
#order-standard_cart .cc-input-container::before,
#order-standard_cart .cc-input-container::after,
#order-standard_cart .stripe-credit-card::before,
#order-standard_cart .stripe-credit-card::after {
  display: none !important;
  content: none !important;
}

/* Evitar que el CSS global aplaste los campos */
#order-standard_cart .payment-methods input,
#order-standard_cart .payment-methods select,
#order-standard_cart .payment-methods textarea,
#order-standard_cart .gateway-input-container input,
#order-standard_cart .cc-input-container input {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: text !important;
}

/* =========================================
   FIX STRIPE ELEMENTS - TEXTO BLANCO EN IFRAMES
========================================= */

/* Contenedores visuales de Stripe */
#order-standard_cart #stripeCreditCard,
#order-standard_cart #stripeExpiryDate,
#order-standard_cart #stripeCvc,
#order-standard_cart .StripeElement {
  background: #111111 !important;
  background-color: #111111 !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  min-height: 42px !important;
  padding: 11px 12px !important;
  box-shadow: none !important;
}

/* Iframes internos de Stripe: invertir texto negro a blanco */
#order-standard_cart #stripeCreditCard iframe,
#order-standard_cart #stripeExpiryDate iframe,
#order-standard_cart #stripeCvc iframe,
#order-standard_cart .StripeElement iframe {
  filter: invert(1) brightness(1.6) contrast(1.15) !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Asegurar visibilidad del iframe */
#order-standard_cart .__PrivateStripeElement,
#order-standard_cart .__PrivateStripeElement iframe {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Cuando el campo está enfocado */
#order-standard_cart .StripeElement--focus,
#order-standard_cart #stripeCreditCard.StripeElement--focus,
#order-standard_cart #stripeExpiryDate.StripeElement--focus,
#order-standard_cart #stripeCvc.StripeElement--focus {
  border-color: #f2b61d !important;
  box-shadow: 0 0 0 3px rgba(242,182,29,0.18) !important;
}

/* Cuando hay error */
#order-standard_cart .StripeElement--invalid {
  border-color: rgba(255,80,80,0.75) !important;
}

/* Labels de Stripe */
#order-standard_cart .stripe-cards-inputs label,
#order-standard_cart label[for="stripeCreditCard"],
#order-standard_cart label[for="stripeExpiryDate"],
#order-standard_cart label[for="stripeCvc"] {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Campo nombre de tarjeta opcional */
#order-standard_cart #inputDescription {
  background: #111111 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 10px !important;
}

#order-standard_cart #inputDescription::placeholder {
  color: rgba(255,255,255,0.52) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.52) !important;
}

/* =========================================
   FIX SIDEBAR CATEGORÍAS CUANDO USUARIO ESTÁ LOGEADO
========================================= */

/* Mostrar columna/sidebar del carrito aunque el usuario esté logeado */
#order-standard_cart .sidebar,
#order-standard_cart .primary-sidebar,
#order-standard_cart .secondary-sidebar,
#order-standard_cart .col-md-3,
#order-standard_cart .col-sm-3,
#order-standard_cart .col-lg-3 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Mostrar panel de categorías de tienda */
#order-standard_cart #Primary_Sidebar-Categories,
#order-standard_cart #Secondary_Sidebar-Categories,
#order-standard_cart [menuitemname="Categories"],
#order-standard_cart [menuitemname="Categorías"],
#order-standard_cart [menuitemname="Store Categories"],
#order-standard_cart [menuitemname="Product Categories"],
#order-standard_cart .sidebar-collapsed-panel,
#order-standard_cart .panel-sidebar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Mantener oculto SOLO acciones */
#order-standard_cart #Primary_Sidebar-Actions,
#order-standard_cart #Secondary_Sidebar-Actions,
#order-standard_cart [menuitemname="Actions"],
#order-standard_cart [menuitemname="Acciones"] {
  display: none !important;
}

/* Si WHMCS mete otros paneles del cliente logeado, ocultarlos solo en carrito */
#order-standard_cart [menuitemname="Client Details"],
#order-standard_cart [menuitemname="Your Info"],
#order-standard_cart [menuitemname="Su información"],
#order-standard_cart [menuitemname="Contacts"],
#order-standard_cart [menuitemname="Contactos"] {
  display: none !important;
}

/* Estilo visual del panel categorías */
#order-standard_cart .sidebar .panel,
#order-standard_cart .sidebar .panel-sidebar,
#order-standard_cart .sidebar .card {
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  overflow: hidden !important;
}

/* Header del panel */
#order-standard_cart .sidebar .panel-heading,
#order-standard_cart .sidebar .card-header {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

/* Links de categoría */
#order-standard_cart .sidebar a,
#order-standard_cart .sidebar .list-group-item {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.10) !important;
}

#order-standard_cart .sidebar a:hover,
#order-standard_cart .sidebar .list-group-item:hover {
  color: #f2b61d !important;
}

/* =========================================
   FIX ÁREA CLIENTE - LISTA DE SERVICIOS
========================================= */

/* Tabla de servicios */
#tableServicesList,
#tableServicesList_wrapper,
.dataTables_wrapper,
.table-container,
.table-list {
  background: #0b0b0b !important;
  color: #ffffff !important;
}

/* Encabezado de tabla */
#tableServicesList thead,
#tableServicesList thead tr,
#tableServicesList thead th,
.dataTables_wrapper table thead,
.dataTables_wrapper table thead tr,
.dataTables_wrapper table thead th {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Cuerpo de tabla */
#tableServicesList tbody,
#tableServicesList tbody tr,
#tableServicesList tbody td,
.dataTables_wrapper table tbody,
.dataTables_wrapper table tbody tr,
.dataTables_wrapper table tbody td {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.10) !important;
}

/* Fila vacía: No hay entradas */
#tableServicesList .dataTables_empty,
.dataTables_empty,
table.dataTable tbody td.dataTables_empty {
  background: #0b0b0b !important;
  color: rgba(255,255,255,0.75) !important;
}

/* Buscador de la tabla */
.dataTables_filter input,
#tableServicesList_filter input,
.dataTables_wrapper .form-control {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
}

.dataTables_filter input::placeholder,
#tableServicesList_filter input::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

/* Mostrar cantidad de entradas */
.dataTables_length select,
.dataTables_length input,
#tableServicesList_length select,
#tableServicesList_length input {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 10px !important;
}

/* Texto "Mostrando..." / "Mostrar entradas" */
.dataTables_info,
.dataTables_length,
.dataTables_filter,
.dataTables_wrapper label {
  color: #ffffff !important;
}

/* Paginación */
.dataTables_paginate,
.dataTables_paginate a,
.dataTables_paginate .paginate_button,
.pagination,
.pagination li,
.pagination li a,
.pagination .page-link {
  background: #0b0b0b !important;
  color: #f2b61d !important;
  border-color: rgba(242,182,29,0.35) !important;
}

/* Botones anterior/siguiente */
.dataTables_paginate .paginate_button,
.pagination .page-link {
  border-radius: 10px !important;
  margin-left: 4px !important;
  padding: 8px 12px !important;
}

.dataTables_paginate .paginate_button:hover,
.pagination .page-link:hover {
  background: #f2b61d !important;
  color: #111111 !important;
}

/* Paginación deshabilitada */
.dataTables_paginate .paginate_button.disabled,
.pagination .disabled .page-link {
  background: #111111 !important;
  color: rgba(255,255,255,0.42) !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Sidebar de filtros */
.sidebar .panel,
.sidebar .panel-sidebar,
.sidebar .card,
.sidebar .list-group,
.sidebar .list-group-item {
  background: #0b0b0b !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Checkboxes/radios de filtros */
.sidebar input[type="checkbox"],
.sidebar input[type="radio"] {
  accent-color: #f2b61d !important;
}

/* Cuadritos blancos de filtros */
.sidebar .icheckbox_square-blue,
.sidebar .iradio_square-blue {
  background-color: #111111 !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 6px !important;
}

/* =========================================
   SIDEBAR SERVICIOS - FILTRO ACTIVO AMARILLO
========================================= */

/* Item seleccionado del filtro */
.view-filter-btns .list-group-item.active,
.view-filter-btns a.list-group-item.active,
#Primary_Sidebar-My_Services_Status_Filter-Active.active,
#Primary_Sidebar-My_Services_Status_Filter-Pending.active,
#Primary_Sidebar-My_Services_Status_Filter-Suspended.active,
#Primary_Sidebar-My_Services_Status_Filter-Terminated.active,
#Primary_Sidebar-My_Services_Status_Filter-Cancelled.active {
  background: rgba(242,182,29,0.12) !important;
  border: 1px solid #f2b61d !important;
  color: #f2b61d !important;
  border-radius: 10px !important;
}

/* Texto del item seleccionado */
.view-filter-btns .list-group-item.active span,
.view-filter-btns .list-group-item.active .sidebar-menu-item-label,
.view-filter-btns .list-group-item.active .sidebar-menu-item-label span {
  color: #f2b61d !important;
}

/* Icono seleccionado */
.view-filter-btns .list-group-item.active i,
.view-filter-btns .list-group-item.active .sidebar-menu-item-icon {
  color: #f2b61d !important;
}

/* Iconos normales */
.view-filter-btns .list-group-item i,
.view-filter-btns .sidebar-menu-item-icon {
  color: rgba(255,255,255,0.9) !important;
}

/* Badge del contador */
.view-filter-btns .list-group-item .badge {
  background: #ffffff !important;
  color: #111111 !important;
  border-radius: 6px !important;
}

/* Badge cuando está activo */
.view-filter-btns .list-group-item.active .badge {
  background: #f2b61d !important;
  color: #111111 !important;
}


/* =========================================
   FIX MOBILE - ESPACIADO Y OCULTAR ACCIONES
========================================= */

@media (max-width: 768px) {

  /* Padding general móvil */
  body,
  #main-body,
  section#main-body,
  .main-content {
    overflow-x: hidden !important;
  }

  #main-body .container,
  section#main-body .container,
  .main-content .container,
  .container,
  .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 100% !important;
  }

  /* Evitar que los bloques se peguen a los bordes */
  #order-standard_cart,
  #order-standard_cart .row,
  #order-standard_cart .col-md-3,
  #order-standard_cart .col-md-9,
  #order-standard_cart .col-sm-3,
  #order-standard_cart .col-sm-9,
  #order-standard_cart .col-lg-3,
  #order-standard_cart .col-lg-9,
  #order-standard_cart .col-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Ocultar Acciones en móvil */
  #order-standard_cart [menuitemname="Actions"],
  #order-standard_cart [menuitemname="Acciones"],
  #order-standard_cart #Primary_Sidebar-Actions,
  #order-standard_cart #Secondary_Sidebar-Actions,
  #order-standard_cart .sidebar [menuitemname="Actions"],
  #order-standard_cart .sidebar [menuitemname="Acciones"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Por si el bloque Acciones aparece como segundo panel */
  #order-standard_cart .sidebar .card-sidebar.panel-actions,
  #order-standard_cart .sidebar .panel-actions,
  #order-standard_cart .sidebar .card[menuitemname="Actions"],
  #order-standard_cart .sidebar .card[menuitemname="Acciones"] {
    display: none !important;
  }

  /* Separar sidebar del título */
  #order-standard_cart .sidebar,
  #main-body .sidebar {
    margin-bottom: 22px !important;
  }

  /* Título móvil */
  h1 {
    font-size: 30px !important;
    line-height: 1.18 !important;
    margin-bottom: 20px !important;
  }

  /* Caja de dominio */
  #order-standard_cart .domain-selection-options,
  .domain-selection-options {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }



  /* Botón Continuar con separación */
  #order-standard_cart .btn-checkout,
  #order-standard_cart .checkout,
  #order-standard_cart button[type="submit"].btn-primary,
  #order-standard_cart a.btn-primary {
    margin-top: 14px !important;
  }

  /* Header móvil más limpio */
  #header,
  section#header,
  .header {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Logo móvil */
  .navbar-brand,
  .navbar-brand a,
  #header .logo-text {
    width: 130px !important;
    height: 44px !important;
  }

  /* Footer móvil */
  #footer,
  .footer,
  section#footer {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center !important;
  }
}


/* =========================================
   MOBILE - OCULTAR PANELES SELECT CATEGORÍAS/ACCIONES
========================================= */

@media (max-width: 768px) {

  /* Oculta paneles móviles que tienen selector interno */
  #order-standard_cart .panel.card.panel-default:has(select.custom-select),
  #order-standard_cart .panel.card.panel-default:has(select.form-control),
  #order-standard_cart .card.panel-default:has(select.custom-select),
  #order-standard_cart .card.panel-default:has(select.form-control) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Ocultar específicamente el panel que tiene opción Ver carrito */
  #order-standard_cart .panel.card:has(option[value="/cart.php?a=view"]),
  #order-standard_cart .card:has(option[value="/cart.php?a=view"]) {
    display: none !important;
  }

  /* Quitar espacio que queda después de ocultarlo */
  #order-standard_cart .panel.card.panel-default + .panel.card.panel-default,
  #order-standard_cart .card.panel-default + .card.panel-default {
    margin-top: 0 !important;
  }
}

/* =========================================
   MOBILE - OCULTAR CUPÓN / PROMOCODE
========================================= */

@media (max-width: 768px) {

  /* Ocultar bloque de cupón en carrito móvil */
  #order-standard_cart .view-cart-tabs,
  #order-standard_cart #applyPromo,
  #order-standard_cart .tab-pane.promo,
  #order-standard_cart .promo,
  #order-standard_cart .promo-code-cart-container,
  #order-standard_cart .promo-code-form,
  #order-standard_cart .promotion-code {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Quitar espacio que queda entre carrito y resumen */
  #order-standard_cart .view-cart-tabs + *,
  #order-standard_cart .promo + * {
    margin-top: 0 !important;
  }
}

/* =========================================
   FIX MOBILE DOMINIO - MÁS AIRE Y ORDEN
========================================= */

@media (max-width: 768px) {


  /* Texto de la opción */
  #order-standard_cart .domain-selection-options label,
  #order-standard_cart .domain-selection-options .radio label {
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
    display: block !important;
  }


  /* Botón Usar */
  #order-standard_cart .domain-selection-options .btn,
  #order-standard_cart .domain-selection-options button[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    margin-top: 18px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
  }

  /* Separar botón continuar */
  #order-standard_cart .btn-checkout,
  #order-standard_cart .checkout,
  #order-standard_cart a.btn-primary,
  #order-standard_cart button[type="submit"].btn-primary {
    margin-top: 18px !important;
  }
}


/* =========================================
   MOBILE FINAL - OCULTAR CATEGORÍAS Y ACCIONES
   Mantener solo formulario de dominio
========================================= */

@media (max-width: 768px) {

  /* Ocultar paneles móviles de Categorías y Acciones */
  #order-standard_cart .panel.card.panel-default:has(select.custom-select),
  #order-standard_cart .panel.card.panel-default:has(select.form-control),
  #order-standard_cart .card.panel-default:has(select.custom-select),
  #order-standard_cart .card.panel-default:has(select.form-control),
  #order-standard_cart .panel:has(option[value="/cart.php?a=view"]),
  #order-standard_cart .card:has(option[value="/cart.php?a=view"]),
  #order-standard_cart .panel:has(option[menuitemname="View Cart"]),
  #order-standard_cart .card:has(option[menuitemname="View Cart"]) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Ocultar cualquier sidebar del carrito en móvil */
  #order-standard_cart .sidebar,
  #order-standard_cart .primary-sidebar,
  #order-standard_cart .secondary-sidebar,
  #order-standard_cart .cart-sidebar,
  #order-standard_cart aside {
    display: none !important;
  }

  /* Mantener el formulario de dominio visible */
  #order-standard_cart .domain-selection-options,
  #order-standard_cart .domain-selection-options .option,
  #order-standard_cart .domain-selection-options .input-group,
  #order-standard_cart .domain-selection-options input,
  #order-standard_cart .domain-selection-options select,
  #order-standard_cart .domain-selection-options button {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Quitar padding interno que apretaba la opción */
  #order-standard_cart .domain-selection-options .option {
    padding: 0 !important;
    margin-bottom: 18px !important;
    background: transparent !important;
  }

  /* Mantener aire en la caja principal */
  #order-standard_cart .domain-selection-options {
    padding: 28px 22px !important;
    border-radius: 18px !important;
  }
}

/* =========================================
   MOBILE FINAL - OCULTAR CATEGORÍAS Y ACCIONES
   Mantener solo formulario de dominio
========================================= */

@media (max-width: 768px) {

  /* Ocultar paneles móviles de Categorías y Acciones */
  #order-standard_cart .panel.card.panel-default:has(select.custom-select),
  #order-standard_cart .panel.card.panel-default:has(select.form-control),
  #order-standard_cart .card.panel-default:has(select.custom-select),
  #order-standard_cart .card.panel-default:has(select.form-control),
  #order-standard_cart .panel:has(option[value="/cart.php?a=view"]),
  #order-standard_cart .card:has(option[value="/cart.php?a=view"]),
  #order-standard_cart .panel:has(option[menuitemname="View Cart"]),
  #order-standard_cart .card:has(option[menuitemname="View Cart"]) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Ocultar cualquier sidebar del carrito en móvil */
  #order-standard_cart .sidebar,
  #order-standard_cart .primary-sidebar,
  #order-standard_cart .secondary-sidebar,
  #order-standard_cart .cart-sidebar,
  #order-standard_cart aside {
    display: none !important;
  }

  /* Mantener el formulario de dominio visible */
  #order-standard_cart .domain-selection-options,
  #order-standard_cart .domain-selection-options .option,
  #order-standard_cart .domain-selection-options .input-group,
  #order-standard_cart .domain-selection-options input,
  #order-standard_cart .domain-selection-options select,
  #order-standard_cart .domain-selection-options button {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Quitar padding interno que apretaba la opción */
  #order-standard_cart .domain-selection-options .option {
    padding: 0 !important;
    margin-bottom: 18px !important;
    background: transparent !important;
  }

  /* Mantener aire en la caja principal */
  #order-standard_cart .domain-selection-options {
    padding: 28px 22px !important;
    border-radius: 18px !important;
  }
}

/* =========================================
   MOBILE FIX - BLOQUE YA REGISTRADO CHECKOUT
========================================= */

@media (max-width: 768px) {

  /* Contenedor superior de checkout */
  #order-standard_cart .already-registered {
    background: transparent !important;
    background-color: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Quitar fondo azul raro de cualquier hijo */
  #order-standard_cart .already-registered *,
  #order-standard_cart .already-registered .pull-right,
  #order-standard_cart .already-registered .float-right {
    background-color: transparent !important;
  }

  /* Botones */
  #order-standard_cart .already-registered .pull-right,
  #order-standard_cart .already-registered .float-right {
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 2 !important;
  }

  #order-standard_cart #btnAlreadyRegistered,
  #order-standard_cart #btnNewUserSignup {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #f2b61d !important;
    color: #111111 !important;
    font-weight: 800 !important;
    border: none !important;
  }

  /* Texto que estaba oculto */
  #order-standard_cart .already-registered p,
  #order-standard_cart .already-registered p.text-sm-left,
  #order-standard_cart .already-registered p.overflow-hidden {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,0.82) !important;
    line-height: 1.55 !important;
    order: 1 !important;
  }
}


/* =========================================
   MOBILE FIX - BLOQUE YA REGISTRADO CHECKOUT
========================================= */

@media (max-width: 768px) {

  /* Contenedor superior de checkout */
  #order-standard_cart .already-registered {
    background: transparent !important;
    background-color: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Quitar fondo azul raro de cualquier hijo */
  #order-standard_cart .already-registered *,
  #order-standard_cart .already-registered .pull-right,
  #order-standard_cart .already-registered .float-right {
    background-color: transparent !important;
  }

  /* Botones */
  #order-standard_cart .already-registered .pull-right,
  #order-standard_cart .already-registered .float-right {
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 2 !important;
  }

  #order-standard_cart #btnAlreadyRegistered,
  #order-standard_cart #btnNewUserSignup {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #f2b61d !important;
    color: #111111 !important;
    font-weight: 800 !important;
    border: none !important;
  }

  /* Texto que estaba oculto */
  #order-standard_cart .already-registered p,
  #order-standard_cart .already-registered p.text-sm-left,
  #order-standard_cart .already-registered p.overflow-hidden {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,0.82) !important;
    line-height: 1.55 !important;
    order: 1 !important;
  }
}


/* =========================================
   FOOTER FINAL - NEGRO Y SIN CONTACTO
========================================= */

/* Fondo negro del footer */
#footer,
.footer,
section#footer {
  background: #000000 !important;
  background-color: #000000 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

/* Ocultar texto Contactenos / Contáctenos */
#footer h3,
#footer h4,
#footer .footer-menu,
#footer .footer-links,
#footer .footer-col:first-child,
.footer h3,
.footer h4,
.footer .footer-menu,
.footer .footer-links,
.footer .footer-col:first-child,
section#footer h3,
section#footer h4 {
  display: none !important;
}

/* Por si "Contáctenos" está como link o texto suelto */
#footer a[href*="contact"],
#footer a[href*="contactanos"],
#footer a[href*="contactenos"],
.footer a[href*="contact"],
.footer a[href*="contactanos"],
.footer a[href*="contactenos"] {
  display: none !important;
}

/* Mantener visible copyright y selector idioma/moneda */
#footer .copyright,
.footer .copyright,
#footer .language-popover,
.footer .language-popover,
#footer .language-chooser,
.footer .language-chooser,
#footer .btn,
.footer .btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Color del copyright */
#footer,
#footer p,
#footer span,
.footer,
.footer p,
.footer span {
  color: rgba(255,255,255,0.72) !important;
}

/* Mobile footer */
@media (max-width: 768px) {
  #footer,
  .footer,
  section#footer {
    background: #000000 !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    text-align: center !important;
  }
}


/* =========================================
   FONDO GENERAL NEGRO PURO
========================================= */

/* Fondo global */
html,
body,
#main-body,
section#main-body,
.main-content,
#order-standard_cart,
#order-standard_cart .container,
#order-standard_cart .container-fluid {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Header y barras superiores */
#header,
section#header,
.header,
.navbar,
.navbar-main,
.main-navbar-wrapper,
section#main-menu,
.breadcrumb,
.master-breadcrumb,
.breadcrumb-wrapper {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Área central que se ve gris detrás del formulario */
#order-standard_cart .row,
#order-standard_cart .main-content,
#order-standard_cart .content,
#main-body .container,
section#main-body .container,
.main-content .container {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Paneles exteriores */
.card,
.panel,
.sidebar .panel,
.sidebar .card,
.domain-selection-options,
.store-order-container,
.configure-product,
.checkout-container,
.client-home-cards .card,
.client-home-panels .panel {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Cajas internas: dejamos un negro apenas distinto para que se distingan */
.domain-selection-options,
#order-standard_cart .domain-selection-options,
#order-standard_cart .view-cart-items,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .view-cart-tabs,
#order-standard_cart .payment-method,
#order-standard_cart .cc-input-container,
#order-standard_cart .gateway-input-container,
.logincontainer,
.login-container {
  background: #050505 !important;
  background-color: #050505 !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Footer negro puro */
#footer,
.footer,
section#footer {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* =========================================
   ELIMINAR GRIS DE FONDO - NEGRO PURO
========================================= */

/* Fondo negro absoluto en toda la página */
html,
body,
#main-body,
section#main-body,
.main-content,
.main-content *,
#order-standard_cart,
#order-standard_cart *,
body > div,
body > section {
  background-color: #000000 !important;
}

/* Mantener inputs/cajas con negro suave para que se distingan */
#order-standard_cart input,
#order-standard_cart select,
#order-standard_cart textarea,
#order-standard_cart .form-control,
#order-standard_cart .custom-select,
#order-standard_cart .domain-selection-options,
#order-standard_cart .panel,
#order-standard_cart .card,
#order-standard_cart .sidebar .panel,
#order-standard_cart .sidebar .card,
#order-standard_cart .order-summary,
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-tabs {
  background-color: #050505 !important;
}

/* Caja grande donde se ve el gris feo */
#main-body .container,
section#main-body .container,
.main-content .container,
#order-standard_cart .container,
#order-standard_cart .container-fluid,
#order-standard_cart .row,
#order-standard_cart [class*="col-"],
#order-standard_cart .main-content,
#order-standard_cart .content,
#order-standard_cart .pull-md-right,
#order-standard_cart .pull-md-left {
  background-color: #000000 !important;
}

/* Panel exterior detrás del formulario */
#order-standard_cart .products,
#order-standard_cart .products-grid,
#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-selection-options,
#order-standard_cart .store-order-container,
#order-standard_cart .view-cart-container,
#order-standard_cart .checkout-container {
  background-color: #000000 !important;
}

/* Header/footer negro puro */
#header,
section#header,
.header,
.navbar,
.navbar-main,
#footer,
.footer,
section#footer {
  background-color: #000000 !important;
}

/* Evitar fondos grises heredados de Bootstrap/Nexus */
.bg-light,
.bg-white,
.bg-gray,
.bg-grey,
.bg-default,
.bg-secondary,
.card.bg-light,
.card.bg-white,
.panel.bg-light,
.panel.bg-white,
div[class*="bg-light"],
div[class*="bg-white"],
div[class*="gray"],
div[class*="grey"] {
  background-color: #000000 !important;
}

/* Mantener bordes visibles */
#order-standard_cart .domain-selection-options,
#order-standard_cart .panel,
#order-standard_cart .card,
#order-standard_cart .sidebar .panel,
#order-standard_cart .sidebar .card {
  border-color: rgba(255,255,255,0.14) !important;
}

/* =========================================
   FIX CONFIGURAR - CICLO DE FACTURACIÓN
========================================= */

/* Quitar fondo gris del bloque de facturación */
#order-standard_cart .product-configurable-options,
#order-standard_cart .field-container,
#order-standard_cart .configurable-options,
#order-standard_cart .billing-cycle,
#order-standard_cart .billing-cycle-container,
#order-standard_cart .form-group,
#order-standard_cart .form-group.row {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Label "Seleccionar ciclo de facturación" */
#order-standard_cart label,
#order-standard_cart .form-control-label,
#order-standard_cart .field-label {
  background: transparent !important;
  color: #ffffff !important;
}

/* Select/precio del ciclo */
#order-standard_cart select[name="billingcycle"],
#order-standard_cart .billingcycle,
#order-standard_cart .form-control[name="billingcycle"],
#order-standard_cart select.form-control {
  background: #050505 !important;
  background-color: #050505 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 12px !important;
}

/* Eliminar rectángulos grises de columnas internas */
#order-standard_cart .product-configurable-options .row,
#order-standard_cart .product-configurable-options [class*="col-"],
#order-standard_cart .field-container .row,
#order-standard_cart .field-container [class*="col-"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Caja del producto */
#order-standard_cart .product-info,
#order-standard_cart .product-info .product-title,
#order-standard_cart .product-info .product-name {
  background: #050505 !important;
  background-color: #050505 !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 14px !important;
}

/* =========================================
   FIX FINAL - RESUMEN PEDIDO + ICONO CONTINUAR
========================================= */

/* =========================
   RESUMEN DEL PEDIDO
========================= */

#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .summary-container .clearfix,
#order-standard_cart .summary-totals,
#order-standard_cart .total-due-today {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Encabezado Resumen del pedido */
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3,
#order-standard_cart .summary-container h2,
#order-standard_cart .summary-container h3,
#order-standard_cart .summary-container .order-summary-title {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.16) !important;
}

/* Quitar fondos grises/negros raros internos */
#order-standard_cart .order-summary div,
#order-standard_cart .order-summary span,
#order-standard_cart .order-summary p,
#order-standard_cart .order-summary small,
#order-standard_cart .summary-container div,
#order-standard_cart .summary-container span,
#order-standard_cart .summary-container p,
#order-standard_cart .summary-container small {
  background: transparent !important;
  background-color: transparent !important;
}

/* Caja total */
#order-standard_cart .summary-container .total-due-today,
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .summary-container .total,
#order-standard_cart .order-summary .total {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #f2b61d !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
  padding-top: 14px !important;
}

/* Textos del resumen */
#order-standard_cart .order-summary *,
#order-standard_cart .summary-container * {
  color: #ffffff !important;
}

/* Precio total dorado */
#order-standard_cart .order-summary .amt,
#order-standard_cart .summary-container .amt,
#order-standard_cart .order-summary .price,
#order-standard_cart .summary-container .price,
#order-standard_cart .order-summary .total-due-today span,
#order-standard_cart .summary-container .total-due-today span {
  color: #f2b61d !important;
  font-weight: 900 !important;
}

/* Bordes del resumen */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container {
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* =========================
   BOTÓN CONTINUAR
========================= */

#order-standard_cart .btn-checkout,
#order-standard_cart .checkout,
#order-standard_cart button[type="submit"].btn-primary,
#order-standard_cart a.btn-primary,
#order-standard_cart .order-summary .btn,
#order-standard_cart .summary-container .btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #f2b61d !important;
  background-color: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
}

/* Quitar cuadro oscuro al icono */
#order-standard_cart .btn-checkout i,
#order-standard_cart .checkout i,
#order-standard_cart button[type="submit"].btn-primary i,
#order-standard_cart a.btn-primary i,
#order-standard_cart .order-summary .btn i,
#order-standard_cart .summary-container .btn i,
#order-standard_cart .btn .fa,
#order-standard_cart .btn .fas,
#order-standard_cart .btn .far {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #111111 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 0 0 6px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Si el icono está envuelto en span */
#order-standard_cart .btn span,
#order-standard_cart .btn span *,
#order-standard_cart button span,
#order-standard_cart button span * {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Evitar que FontAwesome herede cajas */
#order-standard_cart i.fa,
#order-standard_cart i.fas,
#order-standard_cart i.far {
  background-image: none !important;
}


/* =========================================
   OCULTAR CUPÓN / CÓDIGO PROMOCIONAL GLOBAL
========================================= */

/* Ocultar bloque completo de aplicar código promocional */
#order-standard_cart .view-cart-tabs,
#order-standard_cart #applyPromo,
#order-standard_cart .tab-pane.promo,
#order-standard_cart .promo,
#order-standard_cart .promo-code-cart-container,
#order-standard_cart .promo-code-form,
#order-standard_cart .promotion-code,
#order-standard_cart input[name="promocode"],
#order-standard_cart button[name="validatepromo"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Quitar espacio que deja el bloque de cupón */
#order-standard_cart .view-cart-tabs + *,
#order-standard_cart .promo + *,
#order-standard_cart #applyPromo + * {
  margin-top: 0 !important;
}


/* =========================================
   FIX REVISAR Y PAGAR - COLORES PRODUCTO
========================================= */

/* Contenedor de productos del carrito */
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item-domain,
#order-standard_cart .view-cart-items .item-service {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Quitar fondos grises/negros mezclados dentro del producto */
#order-standard_cart .view-cart-items div,
#order-standard_cart .view-cart-items span,
#order-standard_cart .view-cart-items p,
#order-standard_cart .view-cart-items small,
#order-standard_cart .view-cart-items strong,
#order-standard_cart .view-cart-items a {
  background: transparent !important;
  background-color: transparent !important;
}

/* Nombre del producto */
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-title a,
#order-standard_cart .view-cart-items strong,
#order-standard_cart .view-cart-items b {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Dominio / descripción */
#order-standard_cart .view-cart-items .item-description,
#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items small {
  color: rgba(255,255,255,0.75) !important;
}

/* Precio */
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .price,
#order-standard_cart .view-cart-items .amount {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Botón editar */
#order-standard_cart .view-cart-items .btn,
#order-standard_cart .view-cart-items a.btn {
  background: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* Botón eliminar / X */
#order-standard_cart .view-cart-items .fa-times,
#order-standard_cart .view-cart-items .fa-trash,
#order-standard_cart .view-cart-items .remove-item,
#order-standard_cart .view-cart-items .btn-remove {
  color: #f2b61d !important;
  background: transparent !important;
}


/* =========================================
   FIX REVISAR Y PAGAR - FRANJAS GRISES + VACIAR CARRITO
========================================= */

/* Quitar franjas grises dentro del listado del carrito */
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items *,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .view-cart-items-header *,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item *,
#order-standard_cart .view-cart-items .item-service,
#order-standard_cart .view-cart-items .item-service *,
#order-standard_cart .view-cart-items .item-domain,
#order-standard_cart .view-cart-items .item-domain *,
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-price *,
#order-standard_cart .view-cart-items .item-qty,
#order-standard_cart .view-cart-items .item-qty *,
#order-standard_cart .view-cart-items .item-actions,
#order-standard_cart .view-cart-items .item-actions * {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Bordes suaves del bloque producto */
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item-service,
#order-standard_cart .view-cart-items .item-domain {
  border-color: rgba(255,255,255,0.14) !important;
}

/* Nombre del producto */
#order-standard_cart .view-cart-items strong,
#order-standard_cart .view-cart-items b,
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-title a {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Textos secundarios */
#order-standard_cart .view-cart-items small,
#order-standard_cart .view-cart-items .item-description,
#order-standard_cart .view-cart-items .item-group {
  color: rgba(255,255,255,0.72) !important;
}

/* Precio */
#order-standard_cart .view-cart-items .price,
#order-standard_cart .view-cart-items .amount,
#order-standard_cart .view-cart-items .item-price {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Botón editar dentro del producto */
#order-standard_cart .view-cart-items a.btn,
#order-standard_cart .view-cart-items .btn {
  background: #f2b61d !important;
  background-color: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* Botón Vaciar carrito */
#order-standard_cart a[href*="empty"],
#order-standard_cart .empty-cart,
#order-standard_cart .btn-empty-cart,
#order-standard_cart button[name="emptycart"],
#order-standard_cart .btn-remove-from-cart,
#order-standard_cart .btn-clear-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f2b61d !important;
  background-color: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-top: 16px !important;
  margin-bottom: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Texto e ícono del botón Vaciar carrito */
#order-standard_cart a[href*="empty"] *,
#order-standard_cart .empty-cart *,
#order-standard_cart .btn-empty-cart *,
#order-standard_cart button[name="emptycart"] * {
  color: #111111 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Hover Vaciar carrito */
#order-standard_cart a[href*="empty"]:hover,
#order-standard_cart .empty-cart:hover,
#order-standard_cart .btn-empty-cart:hover,
#order-standard_cart button[name="emptycart"]:hover {
  background: #ffc933 !important;
  color: #111111 !important;
}

/* Evitar que iconos dentro de botones salgan con cuadro negro */
#order-standard_cart a[href*="empty"] i,
#order-standard_cart .empty-cart i,
#order-standard_cart .btn-empty-cart i,
#order-standard_cart .view-cart-items .btn i {
  background: transparent !important;
  background-color: transparent !important;
  color: #111111 !important;
  border: none !important;
  box-shadow: none !important;
}

/* =========================================
   FIX CHECKOUT - BOTONES REGISTRO + STRIPE GRIS
========================================= */

/* Botones superiores: ¿Ya está registrado? / Crear cuenta nueva */
#order-standard_cart #btnAlreadyRegistered,
#order-standard_cart #btnNewUserSignup,
#order-standard_cart .already-registered .btn-info,
#order-standard_cart .already-registered .btn-warning {
  background: #f2b61d !important;
  background-color: #f2b61d !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Hover de botones superiores */
#order-standard_cart #btnAlreadyRegistered:hover,
#order-standard_cart #btnNewUserSignup:hover,
#order-standard_cart .already-registered .btn-info:hover,
#order-standard_cart .already-registered .btn-warning:hover {
  background: #ffc933 !important;
  background-color: #ffc933 !important;
  color: #111111 !important;
  transform: translateY(-1px);
}

/* Alinear mejor esos botones en desktop */
#order-standard_cart .already-registered .pull-right,
#order-standard_cart .already-registered .float-right {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

/* Contenedor de tarjeta / Stripe en gris oscuro */
#order-standard_cart .cc-input-container,
#order-standard_cart #creditCardInputFields,
#order-standard_cart #stripeElements,
#order-standard_cart .stripe-cards-inputs,
#order-standard_cart .gateway-input-container,
#order-standard_cart .payment-method,
#order-standard_cart .payment-methods {
  background: #080808 !important;
  background-color: #080808 !important;
  border-color: rgba(255,255,255,0.16) !important;
  color: #ffffff !important;
}

/* Caja visual donde están los campos de tarjeta */
#order-standard_cart #creditCardInputFields,
#order-standard_cart .cc-input-container {
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 14px !important;
  padding: 18px !important;
}

/* Filas internas de Stripe con gris suave */
#order-standard_cart #stripeElements .row,
#order-standard_cart .stripe-cards-inputs .row,
#order-standard_cart #newCardSaveSettings,
#order-standard_cart #newCardSaveSettings .row {
  background: #080808 !important;
  background-color: #080808 !important;
}

/* Campos de Stripe */
#order-standard_cart #stripeCreditCard,
#order-standard_cart #stripeExpiryDate,
#order-standard_cart #stripeCvc,
#order-standard_cart .StripeElement,
#order-standard_cart #inputDescription {
  background: #111111 !important;
  background-color: #111111 !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: #ffffff !important;
}

/* Labels dentro de tarjeta */
#order-standard_cart .stripe-cards-inputs label,
#order-standard_cart .cc-input-container label,
#order-standard_cart #creditCardInputFields label {
  color: #ffffff !important;
}

/* Mantener el texto de Stripe legible */
#order-standard_cart #stripeCreditCard iframe,
#order-standard_cart #stripeExpiryDate iframe,
#order-standard_cart #stripeCvc iframe,
#order-standard_cart .StripeElement iframe {
  filter: invert(1) brightness(1.6) contrast(1.15) !important;
}

/* =========================================
   FIX DEFINITIVO STRIPE - GRIS UNIFORME
========================================= */

/* Contenedor principal de tarjeta */
#order-standard_cart #creditCardInputFields.cc-input-container {
  background: #080808 !important;
  background-color: #080808 !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  color: #ffffff !important;
}

/* Contenedor Stripe */
#order-standard_cart #stripeElements,
#order-standard_cart #stripeElements.form-group,
#order-standard_cart .stripe-cards-inputs {
  background: #080808 !important;
  background-color: #080808 !important;
  color: #ffffff !important;
}

/* Filas y columnas internas */
#order-standard_cart #stripeElements .row,
#order-standard_cart #stripeElements [class*="col-"],
#order-standard_cart .stripe-cards-inputs .row,
#order-standard_cart .stripe-cards-inputs [class*="col-"],
#order-standard_cart #newCardSaveSettings,
#order-standard_cart #newCardSaveSettings .row,
#order-standard_cart #newCardSaveSettings [class*="col-"],
#order-standard_cart #inputDescriptionContainer {
  background: #080808 !important;
  background-color: #080808 !important;
}

/* Labels */
#order-standard_cart #stripeElements label,
#order-standard_cart .stripe-cards-inputs label,
#order-standard_cart #creditCardInputFields label,
#order-standard_cart #newCardSaveSettings label {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Campos de Stripe */
#order-standard_cart #stripeCreditCard,
#order-standard_cart #stripeExpiryDate,
#order-standard_cart #stripeCvc,
#order-standard_cart .StripeElement {
  background: #141414 !important;
  background-color: #141414 !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  min-height: 42px !important;
  padding: 11px 12px !important;
  box-shadow: none !important;
}

/* El wrapper interno de Stripe debe ser transparente */
#order-standard_cart .__PrivateStripeElement {
  background: transparent !important;
  background-color: transparent !important;
}

/* Iframes de Stripe: texto claro */
#order-standard_cart #stripeCreditCard iframe,
#order-standard_cart #stripeExpiryDate iframe,
#order-standard_cart #stripeCvc iframe,
#order-standard_cart .StripeElement iframe {
  filter: invert(1) brightness(1.6) contrast(1.15) !important;
  background: transparent !important;
}

/* Campo nombre de tarjeta */
#order-standard_cart #inputDescription,
#order-standard_cart input[name="ccdescription"] {
  background: #141414 !important;
  background-color: #141414 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 10px !important;
}

#order-standard_cart #inputDescription::placeholder,
#order-standard_cart input[name="ccdescription"]::placeholder {
  color: rgba(255,255,255,0.52) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.52) !important;
}

/* Quitar bloques negros que venían heredados */
#order-standard_cart #creditCardInputFields ul,
#order-standard_cart #creditCardInputFields li,
#order-standard_cart #creditCardInputFields .radio-inline,
#order-standard_cart #creditCardInputFields .form-group,
#order-standard_cart #creditCardInputFields .prepend-icon {
  background: transparent !important;
  background-color: transparent !important;
}

/* =========================================
   LOGO NO CLICKEABLE
========================================= */

.navbar-brand,
.navbar-brand a,
#header .logo-text,
#header .logo-text a,
.logo,
.logo a,
a.logo,
a.navbar-brand {
  pointer-events: none !important;
  cursor: default !important;
}

/* =========================================
   HOME - OCULTAR SOLO AYUDA Y SU CUENTA
   Sin tocar Explore / Hosting Principal
========================================= */

/* Ocultar título: ¿Cómo podemos ayudarle hoy? */
#main-body h2.text-center.m-4:has(+ .row.my-5.action-icon-btns),
#main-body h2.text-center.m-4:has(+ .row.action-icon-btns) {
  display: none !important;
}

/* Ocultar fila de botones de ayuda */
#main-body .row.my-5.action-icon-btns,
#main-body .row.action-icon-btns {
  display: none !important;
}

/* Ocultar título: Su cuenta */
#main-body .row.my-5.action-icon-btns + h2.text-center.m-4,
#main-body .row.action-icon-btns + h2.text-center.m-4 {
  display: none !important;
}

/* Ocultar SOLO la fila que viene después de Su cuenta */
#main-body .row.my-5.action-icon-btns + h2.text-center.m-4 + .row,
#main-body .row.action-icon-btns + h2.text-center.m-4 + .row {
  display: none !important;
}


/* =========================================
   FLECHA VISIBLE EN CICLO DE FACTURACIÓN
========================================= */

/* Contenedor del selector */
#order-standard_cart .billingcycle,
#order-standard_cart .billing-cycle,
#order-standard_cart .form-group:has(select[name="billingcycle"]),
#order-standard_cart .form-group:has(select[id*="billingcycle"]),
#order-standard_cart .form-group:has(select[name*="billing"]) {
  position: relative !important;
  display: inline-block !important;
}

/* Select ciclo de facturación */
#order-standard_cart select[name="billingcycle"],
#order-standard_cart select[id*="billingcycle"],
#order-standard_cart select[name*="billing"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-right: 48px !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(242,182,29,0.65) !important;
  border-radius: 12px !important;
}

/* Flecha visual */
#order-standard_cart .form-group:has(select[name="billingcycle"])::after,
#order-standard_cart .form-group:has(select[id*="billingcycle"])::after,
#order-standard_cart .form-group:has(select[name*="billing"])::after {
  content: "▼" !important;
  position: absolute !important;
  right: 16px !important;
  bottom: 12px !important;
  color: #f2b61d !important;
  font-size: 13px !important;
  pointer-events: none !important;
  z-index: 20 !important;
}

/* Por si el select está dentro de una caja específica */
#order-standard_cart select[name="billingcycle"] + .select-arrow,
#order-standard_cart select[id*="billingcycle"] + .select-arrow {
  color: #f2b61d !important;
}olor: #ffffff !important;
}