/* Heptahost Cart — página de productos sobre standard_cart */

#order-standard_cart .hh-cart-header {
  margin: 0 0 1.5rem;
  padding: 1.75rem 1.5rem;
  background-color: #0B2A4A;
  border-radius: 0.5rem;
  color: #F7F9FC;
}

#order-standard_cart .hh-cart-header h1 {
  margin: 0;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

#order-standard_cart > .row {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

/* Escritorio: .cart-sidebar (25%). Celular: .sidebar-collapsed y el select de categorías. */
#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar-collapsed,
#order-standard_cart .row > .sidebar,
#order-standard_cart .cart-sidebar .d-md-none,
#order-standard_cart .d-md-none:has(select[onchange*="selectChangeNavigate"]),
body:has(#order-standard_cart) .card.d-md-none:has(select[onchange*="selectChangeNavigate"]) {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

#order-standard_cart .cart-body,
#order-standard_cart > .row > .col-md-9,
#order-standard_cart > .row > .pull-md-right {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#order-standard_cart.hh-products-page .cart-body {
  padding-right: 0;
  padding-left: 0;
}

body:has(#order-standard_cart) #main-body .col-lg-4.col-xl-3 {
  display: none;
}

body:has(#order-standard_cart) #main-body .primary-content {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

#order-standard_cart .hh-cart-header .hh-cart-tagline {
  display: block;
  margin: 0.6rem 0 0;
  color: #F7F9FC;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.45;
}

#order-standard_cart .hh-plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.25rem;
  margin: 0;
}

#order-standard_cart .hh-plan {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 1.5rem 1.25rem 1.25rem;
  background: #fff;
  border: 2px solid #d5dbe3;
  border-radius: 0.75rem;
  box-shadow: 0 8px 24px rgba(11, 42, 74, 0.06);
}

#order-standard_cart .hh-plan.is-favorite {
  border-color: #1565C0;
  box-shadow: 0 10px 28px rgba(21, 101, 192, 0.16);
}

#order-standard_cart .hh-plan-badge {
  align-self: flex-start;
  margin: 0 0 0.75rem;
  padding: 0.2rem 0.65rem;
  background-color: #0B2A4A;
  border-radius: 999px;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

#order-standard_cart .hh-plan header {
  margin-bottom: 0.75rem;
}

#order-standard_cart .hh-plan-name {
  display: block;
  color: #0B2A4A;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
}

#order-standard_cart .hh-plan .qty {
  display: block;
  margin-top: 0.25rem;
  color: #3d4a57;
  font-size: 0.85rem;
}

#order-standard_cart .hh-plan .product-desc {
  flex: 1 1 auto;
  width: auto;
  float: none;
  padding: 0;
  color: #1a1a1a;
  font-size: 0.95rem;
}

#order-standard_cart .hh-plan-subtitle {
  margin: 0 0 0.85rem;
  color: #3d4a57;
  font-size: 1rem;
  line-height: 1.4;
}

#order-standard_cart .hh-plan-features {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

#order-standard_cart .hh-plan-features:empty {
  display: none;
  margin: 0;
}

#order-standard_cart .hh-plan-features li {
  position: relative;
  margin: 0 0 0.45rem;
  padding-left: 1.6rem;
  color: #1a1a1a;
  line-height: 1.4;
}

#order-standard_cart .hh-plan-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #146c2e;
  font-weight: 700;
}

#order-standard_cart .hh-plan .feature-value {
  font-weight: 700;
  color: #0B2A4A;
}

#order-standard_cart .hh-plan footer {
  float: none;
  width: auto;
  margin: auto 0 0;
  padding-top: 1rem;
  text-align: left;
}

#order-standard_cart .hh-plan .product-pricing {
  margin-bottom: 1rem;
  color: #3d4a57;
}

#order-standard_cart .hh-plan .price {
  display: block;
  margin: 0;
  color: #0B2A4A;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

#order-standard_cart .hh-price-note {
  display: block;
  margin-top: 0.2rem;
  color: #3d4a57;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.3;
}

#order-standard_cart .hh-plan .btn-order-now {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #0B2A4A;
  border-color: #0B2A4A;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

#order-standard_cart .hh-plan .btn-order-now:hover,
#order-standard_cart .hh-plan .btn-order-now:focus {
  background-color: #164872;
  border-color: #164872;
  color: #fff;
}

#order-standard_cart .hh-plan .btn-order-now:focus-visible {
  outline: 2px solid #071E36;
  outline-offset: 2px;
}

#order-standard_cart.hh-configure .product-title {
  margin: 0 0 0.35rem;
  color: #0B2A4A;
  font-size: 1.35rem;
  font-weight: 700;
}

#order-standard_cart .hh-cycle-price {
  margin: 0 0 1.25rem;
  color: #0B2A4A;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.35;
}

#order-standard_cart.hh-configure .order-summary,
#order-standard_cart.hh-viewcart .order-summary {
  background-color: #0B2A4A;
  border-bottom-color: #0B2A4A;
}

#order-standard_cart.hh-configure .order-summary h2,
#order-standard_cart.hh-viewcart .order-summary h2 {
  background-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart .view-cart-items-header {
  background-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart .view-cart-items {
  border-bottom-color: #0B2A4A;
}

#order-standard_cart .hh-empty-cart {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #5c6770;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: underline;
  cursor: pointer;
}

#order-standard_cart .hh-empty-cart:hover,
#order-standard_cart .hh-empty-cart:focus {
  color: #0B2A4A;
}

#order-standard_cart .hh-promo {
  margin: 0 0 1.25rem;
}

#order-standard_cart.hh-checkout .hh-promo {
  text-align: center;
}

#order-standard_cart .hh-checkout-links {
  margin: 0.75rem 0 1.25rem;
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.4;
}

#order-standard_cart .hh-checkout-links a {
  display: inline-block;
  margin: 0.25rem 0.5rem;
  color: #5c6770;
  text-decoration: underline;
}

#order-standard_cart .hh-checkout-links a:hover,
#order-standard_cart .hh-checkout-links a:focus {
  color: #0B2A4A;
}

#order-standard_cart .hh-promo-toggle {
  padding: 0;
  border: 0;
  background: none;
  color: #0B2A4A;
  font-size: 0.95rem;
  text-decoration: underline;
  cursor: pointer;
}

#order-standard_cart .hh-promo-toggle:hover,
#order-standard_cart .hh-promo-toggle:focus {
  color: #164872;
}

#order-standard_cart .hh-promo-panel {
  margin-top: 0.75rem;
}

#order-standard_cart .hh-promo-panel[hidden] {
  display: none !important;
}

#order-standard_cart .hh-promo-panel .form-group {
  margin-bottom: 0.5rem;
}

#order-standard_cart #checkout.btn-checkout {
  background-color: #0B2A4A;
  border-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart #checkout.btn-checkout:hover,
#order-standard_cart #checkout.btn-checkout:focus {
  background-color: #164872;
  border-color: #164872;
  color: #fff;
}

#order-standard_cart #checkout.btn-checkout.disabled,
#order-standard_cart #checkout.btn-checkout:disabled {
  background-color: #0B2A4A;
  border-color: #0B2A4A;
  color: #fff;
  opacity: 0.55;
}

#order-standard_cart.hh-configure #inputBillingcycle {
  max-width: 100%;
}

@media (max-width: 991px) {
  #order-standard_cart .secondary-cart-body,
  #order-standard_cart .secondary-cart-sidebar {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  #order-standard_cart .secondary-cart-sidebar {
    margin: 1.25rem 0 0;
  }

  #order-standard_cart #btnCompleteProductConfig {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #order-standard_cart #checkout.btn-checkout {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

#order-standard_cart .hh-domain-badge {
  display: inline-block;
  margin: 0.35rem 0 0.75rem 1.85rem;
  padding: 0.2rem 0.7rem;
  background-color: #E7F6EE;
  color: #146c2e;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.35;
}

#order-standard_cart .hh-free-domain-note {
  margin: 0.35rem 0 0.75rem 1.85rem;
  color: #5c6770;
  font-size: 0.85rem;
}

#order-standard_cart .hh-have-domain {
  margin: 0.35rem 0 0.75rem;
}

#order-standard_cart .hh-have-domain-toggle {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #0B2A4A;
  font-size: 0.95rem;
  text-decoration: underline;
  cursor: pointer;
}

#order-standard_cart .hh-have-domain-toggle:hover,
#order-standard_cart .hh-have-domain-toggle:focus {
  color: #164872;
}

#order-standard_cart .hh-have-domain-panel {
  display: none;
}

#order-standard_cart .hh-have-domain-panel.hh-is-open {
  display: block;
}

#order-standard_cart.hh-configure .hh-config-help {
  margin: 1.25rem 0 0;
  color: #5c6770;
  font-size: 0.9rem;
}

#order-standard_cart.hh-configure .hh-config-help a {
  color: #0B2A4A;
  text-decoration: underline;
}

/* El amarillo es el degradado de .domain-checker-container.
   El globo es background-image de .domain-checker-bg. */
#order-standard_cart .domain-checker-container {
  background-color: #EEF2F6 !important;
  background-image: none !important;
  border: 1px solid #DDE4EC;
  border-radius: 10px;
}

#order-standard_cart .domain-checker-bg {
  background-color: transparent !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  padding: 2.25rem 0 2.5rem;
}

#order-standard_cart .domain-checker-container .input-group-box {
  background-color: #fff;
  border-radius: 0.65rem;
  box-shadow: 0 8px 22px rgba(11, 42, 74, 0.08);
}

#order-standard_cart .domain-checker-container .domain-check-availability,
#order-standard_cart .domain-checker-container #btnCheckAvailability {
  background-color: #0B2A4A;
  border-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart .domain-checker-container .domain-check-availability:hover,
#order-standard_cart .domain-checker-container .domain-check-availability:focus,
#order-standard_cart .domain-checker-container #btnCheckAvailability:hover,
#order-standard_cart .domain-checker-container #btnCheckAvailability:focus {
  background-color: #164872;
  border-color: #164872;
  color: #fff;
}

#order-standard_cart .hh-domain-hero-copy {
  margin: 0 auto 1.25rem;
  max-width: 40rem;
  padding: 0 1rem;
  text-align: center;
  color: #4A5568;
}

#order-standard_cart .hh-domain-hero-copy h1 {
  margin: 0 0 0.4rem;
  color: #0B2A4A;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

#order-standard_cart .hh-domain-hero-copy p {
  margin: 0;
  color: #4A5568;
  font-size: 1.05rem;
  line-height: 1.45;
}

#order-standard_cart .domain-checker-bg .captcha-container,
#order-standard_cart .domain-checker-bg .captcha-container p {
  color: #4A5568;
}

#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support),
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support),
#order-standard_cart .btn-add-to-cart:not(.domain-contact-support) {
  background-color: #0B2A4A !important;
  border-color: #0B2A4A !important;
  color: #fff !important;
}

#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):hover,
#order-standard_cart .spotlight-tld .btn:not(.domain-contact-support):focus,
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support):hover,
#order-standard_cart .suggested-domains .btn:not(.domain-contact-support):focus,
#order-standard_cart .btn-add-to-cart:not(.domain-contact-support):hover,
#order-standard_cart .btn-add-to-cart:not(.domain-contact-support):focus {
  background-color: #164872;
  border-color: #164872;
  color: #fff;
}

#order-standard_cart #DomainSearchResults .primary-domain-header,
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
  border-bottom: 2px solid #0B2A4A !important;
  color: #0B2A4A;
  font-weight: 700;
}

#order-standard_cart .hh-featured-tld {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 0 1rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid #D5E0EC;
  border-radius: 0.75rem;
  box-shadow: 0 8px 24px rgba(11, 42, 74, 0.06);
}

#order-standard_cart .hh-featured-tld .hh-tld-ext {
  flex: 1 1 auto;
  margin: 0;
  padding: 1.35rem 1rem 0.35rem;
  background: #fff;
  color: #0B2A4A;
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
}

#order-standard_cart .hh-featured-tld .price {
  margin: 0;
  padding: 0.7rem 0.75rem;
  background-color: #0B2A4A !important;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  border-radius: 0;
}

@media (max-width: 767.98px) {
  #order-standard_cart .featured-tlds-container .col-sm-2,
  #order-standard_cart .featured-tlds-container .col-sm-4:empty {
    display: none;
  }

  #order-standard_cart .featured-tlds-container .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#order-standard_cart .domain-pricing .hh-tld-browse {
  margin: 1.75rem 0 0.75rem;
  color: #5c6770;
  font-size: 0.95rem;
  font-weight: 600;
}

#order-standard_cart .tld-filters a {
  margin: 0 0.35rem 0.45rem 0;
  padding: 0.35rem 0.75rem;
  background-color: #E7EEF5;
  color: #0B2A4A;
  border-radius: 999px;
  font-weight: 600;
}

#order-standard_cart .tld-filters a.badge-success {
  background-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart .domain-pricing .tld-pricing-header div {
  background-color: #0B2A4A;
  border-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart .domain-pricing .tld-row strong {
  color: #0B2A4A;
}

#order-standard_cart .domain-promo-box {
  background-color: #fff;
  border: 1px solid #D5E0EC;
  border-radius: 0.75rem;
  box-shadow: 0 8px 24px rgba(11, 42, 74, 0.06);
}

#order-standard_cart .domain-promo-box h3,
#order-standard_cart .domain-promo-box i,
#order-standard_cart .domain-promo-box .text-warning,
#order-standard_cart .domain-promo-box .text-primary {
  color: #0B2A4A !important;
}

#order-standard_cart .domain-promo-box .btn {
  background-color: #0B2A4A;
  border-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart .domain-promo-box .btn:hover,
#order-standard_cart .domain-promo-box .btn:focus {
  background-color: #164872;
  border-color: #164872;
  color: #fff;
}

#order-standard_cart .hh-advanced-toggle-row {
  margin: 0.85rem 0 0;
  text-align: center;
}

#order-standard_cart .hh-advanced-toggle {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: #0B2A4A;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: underline;
  cursor: pointer;
}

#order-standard_cart .hh-advanced-toggle:hover,
#order-standard_cart .hh-advanced-toggle:focus {
  color: #164872;
  text-decoration: underline;
}

#order-standard_cart .hh-advanced-panel {
  display: none;
  margin-top: 0.75rem;
  padding: 0.9rem;
  background: #fff;
  border-radius: 0.65rem;
  text-align: left;
}

#order-standard_cart .hh-advanced-panel.hh-is-open {
  display: block;
}

#order-standard_cart .hh-advanced-panel .btn-group,
#order-standard_cart .hh-advanced-panel button.multiselect,
#order-standard_cart .hh-advanced-panel select.multiselect {
  display: block;
  width: 100% !important;
  max-width: 100%;
  margin: 0 0 0.55rem;
  text-align: left;
}

#order-standard_cart .hh-advanced-panel .hh-safe-search {
  display: block;
  margin: 0.25rem 0 0;
  color: #0B2A4A;
  font-size: 0.9rem;
  font-weight: 500;
}

#order-standard_cart .hh-hosting-banner {
  margin: 0.35rem 0 1.5rem;
  padding: 1.25rem 1.25rem 1.35rem;
  background: #fff;
  border: 2px solid #0B2A4A;
  border-radius: 0.75rem;
}

#order-standard_cart .hh-hosting-banner h3 {
  margin: 0 0 0.5rem;
  color: #0B2A4A;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
}

#order-standard_cart .hh-hosting-banner p {
  margin: 0 0 1rem;
  color: #3d4a57;
  font-size: 0.98rem;
  line-height: 1.5;
}

#order-standard_cart .hh-hosting-banner .btn {
  background-color: #0B2A4A;
  border-color: #0B2A4A;
  color: #fff;
}

#order-standard_cart .hh-hosting-banner .btn:hover,
#order-standard_cart .hh-hosting-banner .btn:focus {
  background-color: #164872;
  border-color: #164872;
  color: #fff;
}

#order-standard_cart .hh-show-all-tlds {
  margin: 1rem 0 0;
  text-align: center;
}

#order-standard_cart .hh-show-all-tlds .btn {
  background: #fff;
  border: 1px solid #0B2A4A;
  color: #0B2A4A;
  font-weight: 600;
}

#order-standard_cart .hh-show-all-tlds .btn:hover,
#order-standard_cart .hh-show-all-tlds .btn:focus {
  background: #0B2A4A;
  color: #fff;
}

#order-standard_cart .hh-domain-faq {
  margin: 2rem 0 1rem;
}

#order-standard_cart .hh-domain-faq h2 {
  margin: 0 0 0.9rem;
  color: #0B2A4A;
  font-size: 1.35rem;
  font-weight: 700;
}

#order-standard_cart .hh-faq-item + .hh-faq-item {
  margin-top: 0.55rem;
}

#order-standard_cart .hh-faq-toggle {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.9rem 1rem;
  background: #fff;
  border: 1px solid #D5E0EC;
  border-radius: 0.55rem;
  color: #0B2A4A;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

#order-standard_cart .hh-faq-toggle:hover,
#order-standard_cart .hh-faq-toggle:focus {
  border-color: #0B2A4A;
  color: #0B2A4A;
  text-decoration: none;
}

#order-standard_cart .hh-faq-item .collapse p,
#order-standard_cart .hh-faq-item .collapsing p {
  margin: 0;
  padding: 0.85rem 1rem 0.2rem;
  color: #3d4a57;
  font-size: 0.95rem;
  line-height: 1.5;
}

@media (max-width: 767.98px) {
  #order-standard_cart .domain-checker-container.domain-checker-advanced textarea {
    width: 100%;
  }

  #order-standard_cart .domain-checker-container.domain-checker-advanced #btnCheckAvailability {
    position: static;
    width: 100%;
    margin-top: 0.5rem;
  }

  #order-standard_cart .hh-hosting-banner .btn,
  #order-standard_cart .hh-show-all-tlds .btn {
    display: block;
    width: 100%;
  }
}

#order-standard_cart .hh-advanced-help {
  margin: 0.75rem 0 0.35rem;
  color: #3d4a57;
  font-size: 0.9rem;
}

#order-standard_cart .hh-continue-loading[hidden],
#order-standard_cart .hh-continue-label[hidden] {
  display: none !important;
}

/* ================================================================
   Heptahost 2026 · Carrito (heptahost_cart)
   Archivo: /templates/orderforms/heptahost_cart/css/custom.css
   Pega este bloque AL FINAL del archivo actual. Antes, reemplaza en el
   resto del archivo los valores viejos por tokens (tabla del brief §3.3).
   Los tokens --hx-* vienen de /templates/heptahost/css/custom.css,
   que se carga en todas las páginas, también en el carrito.
   ================================================================ */

#order-standard_cart{font-family:var(--hx-body);color:var(--hx-ink)}
#order-standard_cart h1,#order-standard_cart h2,#order-standard_cart h3,
#order-standard_cart .hh-plan-name,#order-standard_cart .price,
#order-standard_cart .product-title{font-family:var(--hx-head);font-weight:700;letter-spacing:var(--hx-track-h)}

/* Encabezado de grupo de productos */
#order-standard_cart .hh-cart-header{border:0;margin:0 0 36px;padding:0}
#order-standard_cart .hh-cart-header h1{font-size:clamp(34px,3.8vw,54px);line-height:1.05;margin:0}
#order-standard_cart .hh-cart-header .hh-cart-tagline{margin:14px 0 0;font-size:18px;line-height:1.6;color:var(--hx-mut-l);max-width:640px}

/* Tarjetas de plan (products.tpl): como "Paquetes" de Servicio.dc.html */
#order-standard_cart .hh-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
#order-standard_cart .hh-plan{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-md);padding:24px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:none;transition:transform .25s,border-color .25s}
#order-standard_cart .hh-plan:hover{transform:translateY(-3px);border-color:var(--hx-blue-l)}
#order-standard_cart .hh-plan-name{font-size:19px}
#order-standard_cart .hh-plan-subtitle{font-size:14px;color:var(--hx-mut-l);margin:0}
#order-standard_cart .hh-plan-features{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.9;color:var(--hx-mut-l)}
#order-standard_cart .hh-plan-features li::before{content:"";display:none}
#order-standard_cart .hh-plan footer{margin-top:auto;display:flex;flex-direction:column;gap:14px;border:0;padding:0;background:transparent}
#order-standard_cart .hh-plan .price{font-size:34px;line-height:1;color:var(--hx-ink)}
#order-standard_cart .hh-price-note{display:block;margin-top:4px;font-family:var(--hx-body);font-size:13px;color:var(--hx-mut-l)}
#order-standard_cart .hh-plan .btn-order-now{background:#fff;color:var(--hx-ink);border:1px solid var(--hx-line-2);font-weight:500;min-height:var(--hx-tap);border-radius:var(--hx-r-sm)}
#order-standard_cart .hh-plan .btn-order-now:hover{border-color:var(--hx-ink);color:var(--hx-ink);background:#fff}
#order-standard_cart .hh-plan .btn-order-now .fa-shopping-cart{display:none}
/* Plan destacado (.is-favorite) y plan recomendado por el deslizador (.is-rec): tarjeta oscura */
#order-standard_cart .hh-plan.is-favorite,#order-standard_cart .hh-plan.is-rec{background:var(--hx-ink);border-color:var(--hx-ink);color:var(--hx-text-d)}
#order-standard_cart .hh-plan.is-favorite .hh-plan-subtitle,#order-standard_cart .hh-plan.is-rec .hh-plan-subtitle,
#order-standard_cart .hh-plan.is-favorite .hh-plan-features,#order-standard_cart .hh-plan.is-rec .hh-plan-features{color:var(--hx-text-d2)}
#order-standard_cart .hh-plan.is-favorite .price,#order-standard_cart .hh-plan.is-rec .price{color:#fff}
#order-standard_cart .hh-plan.is-favorite .hh-price-note,#order-standard_cart .hh-plan.is-rec .hh-price-note{color:var(--hx-mut-d)}
#order-standard_cart .hh-plan.is-favorite .btn-order-now,#order-standard_cart .hh-plan.is-rec .btn-order-now{background:var(--hx-blue-btn);border-color:var(--hx-blue-btn);color:#fff}
#order-standard_cart .hh-plan.is-favorite .btn-order-now:hover,#order-standard_cart .hh-plan.is-rec .btn-order-now:hover{background:var(--hx-blue-btn-hover);color:#fff}
#order-standard_cart .hh-plan-badge{align-self:flex-start;margin:0;font-family:var(--hx-mono);font-weight:400;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--hx-blue-d);color:var(--hx-ink)}
#order-standard_cart .hh-plan.is-rec{animation:hxpop .35s ease-out both}
/* Si hay recomendado por deslizador, el favorito vuelve a tarjeta clara */
#order-standard_cart .hh-plan-grid.has-rec .hh-plan.is-favorite:not(.is-rec){background:#fff;border-color:var(--hx-line);color:var(--hx-ink)}
#order-standard_cart .hh-plan-grid.has-rec .hh-plan.is-favorite:not(.is-rec) .price{color:var(--hx-ink)}
#order-standard_cart .hh-plan-grid.has-rec .hh-plan.is-favorite:not(.is-rec) .hh-plan-subtitle,
#order-standard_cart .hh-plan-grid.has-rec .hh-plan.is-favorite:not(.is-rec) .hh-plan-features,
#order-standard_cart .hh-plan-grid.has-rec .hh-plan.is-favorite:not(.is-rec) .hh-price-note{color:var(--hx-mut-l)}
#order-standard_cart .hh-plan-grid.has-rec .hh-plan.is-favorite:not(.is-rec) .btn-order-now{background:#fff;border-color:var(--hx-line-2);color:var(--hx-ink)}

/* Deslizador que recomienda paquete */
.hx-slider{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-lg);padding:24px 28px;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center}
.hx-slider label{flex:0 0 auto;font-weight:500;font-size:18px;margin:0}
.hx-slider__range{flex:1 1 280px;min-width:0}
.hx-slider input[type=range]{width:100%;height:32px;accent-color:var(--hx-blue-btn)}
.hx-slider output{flex:0 0 auto;font-family:var(--hx-mono);font-size:15px;background:var(--hx-paper);padding:10px 16px;border-radius:var(--hx-r-sm)}

/* Pasos */
#order-standard_cart .hx-steps{margin-bottom:32px}

/* Configurar producto / dominios */
#order-standard_cart .product-info{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-lg);padding:24px}
#order-standard_cart .sub-heading{border:0;margin:32px 0 14px;text-align:left;height:auto}
#order-standard_cart .sub-heading span,#order-standard_cart .sub-heading .primary-bg-color{display:block;background:transparent!important;color:var(--hx-mut-l)!important;padding:0;font-family:var(--hx-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
#order-standard_cart .field-container{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-md);padding:20px 24px}
#order-standard_cart .panel-addon,#order-standard_cart .addon-products .card{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-md);transition:border-color .25s}
#order-standard_cart .panel-addon:hover{border-color:var(--hx-blue-l)}
#order-standard_cart .panel-addon-selected{border-color:var(--hx-blue-l);box-shadow:inset 0 0 0 1px var(--hx-blue-l)}
#order-standard_cart .panel-addon .panel-add{background:var(--hx-paper);color:var(--hx-ink);border-radius:0 0 var(--hx-r-md) var(--hx-r-md);min-height:var(--hx-tap);display:flex;align-items:center;justify-content:center}
#order-standard_cart .panel-addon-selected .panel-add{background:var(--hx-blue-btn);color:#fff}
#order-standard_cart .domain-selection-options .option{border:1px solid var(--hx-line);border-radius:var(--hx-r-md);background:#fff;padding:16px 20px;margin-bottom:8px}
#order-standard_cart .domain-selection-options .option-selected{border-color:var(--hx-blue-l);background:#fff}
#order-standard_cart .domain-selection-options label{min-height:var(--hx-tap);display:flex;align-items:center;gap:10px}

/* Resumen del pedido (configurar, carrito, checkout) */
#order-standard_cart .order-summary,#order-standard_cart .secondary-cart-sidebar .order-summary{background:var(--hx-ink);color:var(--hx-text-d);border:0;border-radius:var(--hx-r-lg);padding:0;overflow:hidden}
#order-standard_cart .order-summary h2{background:transparent;color:#fff;font-family:var(--hx-head);font-weight:700;font-size:20px;letter-spacing:-.01em;padding:20px 24px 0;margin:0;text-align:left}
#order-standard_cart .order-summary .summary-container{background:transparent;border:0;padding:16px 24px 24px;color:var(--hx-text-d)}
#order-standard_cart .order-summary .subtotal,#order-standard_cart .order-summary .bordered-totals{border-color:rgba(255,255,255,.1)}
#order-standard_cart .order-summary .total-due-today .amt,#order-standard_cart .order-summary .amt{font-family:var(--hx-head);font-weight:700;color:#fff}
#order-standard_cart .order-summary .total-due-today span:not(.amt){color:var(--hx-mut-d)}
#order-standard_cart .order-summary .btn-checkout,#order-standard_cart .order-summary .btn-primary{width:100%;min-height:52px;font-size:17px}
#order-standard_cart .order-summary a{color:var(--hx-blue-d)}

/* Carrito (viewcart.tpl) */
#order-standard_cart .view-cart-items-header{background:transparent;color:var(--hx-mut-l);font-family:var(--hx-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--hx-line-2);padding:0 16px 10px}
#order-standard_cart .view-cart-items{border:0}
#order-standard_cart .view-cart-items .item{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-md);margin-top:8px;padding:18px 16px}
#order-standard_cart .view-cart-items .item-title{font-weight:500;font-size:17px}
#order-standard_cart .view-cart-items .item-group,#order-standard_cart .view-cart-items .item-domain{font-size:14px;color:var(--hx-mut-l)}
#order-standard_cart .view-cart-items .item-price span:first-child{font-family:var(--hx-mono);font-size:15px}
#order-standard_cart .view-cart-items .btn-remove-from-cart{min-width:var(--hx-tap);min-height:var(--hx-tap);color:var(--hx-red)}
#order-standard_cart .view-cart-empty{background:#fff;border:1px dashed var(--hx-line-2);border-radius:var(--hx-r-md);padding:40px 24px;text-align:center;color:var(--hx-mut-l)}
#order-standard_cart .hh-empty-cart{min-height:var(--hx-tap)}
#order-standard_cart .hh-promo-toggle{min-height:var(--hx-tap);color:var(--hx-blue-l)}

/* Checkout (checkout.tpl) */
#order-standard_cart.hh-checkout .sub-heading{margin-top:40px}
#order-standard_cart .account-select-container .account{border:1px solid var(--hx-line);border-radius:var(--hx-r-md);background:#fff}
#order-standard_cart .account-select-container .account.active{border-color:var(--hx-blue-l)}
#order-standard_cart #paymentGatewaysContainer label,#order-standard_cart .payment-methods label{display:inline-flex;align-items:center;gap:10px;min-height:var(--hx-tap);padding:10px 16px;border:1px solid var(--hx-line-2);border-radius:var(--hx-r-sm);background:#fff;margin:0 8px 8px 0;font-weight:400}
#order-standard_cart #paymentGatewaysContainer label:has(input:checked){border-color:var(--hx-blue-l);box-shadow:inset 0 0 0 1px var(--hx-blue-l)}
#order-standard_cart .checkout-security-msg{background:var(--hx-paper);border:1px solid var(--hx-line);border-left:4px solid var(--hx-green-l);color:var(--hx-mut-l);border-radius:12px;font-size:14px}
#order-standard_cart #checkout.btn-checkout,#order-standard_cart #btnCompleteOrder{min-height:56px;font-size:17px;padding:16px 28px;border-radius:12px}

/* Dominios (domainregister.tpl): héroe oscuro en lugar del degradado amarillo */
#order-standard_cart .domain-checker-container{background:var(--hx-ink)!important;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:56px 56px!important;border-radius:var(--hx-r-xl);position:relative;overflow:hidden;margin-bottom:40px}
#order-standard_cart .domain-checker-bg{background:transparent!important;padding:56px 24px}
#order-standard_cart .hh-domain-hero-copy h1{color:#fff;font-size:clamp(34px,4.4vw,60px);line-height:1.04;letter-spacing:var(--hx-track-h1)}
#order-standard_cart .hh-domain-hero-copy p{color:#AEB8CC;font-size:19px}
#order-standard_cart .domain-checker-container .input-group-box{background:#fff;border-radius:14px;padding:6px;display:flex;gap:6px;box-shadow:none}
#order-standard_cart .domain-checker-container #message{border:0;min-height:var(--hx-field);font-size:17px;color:var(--hx-ink);resize:none;padding:12px 14px;flex:1 1 auto}
#order-standard_cart .domain-checker-container #btnCheckAvailability{background:var(--hx-ink);border:0;color:#fff;border-radius:var(--hx-r-sm);min-height:var(--hx-field);padding:0 22px;font-weight:500}
#order-standard_cart .hh-advanced-toggle{color:var(--hx-blue-d);min-height:var(--hx-tap)}
#order-standard_cart .hh-advanced-panel{background:var(--hx-panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--hx-r-md);color:var(--hx-text-d)}
#order-standard_cart .hh-advanced-help{color:var(--hx-mut-d)}
#order-standard_cart .domain-checker-result-headline .domain-available{color:var(--hx-green-l-text);font-weight:500}
#order-standard_cart .domain-checker-result-headline .domain-unavailable{color:var(--hx-red)}
#order-standard_cart .domain-checker-available{background:var(--hx-green-soft);color:var(--hx-green-l-text)}
#order-standard_cart .domain-checker-unavailable{background:var(--hx-red-soft);color:var(--hx-red)}
#order-standard_cart .spotlight-tld,#order-standard_cart .hh-featured-tld{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-md);color:var(--hx-ink);font-family:var(--hx-head);font-weight:700}
#order-standard_cart .spotlight-tld .price,#order-standard_cart .hh-featured-tld .price{font-family:var(--hx-mono);font-weight:400;font-size:14px;color:var(--hx-ink)}
#order-standard_cart .spotlight-tld-sale,#order-standard_cart .spotlight-tld-hot,#order-standard_cart .spotlight-tld-new{font-family:var(--hx-mono);font-size:11px;border-radius:999px;background:var(--hx-blue-soft);color:#1D3FB8}
#order-standard_cart .suggested-domains{border:1px solid var(--hx-line);border-radius:var(--hx-r-md);overflow:hidden}
#order-standard_cart .suggested-domains .card-header{background:#fff;font-family:var(--hx-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hx-mut-l)}
#order-standard_cart .domain-suggestion{min-height:var(--hx-tap)}
#order-standard_cart .btn-add-to-cart:not(.domain-contact-support){background:var(--hx-blue-btn);border-color:var(--hx-blue-btn);color:#fff}
#order-standard_cart .tld-filters a{min-height:var(--hx-tap);display:inline-flex;align-items:center;border-radius:999px;background:#fff;border:1px solid var(--hx-line-2);color:var(--hx-ink);padding:0 14px;font-family:var(--hx-body);font-weight:400;font-size:14px;margin:0 6px 6px 0}
#order-standard_cart .tld-filters a.badge-success,#order-standard_cart .tld-filters a.active{background:var(--hx-ink);border-color:var(--hx-ink);color:#fff}
#order-standard_cart .domain-pricing .tld-pricing-header div{font-family:var(--hx-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--hx-mut-l);background:transparent}
#order-standard_cart .domain-pricing .tld-row{border-bottom:1px solid var(--hx-line-3);font-family:var(--hx-mono);font-size:14px}
#order-standard_cart .domain-pricing .tld-row strong{font-family:var(--hx-head);font-weight:700}
#order-standard_cart .hh-hosting-banner,#order-standard_cart .domain-promo-box{background:var(--hx-ink);color:var(--hx-text-d);border:0;border-radius:var(--hx-r-lg);padding:32px}
#order-standard_cart .hh-hosting-banner h3,#order-standard_cart .domain-promo-box h3{color:#fff}
#order-standard_cart .hh-hosting-banner p,#order-standard_cart .domain-promo-box p{color:#AEB8CC}
#order-standard_cart .domain-promo-box .text-primary{color:var(--hx-blue-d)!important}
/* Preguntas frecuentes (acordeón): como Servicio.dc.html */
#order-standard_cart .hh-domain-faq h2{font-size:clamp(28px,3.2vw,44px);margin:0 0 28px}
#order-standard_cart .hh-faq-item{border-bottom:1px solid var(--hx-line-2)}
#order-standard_cart .hh-faq-item:first-child{border-top:1px solid var(--hx-line-2)}
#order-standard_cart .hh-faq-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:var(--hx-tap);padding:22px 0;background:transparent;border:0;font:inherit;font-size:19px;font-weight:500;color:var(--hx-ink);text-align:left;cursor:pointer}
#order-standard_cart .hh-faq-toggle::after{content:"+";font-family:var(--hx-mono);font-size:22px;color:var(--hx-blue-l)}
#order-standard_cart .hh-faq-toggle[aria-expanded="true"]::after{content:"−"}
#order-standard_cart .hh-faq-item p{margin:0 0 24px;font-size:17px;line-height:1.65;color:var(--hx-mut-l);max-width:720px}

/* Pedido completo (complete.tpl) */
#order-standard_cart .hx-done{background:#fff;border:1px solid var(--hx-line);border-radius:var(--hx-r-lg);padding:40px}
#order-standard_cart .hx-done .hx-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--hx-mono);font-size:12px;color:var(--hx-green-l-text);background:var(--hx-green-soft);padding:5px 10px;border-radius:999px}

@media (max-width:767px){
  #order-standard_cart .hh-plan-grid{grid-template-columns:1fr}
  .hx-slider{padding:20px}
  #order-standard_cart .order-summary{border-radius:var(--hx-r-md)}
}
@media (prefers-reduced-motion:reduce){
  #order-standard_cart .hh-plan,#order-standard_cart .hh-plan.is-rec{transition:none!important;animation:none!important}
  #order-standard_cart .hh-plan:hover{transform:none!important}
}

#order-standard_cart .hh-plan-badge{text-transform:none;letter-spacing:0}

/* ==========================================================
   Heptahost · Arreglo del checkout y de la tienda (23 oct 2026)
   Pegar AL FINAL de templates/orderforms/heptahost_cart/css/custom.css
   ========================================================== */

/* 1) Etiquetas arriba del campo, en un renglón, asterisco en línea.
   Causa: standard_cart pone .field-icon en position:absolute, 42×36 px,
   con un selector que lleva #order-standard_cart y le gana al de custom.css del tema. */
#order-standard_cart .prepend-icon .field-icon.hx-has-text{
  position:static;display:block;width:auto;height:auto;z-index:auto;
  margin:0 0 6px;padding:0;line-height:1.3;font-size:14px;font-weight:500;
  text-align:left;color:var(--hx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:none;pointer-events:auto
}
#order-standard_cart .prepend-icon .field-icon.hx-has-text span{line-height:inherit}
#order-standard_cart .prepend-icon .field-icon.hx-has-text span[aria-hidden="true"]{color:var(--hx-blue-l);margin-left:1px}
#order-standard_cart .prepend-icon .field-icon.hx-has-text .text-muted{font-weight:400;color:var(--hx-mut-l)!important}
#order-standard_cart .prepend-icon.hx-field .field,
#order-standard_cart .prepend-icon.hx-field .form-control{padding-left:14px;min-height:var(--hx-field);height:var(--hx-field)}
#order-standard_cart .hx-field{margin-bottom:18px}
/* Teléfono: intl-tel-input le pone display:none a la etiqueta; la mostramos para alinear */
#order-standard_cart .prepend-icon label[for="inputPhone"].field-icon.hx-has-text{display:block!important}
#order-standard_cart .hx-field .intl-tel-input{display:block;width:100%}
#order-standard_cart .hx-field .intl-tel-input .form-control{padding-left:96px!important}
/* Estado: hay 2 etiquetas (for="state" y for="stateinput"); se queda una */
#order-standard_cart .prepend-icon label[for="state"].field-icon.hx-has-text{display:none}

/* 2) Rejilla de 2 columnas en escritorio, 1 en celular (Empresa a lo ancho) */
@media (min-width:576px){
  #order-standard_cart #containerNewUserSignup .row > [class*="col-sm-"]:has(> .hx-field){flex:0 0 50%;max-width:50%}
  #order-standard_cart #containerNewUserSignup .row > [class*="col-sm-"]:has(#inputCompanyName){flex:0 0 100%;max-width:100%}
}

/* 3) Contraseña: medidor alineado bajo "Confirmar contraseña" */
#order-standard_cart #containerPassword .generate-password{min-height:var(--hx-tap)}
#order-standard_cart .password-strength-meter{margin:0}
#order-standard_cart .password-strength-meter .progress{height:6px;margin:6px 0 8px;border-radius:999px;background:var(--hx-line-3)}
#order-standard_cart .password-strength-meter p{text-align:left!important;font-size:13px;margin:0;color:var(--hx-mut-l)}

/* 4) Datos para tu factura: caja igual a los demás grupos */
#order-standard_cart #containerNewUserSignup .field-container{background:transparent;border:0;padding:0}
#order-standard_cart #containerNewUserSignup .field-container label{font-size:14px;font-weight:500;margin-bottom:6px}

/* 5) Formas de pago: 3 tarjetas parejas (1 columna en celular) */
#order-standard_cart #paymentGatewaysContainer > .text-center{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
#order-standard_cart #paymentGatewaysContainer label.radio-inline{
  display:grid;grid-template-columns:22px 1fr;column-gap:12px;row-gap:4px;align-items:start;
  margin:0;padding:16px;min-height:100%;font-weight:500;font-size:15px;color:var(--hx-ink);
  border:1px solid var(--hx-line-2);border-radius:var(--hx-r-md);background:#fff;cursor:pointer;text-align:left
}
#order-standard_cart #paymentGatewaysContainer label.radio-inline > div{grid-row:1 / span 2;margin-top:1px}
#order-standard_cart #paymentGatewaysContainer .hx-pay-help{grid-column:2;display:block;font-weight:400;font-size:13px;line-height:1.45;color:var(--hx-mut-l)}
#order-standard_cart #paymentGatewaysContainer label:has(input:checked){border-color:var(--hx-blue-l);box-shadow:inset 0 0 0 1px var(--hx-blue-l);background:var(--hx-blue-soft)}
@media (max-width:767px){
  #order-standard_cart #paymentGatewaysContainer > .text-center{grid-template-columns:1fr}
}

/* 6) Resumen del pedido en el checkout (va con el parche de checkout.tpl) */
#order-standard_cart .hx-co-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
#order-standard_cart .hx-co-main{grid-column:1;grid-row:1;min-width:0}
#order-standard_cart .hx-co-side{grid-column:2;grid-row:1;position:sticky;top:96px} /* 96 = header fijo + aire */
#order-standard_cart .hx-sum-box > summary{display:none}
#order-standard_cart .hx-sum{background:var(--hx-ink);color:var(--hx-text-d);border-radius:var(--hx-r-lg);padding:22px 24px}
#order-standard_cart .hx-sum h2{font-family:var(--hx-head);font-size:20px;font-weight:700;color:#fff;margin:0 0 14px}
#order-standard_cart .hx-sum ul{list-style:none;margin:0;padding:0}
#order-standard_cart .hx-sum li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}
#order-standard_cart .hx-sum-name{display:block;font-weight:500;color:#fff}
#order-standard_cart .hx-sum-meta{display:block;font-size:13px;color:var(--hx-mut-d);overflow-wrap:anywhere}
#order-standard_cart .hx-sum-price{text-align:right;font-family:var(--hx-mono);font-size:14px;white-space:nowrap}
#order-standard_cart .hx-sum-price small{display:block;font-family:var(--hx-body);font-size:13px;color:var(--hx-mut-d)}
#order-standard_cart .hx-sum-rows{border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
#order-standard_cart .hx-sum-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:4px 0;color:var(--hx-text-d2)}
#order-standard_cart .hx-sum-row span:last-child{font-family:var(--hx-mono)}
#order-standard_cart .hx-sum-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:var(--hx-mut-d);border-top:1px solid rgba(255,255,255,.1);margin-top:10px;padding-top:14px}
#order-standard_cart .hx-sum-total{flex-wrap:wrap}
#order-standard_cart .hx-sum-total span{white-space:nowrap}
#order-standard_cart .hx-sum-total strong{font-family:var(--hx-head);font-size:24px;color:#fff;white-space:nowrap;margin-left:auto}
#order-standard_cart .hx-sum .hh-promo{margin:16px 0 0;text-align:left}
#order-standard_cart .hx-sum .hh-promo-toggle{text-align:left;width:auto}
#order-standard_cart .hx-sum .hh-promo-toggle,#order-standard_cart .hx-sum .hh-checkout-links a{color:var(--hx-blue-d)}
#order-standard_cart .hx-sum .hh-checkout-links{text-align:left;margin:4px 0 0;font-size:14px}
#order-standard_cart .hx-sum .hh-checkout-links a{margin:0 16px 0 0}
#order-standard_cart .hx-sum .hh-promo-panel .form-control{background:#fff}
@media (max-width:991px){
  #order-standard_cart .hx-co-grid{grid-template-columns:1fr;gap:0}
  #order-standard_cart .hx-co-side{grid-column:1;grid-row:1;top:8px;z-index:20;margin:0 0 20px} /* si el header queda fijo en celular, súbelo a su alto */
  #order-standard_cart .hx-co-main{grid-row:2}
  #order-standard_cart .hx-sum-box > summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;
    min-height:52px;padding:12px 16px;background:var(--hx-ink);color:#fff;border-radius:var(--hx-r-md);font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 8px 24px rgba(10,15,28,.18)}
  #order-standard_cart .hx-sum-box > summary span,#order-standard_cart .hx-sum-box > summary strong{white-space:nowrap}
  #order-standard_cart .hx-sum-box > summary strong{margin-left:auto;font-size:15px}
  #order-standard_cart .hx-sum-box > summary::-webkit-details-marker{display:none}
  #order-standard_cart .hx-sum-box > summary::after{content:"+";font-family:var(--hx-mono);color:var(--hx-blue-d);font-size:18px}
  #order-standard_cart .hx-sum-box[open] > summary{border-radius:var(--hx-r-md) var(--hx-r-md) 0 0}
  #order-standard_cart .hx-sum-box[open] > summary::after{content:"−"}
  #order-standard_cart .hx-sum-box .hx-sum{border-radius:0 0 var(--hx-r-md) var(--hx-r-md);padding-top:4px;max-height:70vh;overflow:auto}
  #order-standard_cart .hx-sum-box .hx-sum h2{display:none}
}

/* Celular: el botón "¿Ya tienes cuenta? Entra" a lo ancho, sin apretar el texto */
@media (max-width:575px){
  #order-standard_cart .already-registered .float-right{float:none!important;margin:0 0 12px}
  #order-standard_cart .already-registered .float-right .btn{width:100%;min-height:var(--hx-tap);margin:0}
}

/* 7) Tienda: tarjetas de plan parejas (6 = 3×2; 4 = 4 o 2×2; 2–3 centradas) */
#order-standard_cart .hh-plan-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px}
#order-standard_cart .hh-plan-grid > .hh-plan{height:auto}
#order-standard_cart .hh-plan-grid > *{flex:0 1 calc((100% - 32px) / 3);min-width:0}
#order-standard_cart .hh-plan-grid:has(> :nth-child(4):last-child) > *{flex-basis:calc((100% - 48px) / 4)}
@media (max-width:1199px){
  #order-standard_cart .hh-plan-grid > *,
  #order-standard_cart .hh-plan-grid:has(> :nth-child(4):last-child) > *{flex-basis:calc((100% - 16px) / 2)}
}
@media (max-width:767px){
  #order-standard_cart .hh-plan-grid > *,
  #order-standard_cart .hh-plan-grid:has(> :nth-child(4):last-child) > *{flex-basis:100%}
}
/* Tarjeta oscura (favorito o recomendado por el deslizador): el nombre y las
   características salían en azul marino y #1a1a1a sobre fondo oscuro (no se leían) */
#order-standard_cart .hh-plan-name{color:inherit}
#order-standard_cart .hh-plan-features li{padding-left:0;color:inherit}
#order-standard_cart .hh-plan.is-favorite .hh-plan-features,
#order-standard_cart .hh-plan.is-rec .hh-plan-features{color:var(--hx-text-d2)}