/* ══ Netebu · paginas de dominio ═══════════════════════════════ */
#order-standard_cart{
  --nb-blue:#4A90D9; --nb-violet:#7B5CF6; --nb-pink:#E84098;
  --nb-grad:linear-gradient(135deg,#4A90D9 0%,#7B5CF6 50%,#E84098 100%);
  --nb-grad-suave:linear-gradient(135deg,rgba(74,144,217,0.16) 0%,rgba(123,92,246,0.16) 50%,rgba(232,64,152,0.16) 100%);
  --nb-night:#0B0A16; --nb-night-2:#141227;
  --nb-on:#F2F3FB; --nb-on-2:#B9BEDD; --nb-on-3:#8E94BC;
  --nb-ink:#14111F; --nb-ink-2:#4C4560; --nb-ink-3:#726C85;
  --nb-line:#E9E4F3; --nb-line-2:#D8D0EC;
  --nb-paper:#FFFFFF; --nb-paper-2:#FAF8FE;
  --nb-ok:#116B47; --nb-no:#C4453F;
  --nb-violet-aa:#6B48F2;
  --nb-ff-d:"Outfit",system-ui,-apple-system,sans-serif;
  --nb-ff-b:"Figtree",system-ui,-apple-system,sans-serif;
}

/* ── cabecera oscura con el buscador ──────────────────────────
   La ilustracion vive en la MITAD DERECHA del archivo y su mitad
   izquierda es fondo liso a proposito: por eso va `cover` anclada
   a la derecha y el texto cae sobre la parte vacia. Con `auto 86%`
   la ilustracion se encogia, dejaba ver su propio borde y quedaba
   flotando en medio de la nada.
   La rejilla de lineas que habia por encima se retira: tapaba la
   ilustracion. Las "cuadriculas" que hay que conservar son las
   TARJETAS de extensiones (.es .com .net .org) que cruzan el borde
   inferior de la seccion, y esas siguen intactas mas abajo.      */
#order-standard_cart .domains-section{
  background-color:var(--nb-night) !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-size:cover !important;
  min-height:600px; padding:156px 0 176px !important;
  position:relative; overflow:hidden; isolation:isolate;
}
body.nb-domain-register #order-standard_cart .domains-section{
  background-image:url('/assets/paginas/hero_dominio_registro_2026.webp') !important;
  background-image:-webkit-image-set(
    url('/assets/paginas/hero_dominio_registro_2026.webp') 1x,
    url('/assets/paginas/hero_dominio_registro_2026-2x.webp') 2x) !important;
  background-image:image-set(
    url('/assets/paginas/hero_dominio_registro_2026.webp') 1x,
    url('/assets/paginas/hero_dominio_registro_2026-2x.webp') 2x) !important;
}
body.nb-domain-transfer #order-standard_cart .domains-section{
  background-image:url('/assets/paginas/hero_dominio_traslado_2026.webp') !important;
  background-image:-webkit-image-set(
    url('/assets/paginas/hero_dominio_traslado_2026.webp') 1x,
    url('/assets/paginas/hero_dominio_traslado_2026-2x.webp') 2x) !important;
  background-image:image-set(
    url('/assets/paginas/hero_dominio_traslado_2026.webp') 1x,
    url('/assets/paginas/hero_dominio_traslado_2026-2x.webp') 2x) !important;
}
/* Velo direccional. Funde hacia el propio negro de la seccion, nunca
   hacia blanco, y se apaga antes de llegar a la ilustracion.      */
#order-standard_cart .domains-section::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  /* Con el texto CENTRADO ya no cae sobre el lado vacio de la
     ilustracion, sino encima de ella: el velo tiene que llegar
     hasta el centro. Se combina uno lateral —que protege el
     bloque— con una elipse centrada en el texto, para no apagar
     la ilustracion entera. */
  background:
    radial-gradient(105% 74% at 42% 42%,
      rgba(11,10,22,0.88) 0%, rgba(11,10,22,0.70) 32%,
      rgba(11,10,22,0.24) 60%, rgba(11,10,22,0) 80%),
    linear-gradient(90deg,
      rgba(11,10,22,0.94) 0%, rgba(11,10,22,0.68) 32%,
      rgba(11,10,22,0.22) 56%, rgba(11,10,22,0.04) 80%,
      rgba(11,10,22,0) 100%);
}
/* Croster mete unas formas decorativas que no encajan con esto */
#order-standard_cart .domains-section .cros-bg-shapes-right,
#order-standard_cart .domains-section .cros-bg-shapes-left{display:none}
#order-standard_cart .domains-section > .container{
  position:relative; z-index:2; max-width:1400px !important;
}
/* Titulo y buscador comparten eje izquierdo: antes el titulo iba
   centrado dentro de los 640 px y el buscador pegado a la izquierda,
   y se veian descuadrados el uno respecto al otro. */
#order-standard_cart .domain-hero{
  position:relative; z-index:2; max-width:780px;
  margin-left:auto; margin-right:auto;
  padding:0 !important; text-align:center !important;
}
#order-standard_cart .domain-hero .h1,
#order-standard_cart .domain-hero h1{
  font-family:var(--nb-ff-d) !important;
  font-size:clamp(2.5rem,4.2vw,3.7rem) !important; font-weight:800 !important;
  letter-spacing:-0.032em; line-height:1.06;
  color:var(--nb-on) !important;
  display:block !important; margin:0 auto 30px !important;
  max-width:16ch; text-align:center !important; text-wrap:balance;
}
#order-standard_cart .domain-hero > form.form-search{
  margin:0 auto !important; max-width:720px !important;
}

/* ── el buscador (la clase lleva una errata del tema: 'serach') ── */
#order-standard_cart .serach-form,
#order-standard_cart .search-form{
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.16);
  border-radius:14px; padding:8px;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:0 24px 60px -28px rgba(0,0,0,0.7);
  display:flex; align-items:center; gap:8px;
}
#order-standard_cart .serach-form .input-group-icon{
  color:var(--nb-on-3) !important; margin-left:14px; font-size:17px;
}
#order-standard_cart .serach-form .form-control,
#order-standard_cart .serach-form .search-query{
  flex:1; min-width:0; height:52px !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:var(--nb-on) !important; font-family:var(--nb-ff-b);
  font-size:1.04rem !important; padding:0 12px !important;
}
#order-standard_cart .serach-form .form-control::placeholder{color:var(--nb-on-2) !important}
#order-standard_cart .serach-form .btn,
#order-standard_cart .serach-form button[type="submit"]{
  height:52px; padding:0 30px; border:0 !important;
  border-radius:11px !important;
  background:var(--nb-grad) !important;
  background-clip:padding-box; -webkit-background-clip:padding-box;
  color:#fff !important; font-family:var(--nb-ff-d); font-weight:600;
  font-size:1.02rem; white-space:nowrap;
  box-shadow:0 10px 26px -12px rgba(123,92,246,0.6);
  transition:transform 0.22s ease, box-shadow 0.22s ease;
}
#order-standard_cart .serach-form .btn:hover{
  transform:translateY(-2px); color:#fff !important;
  box-shadow:0 16px 32px -14px rgba(123,92,246,0.7);
}

/* ── captcha, para que no desentone sobre el fondo oscuro ── */
#order-standard_cart .domains-section .captcha-container,
#order-standard_cart .domains-section .default-captcha{
  color:var(--nb-on-2); margin-top:16px;
}
#order-standard_cart .domains-section .default-captcha p{color:var(--nb-on-2)}
#order-standard_cart .domains-section .default-captcha .form-control{
  background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18);
  color:var(--nb-on); border-radius:9px;
}

/* ── zona clara con resultados y precios ──
   OJO: .cros-domain-page trae de Croster `margin:-6rem auto 6rem` y
   `max-width:928px`. Ese margen negativo es intencionado: hace que las
   tarjetas floten sobre la seccion oscura. Poner el fondo AHI dibuja un
   bloque claro de 928 px recortado sobre el negro, que es justo lo que
   se veia mal en la pagina de traslado.
   El fondo va en el contenedor de todo; la caja solapada se queda
   transparente y conserva su efecto. */
#order-standard_cart{background:var(--nb-paper-2)}
#order-standard_cart .cros-domain-page{
  background:transparent !important;
  padding-bottom:16px;
}
/* 928 px se queda corto para ocho tarjetas de extension */
#order-standard_cart .cros-domain-page.main-container-nosidebar{
  max-width:1160px;
}

/* ── resultado de la busqueda ── */
#order-standard_cart .domain-checker-result-headline{
  font-family:var(--nb-ff-d); font-size:1.2rem; font-weight:600;
  color:var(--nb-ink); margin-bottom:18px;
}
/* OJO: `domain-lookup-result` es TRES cosas distintas en WHMCS, no una.
   `#primaryLookupResult` es la tarjeta grande del dominio buscado,
   `#domainSuggestions` es la lista entera de sugerencias, y dentro de
   CADA caja de extension hay otro con el mismo nombre, metido en un
   recuadro de 112 px de alto fijo con `overflow:hidden`.
   El selector sin acotar les daba a los tres 22 px de relleno, borde y
   sombra: en la caja de extension eso son 65 px que no caben, y el
   contenido salia cortado. Se nombran los dos que si son tarjetas. */
#order-standard_cart #primaryLookupResult,
#order-standard_cart #domainSuggestions{
  background:var(--nb-paper); border:1px solid var(--nb-line);
  border-radius:14px; padding:22px 24px; margin-bottom:14px;
  box-shadow:0 1px 2px rgba(20,17,31,0.05), 0 12px 32px -16px rgba(20,17,31,0.14);
  transition:border-color 0.24s ease, transform 0.24s ease;
}
/* El realce al pasar por encima solo tiene sentido en la tarjeta del
   dominio buscado. En la lista de sugerencias movia la lista entera. */
#order-standard_cart #primaryLookupResult:hover{
  border-color:var(--nb-line-2); transform:translateY(-2px);
}
#order-standard_cart .domain-lookup-result .domain,
#order-standard_cart .domain-suggestion .domain{
  font-family:var(--nb-ff-d); font-size:1.16rem; font-weight:700;
  color:var(--nb-ink);
}
#order-standard_cart .domain-lookup-result .extension,
#order-standard_cart .domain-suggestion .extension{
  color:var(--nb-violet-aa); font-weight:700;
}
#order-standard_cart .domain-price,
#order-standard_cart .domain-lookup-result .price{
  font-family:var(--nb-ff-d); font-weight:700; color:var(--nb-ink);
  font-variant-numeric:tabular-nums;
}
#order-standard_cart .domain-available,
#order-standard_cart .domain-checker-available{
  color:var(--nb-ok) !important; font-family:var(--nb-ff-d); font-weight:600;
}
#order-standard_cart .domain-unavailable,
#order-standard_cart .domain-tld-unavailable,
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-invalid,
#order-standard_cart .domain-checker-invalid{
  color:var(--nb-no) !important; font-family:var(--nb-ff-d); font-weight:600;
}

/* ── botones de anadir al carrito ── */
#order-standard_cart .btn-add-to-cart,
#order-standard_cart .domain-contact-support{
  background:var(--nb-grad) !important;
  background-clip:padding-box; -webkit-background-clip:padding-box;
  border:0 !important; color:#fff !important;
  font-family:var(--nb-ff-d); font-weight:600; font-size:0.95rem;
  border-radius:10px !important; padding:11px 20px !important;
  box-shadow:0 8px 22px -12px rgba(123,92,246,0.55);
  transition:transform 0.22s ease, box-shadow 0.22s ease;
}
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart .domain-contact-support:hover{
  transform:translateY(-2px); color:#fff !important;
  box-shadow:0 14px 28px -14px rgba(123,92,246,0.66);
}
/* `.added` a secas tambien casaba con el <span> de dentro del boton, y
   le pintaba un rectangulo verde encima del degradado. Solo el boton. */
#order-standard_cart .btn.added,
#order-standard_cart .btn-add-to-cart.added{
  background:var(--nb-ok) !important; box-shadow:none;
}
#order-standard_cart .btn.unavailable,
#order-standard_cart .btn.invalid{
  background:var(--nb-line) !important; color:var(--nb-ink-3) !important;
  border:0 !important; box-shadow:none;
}

/* ── cajas de extension del buscador (spotlight) ──────────────
   El tema fija `.spotlight-tld{height:112px;overflow:hidden}`. Con esa
   altura clavada, el estado mas alto de los cinco no cabe y se corta.
   Se pasa a altura automatica con un minimo, y se DEJA el `overflow`
   como esta: sigue haciendo falta para recortar la chapa girada de
   "NUEVO"/"OFERTA", que asoma a proposito por el borde. Con la caja
   creciendo, ya no recorta nada mas.
   Aqui no se dice una sola palabra sobre `display`: la visibilidad de
   los cinco estados la gobierna jQuery escribiendola en linea, y
   cualquier `!important` nuestro rompe eso en las dos direcciones. */
#order-standard_cart .spotlight-tld{
  height:auto; min-height:130px;
  padding:16px 12px;
  border-radius:12px; border-color:var(--nb-line);
  /* Con altura variable, el contenido tiene que centrarse solo: el
     tema lo centraba a mano con 32 px de margen calculados para los
     112 px fijos. La columna se aplica a la TARJETA, que el JS no
     toca nunca; los cinco estados de dentro siguen gobernados por
     jQuery y aqui no se les dice nada. */
  display:flex; flex-direction:column;
  align-items:center; justify-content:space-evenly;
}
/* El contenedor de estados de dentro vuelve a no tener caja propia: la
   caja es la tarjeta de fuera. Sin esto heredaria el relleno de arriba. */
#order-standard_cart .spotlight-tld .domain-lookup-result{
  background:none; border:0; border-radius:0; padding:0;
  margin:0; box-shadow:none;
}
/* Los 32 px de margen del tema centraban el boton dentro de la altura
   fija. Ya no hay altura fija que rellenar, y ese margen hinchaba la
   caja 64 px. Ojo: `.spotlight-tld .unavailable` del tema casa tambien
   con el <span> de dentro del boton, asi que se cubren los dos. */
#order-standard_cart .spotlight-tld .btn.unavailable,
#order-standard_cart .spotlight-tld .btn.invalid,
#order-standard_cart .spotlight-tld .btn.domain-contact-support,
#order-standard_cart .spotlight-tld .btn span{
  margin:0;
}
/* `domain-contact-support` sigue nombrado ahi arriba aunque la plantilla
   ya no lo emita en el spotlight: se quito porque las ocho extensiones
   destacadas tienen precio y ese estado no se daba nunca. Si alguien lo
   devuelve, que al menos no herede los margenes del tema. */
/* El boton, a la medida de la caja. El tema le pone `width:85%` con
   `nowrap` y puntos suspensivos; sobre los 121 px que mide la caja en
   escritorio, al texto le quedaban 20 px y "Añadir" salia "Añadi…".
   Ancho al contenido, y que envuelva en vez de recortar. */
#order-standard_cart .spotlight-tld .btn{
  width:auto; max-width:100%; min-width:0;
  padding:8px 12px !important;
  font-size:0.8rem; line-height:1.35;
  white-space:normal; overflow:visible; text-overflow:clip;
  border-radius:9px !important;
  box-shadow:none;
}
#order-standard_cart .spotlight-tld .btn:hover{transform:none}
/* El precio, con aire por debajo para separarlo del boton. */
#order-standard_cart .spotlight-tld span.available.price{
  padding:6px 0 8px; font-size:1.02rem;
}

/* ── sugerencias ── */
#order-standard_cart .domain-suggestion{
  background:var(--nb-paper) !important; border:1px solid var(--nb-line) !important;
  border-radius:12px !important; margin-bottom:10px; padding:16px 20px !important;
  transition:border-color 0.24s ease, transform 0.24s ease;
}
#order-standard_cart .domain-suggestion:hover{
  border-color:var(--nb-line-2) !important; transform:translateY(-2px);
}
#order-standard_cart .more-suggestions .btn{
  background:transparent !important; border:1.5px solid var(--nb-line-2) !important;
  color:var(--nb-violet-aa) !important; border-radius:10px !important;
  font-family:var(--nb-ff-d); font-weight:600;
}
#order-standard_cart .more-suggestions .btn:hover{
  border-color:var(--nb-violet) !important; color:var(--nb-violet) !important;
}

/* ── extensiones destacadas ── */
#order-standard_cart .featured-tld{
  background:var(--nb-paper); border:1px solid var(--nb-line);
  border-radius:14px; padding:24px 20px; text-align:center;
  margin-bottom:18px;
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#order-standard_cart .featured-tld:hover{
  transform:translateY(-4px); border-color:var(--nb-line-2);
  box-shadow:0 2px 4px rgba(20,17,31,0.06), 0 22px 44px -22px rgba(90,60,200,0.3);
}
#order-standard_cart .featured-tld .img-container img{
  max-height:44px; width:auto; margin:0 auto 12px;
}
#order-standard_cart .featured-tld .price{
  font-family:var(--nb-ff-d); font-weight:700; color:var(--nb-ink);
  font-size:1.16rem; font-variant-numeric:tabular-nums;
}

/* ── tabla de precios: 1.982 filas, que al menos se lean ── */
#order-standard_cart .table-container{
  background:var(--nb-paper); border:1px solid var(--nb-line);
  border-radius:14px; padding:22px; margin-top:34px;
  box-shadow:0 1px 2px rgba(20,17,31,0.05), 0 12px 32px -18px rgba(20,17,31,0.14);
}
#order-standard_cart .table-header{
  display:flex; flex-wrap:wrap; gap:12px;
  align-items:center; justify-content:space-between;
  padding-bottom:18px; margin-bottom:6px;
  border-bottom:1px solid var(--nb-line);
}
#order-standard_cart .table-header label{
  font-family:var(--nb-ff-d); font-size:12px; font-weight:600;
  letter-spacing:0.1em; text-transform:uppercase;
  color:var(--nb-ink-3); margin:0 12px 0 0;
}
#order-standard_cart .view-filter-btns .dropdown-toggle{
  background:var(--nb-paper-2) !important; border:1px solid var(--nb-line-2) !important;
  color:var(--nb-ink) !important; border-radius:9px !important;
  font-family:var(--nb-ff-d); font-weight:600; font-size:0.9rem; padding:8px 15px !important;
}
#order-standard_cart .view-filter-btns .dropdown-toggle:hover{
  border-color:var(--nb-violet) !important; color:var(--nb-violet-aa) !important;
}
#order-standard_cart .search-group .form-control,
#order-standard_cart #table-search{
  background:var(--nb-paper-2) !important; border:1px solid var(--nb-line-2) !important;
  border-radius:9px !important; height:40px; min-width:220px;
  font-family:var(--nb-ff-b); color:var(--nb-ink) !important;
  box-shadow:none !important;
}
#order-standard_cart #table-search:focus{
  border-color:var(--nb-violet) !important;
  box-shadow:0 0 0 3px rgba(123,92,246,0.16) !important;
}

#order-standard_cart .table-tlds{width:100%; margin-top:8px}
#order-standard_cart .table-tlds thead th{
  font-family:var(--nb-ff-d) !important; font-size:11px !important;
  letter-spacing:0.09em; text-transform:uppercase;
  color:var(--nb-ink-3) !important; font-weight:600 !important;
  background:transparent; border:0 !important;
  border-bottom:1px solid var(--nb-line) !important;
  padding:12px 14px !important; white-space:nowrap;
}
#order-standard_cart .table-tlds tbody td{
  border:0 !important; border-bottom:1px solid var(--nb-line) !important;
  padding:12px 14px !important; vertical-align:middle;
  font-family:var(--nb-ff-b); font-size:0.94rem; color:var(--nb-ink-2);
  font-variant-numeric:tabular-nums;
}
#order-standard_cart .table-tlds tbody tr:hover td{background:var(--nb-paper-2)}
#order-standard_cart .table-tlds .tld-name{
  font-family:var(--nb-ff-d) !important; font-weight:700 !important;
  font-size:1rem; color:var(--nb-ink) !important;
}
#order-standard_cart .table-tlds .tld-name span{color:var(--nb-violet-aa)}
#order-standard_cart .table-tlds .tld-label{
  display:block; font-family:var(--nb-ff-d); font-size:10px;
  letter-spacing:0.08em; text-transform:uppercase;
  color:var(--nb-ink-3) !important; margin-bottom:2px; font-weight:600;
}
#order-standard_cart .table-tlds .tld-sale-group{
  display:inline-block; margin-left:9px; vertical-align:2px;
  font-family:var(--nb-ff-d); font-size:10px; font-weight:700;
  letter-spacing:0.07em; text-transform:uppercase;
  color:#fff; padding:2px 8px; border-radius:20px;
  background:var(--nb-grad);
  background-clip:padding-box; -webkit-background-clip:padding-box;
}
/* ── la paginacion de la tabla de precios ──────────────────────
   DataTables va aqui en modo Bootstrap 4 —`dt-bootstrap4` en el
   contenedor, comprobado en el inspector—, y en ese modo el boton
   NO es el que buscaban las reglas de antes. El marcado real:

     ul.pagination
       li.paginate_button.page-item.previous.disabled > a.page-link
       li.paginate_button.page-item.active            > a.page-link

   El <li> lleva LAS DOS clases y el boton visible es el <a> de
   dentro. Las reglas anteriores vestian el <li> y dejaban el <a>
   con lo que le pone el tema:

     .page-link{ color:#8f1faf; border:1px solid #dee2e6; margin-left:-1px }
     .page-item.active .page-link{ background-color:#8f1faf }

   De ahi lo que se veia: dos cajas superpuestas, esquinas rectas
   y la pagina actual en el morado de Croster, que no es de la
   marca. `.paginate_button.current` es de la version de DataTables
   sin Bootstrap y en esta pagina no existe, asi que la regla del
   degradado no llegaba a aplicarse nunca.

   Es el mismo fallo que ya se corrigio en el area de cliente:
   ver el comentario largo de `netebu_clientes.php`. Ahora el <li>
   no pinta nada y todo el estilo va en el <a>. */
#order-standard_cart ul.pagination{
  display:inline-flex !important; align-items:center; gap:7px;
  padding:0 !important; margin:0 !important; list-style:none;
}
#order-standard_cart ul.pagination li.page-item,
#order-standard_cart ul.pagination li.paginate_button{
  background:none !important; background-color:transparent !important;
  border:0 !important; padding:0 !important; margin:0 !important;
  border-radius:0 !important; box-shadow:none !important;
}
#order-standard_cart ul.pagination li.page-item > a,
#order-standard_cart ul.pagination li.page-item > .page-link{
  display:inline-flex !important; align-items:center; justify-content:center;
  min-width:38px; height:38px; padding:0 12px !important;
  margin-left:0 !important;
  border:1px solid var(--nb-line-2) !important; border-radius:10px !important;
  font-family:var(--nb-ff-d) !important; font-weight:600 !important;
  font-size:0.9rem !important; line-height:1 !important;
  color:var(--nb-ink-2) !important;
  background-color:var(--nb-paper) !important; background-image:none !important;
  text-decoration:none !important;
  transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
#order-standard_cart ul.pagination li.page-item:not(.disabled) > a:hover{
  background-color:var(--nb-paper-2) !important;
  border-color:var(--nb-violet) !important;
  color:var(--nb-violet-aa) !important;
}
#order-standard_cart ul.pagination li.page-item.active > a,
#order-standard_cart ul.pagination li.page-item.active > .page-link{
  background-image:var(--nb-grad) !important;
  background-color:transparent !important;
  border-color:transparent !important; color:#fff !important;
  background-clip:padding-box; -webkit-background-clip:padding-box;
  box-shadow:0 8px 20px -10px rgba(123,92,246,0.55) !important;
}
/* las flechas cuando no se pueden usar: atenuadas PERO visibles */
#order-standard_cart ul.pagination li.page-item.disabled > a,
#order-standard_cart ul.pagination li.page-item.disabled > .page-link{
  color:var(--nb-ink-3) !important;
  background-color:var(--nb-paper-2) !important;
  border-color:var(--nb-line) !important;
  cursor:default; opacity:1;
}
#order-standard_cart ul.pagination li.page-item > a:focus-visible{
  outline:2px solid var(--nb-violet); outline-offset:2px;
}
/* el «Ver 10 Entradas» y el «Viendo 1 a 10 de 1.982» */
#order-standard_cart .dataTables_info,
#order-standard_cart .dataTables_length label{
  font-family:var(--nb-ff-b); font-size:0.875rem; color:var(--nb-ink-3);
}
#order-standard_cart .dataTables_length select{
  font-family:var(--nb-ff-b) !important; color:var(--nb-ink) !important;
  border:1px solid var(--nb-line-2) !important; border-radius:10px !important;
  background-color:var(--nb-paper) !important; height:34px; padding:0 28px 0 10px !important;
}
#order-standard_cart .dataTables_length select:focus{
  border-color:var(--nb-violet) !important;
  box-shadow:0 0 0 3px rgba(123,92,246,0.18) !important;
}

/* El borde que el tema pone sobre la cifra de cada extension
   destacada venia en su gris azulado #D5DCE5, y el texto del
   resultado de busqueda —«Cargando...»— en el azul marino. */
#order-standard_cart .featured-tld .price{border-color:var(--nb-line) !important}
#order-standard_cart .domain-lookup-result p.domain-price{color:var(--nb-ink-2) !important}

/* ── el aviso de traslado no disponible ── */
#order-standard_cart .slim-alert,
#order-standard_cart #transferUnavailable{
  background:rgba(196,69,63,0.10) !important; border:1px solid rgba(196,69,63,0.3) !important;
  color:#8E2B27 !important; border-radius:11px !important;
  font-family:var(--nb-ff-b); padding:13px 18px !important;
}

/* ── movil ── */
@media (max-width:767px){
  /* En movil no hay sitio para poner el texto al lado: la
     ilustracion pasa a la mitad INFERIOR y el velo funde en
     vertical en vez de en horizontal. */
  #order-standard_cart .domains-section{
    min-height:600px; padding:118px 0 210px !important;
    background-position:center bottom !important;
    background-size:150% auto !important;
  }
  #order-standard_cart .domains-section::after{
    background:linear-gradient(180deg,
      rgba(11,10,22,0.97) 0%, rgba(11,10,22,0.94) 44%,
      rgba(11,10,22,0.62) 66%, rgba(11,10,22,0.14) 100%);
  }
  #order-standard_cart .domain-hero{max-width:none}
  #order-standard_cart .domain-hero .h1,
  #order-standard_cart .domain-hero h1{
    font-size:clamp(2.35rem,12vw,3.15rem) !important;
    max-width:12ch; margin-bottom:26px !important;
  }
  #order-standard_cart .serach-form{flex-direction:column; align-items:stretch; gap:10px}
  #order-standard_cart .serach-form .input-group-icon{display:none}
  /* `flex:1` de la regla base significa cosas distintas segun la
     direccion del contenedor: en fila hace crecer el ANCHO, pero al
     pasar a columna hace crecer el ALTO, y su `flex-basis:0` pisa el
     `height:52px`. El campo quedaba aplastado a 20 px de alto al lado
     de un boton de 52. Con `flex:none` respeta su altura.          */
  #order-standard_cart .serach-form .form-control{
    background:rgba(11,10,22,0.5) !important; border:1px solid rgba(255,255,255,0.18) !important;
    border-radius:10px; padding:0 16px !important;
    flex:none !important; width:100%; height:52px !important;
  }
  #order-standard_cart .serach-form .btn{width:100%}
  #order-standard_cart .table-container{padding:16px}
  #order-standard_cart .table-header{flex-direction:column; align-items:stretch}
  #order-standard_cart .search-group .form-control{width:100%; min-width:0}
}
@media (prefers-reduced-motion:reduce){
  #order-standard_cart *{transition:none !important}
}