/*
Hostingnet SAFE v4
Solo modernización visual: colores, bordes, sombras suaves y compactación menor.
No mueve botones, no fuerza alturas, no cambia estructura del template.
*/

:root{
  --hn-navy:#00185f;
  --hn-blue:#005985;
  --hn-purple:#6846ff;
  --hn-purple-dark:#5335d8;
  --hn-orange:#ee6b22;
  --hn-text:#071439;
  --hn-muted:#5d6680;
  --hn-line:#e4e8f2;
  --hn-bg:#f8f9fd;
}

/* Base */
#order-standard_cart{
  color:var(--hn-text)!important;
  font-size:14px!important;
}

#order-standard_cart .header-lined{
  border-bottom:1px solid var(--hn-line)!important;
  margin-bottom:16px!important;
}

#order-standard_cart .header-lined h1,
#order-standard_cart h1.font-size-36{
  color:var(--hn-blue)!important;
  font-weight:500!important;
  letter-spacing:-.4px!important;
}

/* Menú izquierdo: oscuro legible, sin verse pesado */
#order-standard_cart .panel,
#order-standard_cart .list-group{
  border-color:var(--hn-line)!important;
  box-shadow:none!important;
  border-radius:10px!important;
  overflow:hidden!important;
}

#order-standard_cart .panel-heading,
#order-standard_cart .list-group-item.active,
#order-standard_cart .list-group-item.active:hover,
#order-standard_cart .list-group-item.active:focus{
  background:var(--hn-navy)!important;
  border-color:var(--hn-navy)!important;
  color:#ffffff!important;
}

#order-standard_cart .panel-heading *,
#order-standard_cart .list-group-item.active *,
#order-standard_cart .list-group-item.active:hover *{
  color:#ffffff!important;
}

#order-standard_cart .list-group-item{
  color:#13204a!important;
  border-color:#eef1f7!important;
  font-size:14px!important;
}

#order-standard_cart .list-group-item:hover{
  background:#f6f8fc!important;
  color:var(--hn-blue)!important;
}

/* Cards productos: conservar layout original, solo mejorar visual */
#order-standard_cart .product{
  border:1px solid var(--hn-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(0,24,95,.055)!important;
  overflow:hidden!important;
}

#order-standard_cart .product:hover{
  box-shadow:0 12px 28px rgba(0,24,95,.09)!important;
}

#order-standard_cart .product header{
  background:#fff!important;
  border-bottom:1px solid #f0f2f8!important;
  color:var(--hn-text)!important;
  font-weight:700!important;
}

#order-standard_cart .product header span,
#order-standard_cart .product header span[id$="-name"]{
  color:var(--hn-text)!important;
}

#order-standard_cart .product-desc{
  color:var(--hn-text)!important;
}

#order-standard_cart .product-desc p{
  color:var(--hn-muted)!important;
}

#order-standard_cart .product-desc ul{
  margin-bottom:8px!important;
}

#order-standard_cart .product-desc li{
  color:#172044!important;
  margin-bottom:8px!important;
}

#order-standard_cart .product-desc li::marker{
  color:var(--hn-purple)!important;
}

#order-standard_cart .feature-value{
  font-weight:700!important;
}

/* Precio y botón: no mover, solo colores */
#order-standard_cart .product-pricing,
#order-standard_cart .product-pricing *{
  color:var(--hn-text)!important;
}

#order-standard_cart .product-pricing .price,
#order-standard_cart .product-pricing span.price{
  color:var(--hn-text)!important;
  font-weight:800!important;
}

#order-standard_cart .btn-success,
#order-standard_cart .product footer .btn-success,
#order-standard_cart .product footer .btn{
  background:var(--hn-purple)!important;
  border-color:var(--hn-purple)!important;
  color:#fff!important;
  border-radius:8px!important;
  box-shadow:0 8px 18px rgba(104,70,255,.18)!important;
}

#order-standard_cart .btn-success:hover,
#order-standard_cart .product footer .btn:hover{
  background:var(--hn-purple-dark)!important;
  border-color:var(--hn-purple-dark)!important;
}

/* Dominio y formularios */
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .product-info,
#order-standard_cart .field-container,
#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless,
#order-standard_cart .addon-products .panel,
#order-standard_cart .panel-addon{
  border-color:var(--hn-line)!important;
}

#order-standard_cart .domain-selection-options .option-selected{
  border-color:var(--hn-purple)!important;
  box-shadow:0 0 0 3px rgba(104,70,255,.10)!important;
}

#order-standard_cart .form-control,
#order-standard_cart select,
#order-standard_cart .custom-select{
  border-color:#dfe5f3!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

#order-standard_cart .form-control:focus,
#order-standard_cart select:focus{
  border-color:var(--hn-purple)!important;
  box-shadow:0 0 0 3px rgba(104,70,255,.12)!important;
}

/* Sumario pedido: mantener posición, solo color corporativo */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container{
  border:1px solid var(--hn-line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(0,24,95,.07)!important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container .summary-title{
  background:var(--hn-blue)!important;
  color:#fff!important;
}

#order-standard_cart .order-summary h2 *,
#order-standard_cart .summary-container .summary-title *{
  color:#fff!important;
}

#order-standard_cart .total-due-today,
#order-standard_cart .order-summary .total-due-today{
  background:#f6f3ff!important;
  border:1px solid #d8ccff!important;
  border-radius:12px!important;
}

#order-standard_cart .total-due-today .amt,
#order-standard_cart .order-summary .amt{
  color:var(--hn-purple)!important;
  font-weight:800!important;
}

#order-standard_cart .btn-primary,
#order-standard_cart button.btn-primary,
#order-standard_cart .order-summary .btn{
  background:var(--hn-purple)!important;
  border-color:var(--hn-purple)!important;
  color:#fff!important;
  border-radius:9px!important;
  box-shadow:0 8px 18px rgba(104,70,255,.18)!important;
}

#order-standard_cart .btn-primary:hover{
  background:var(--hn-purple-dark)!important;
  border-color:var(--hn-purple-dark)!important;
}

/* Complementos: no tocar tamaños, solo colores */
#order-standard_cart .addon-products .panel-heading,
#order-standard_cart .panel-addon .panel-heading{
  background:#fff!important;
  color:var(--hn-text)!important;
  border-bottom:1px solid var(--hn-line)!important;
}

#order-standard_cart .addon-products .panel-footer,
#order-standard_cart .panel-addon .panel-footer{
  background:#f7f8fc!important;
}

/* Evitar emojis heredados de versión anterior si quedaron cacheados */
#order-standard_cart .product header:before,
#order-standard_cart .sub-heading span:before,
#order-standard_cart .summary-container .summary-title:before,
#order-standard_cart .order-summary h2:before{
  content:none!important;
}

/* Mobile: solo ajustes seguros */
@media (max-width:768px){
  #order-standard_cart{
    font-size:13px!important;
  }

  #order-standard_cart .header-lined h1,
  #order-standard_cart h1.font-size-36{
    font-size:28px!important;
  }

  #order-standard_cart .product{
    border-radius:12px!important;
  }

  #order-standard_cart .btn-primary,
  #order-standard_cart .btn-success{
    width:auto!important;
    max-width:100%!important;
  }
}



/* Hostingnet SAFE v5 - ajustes finales */
/* Menú izquierdo: selección rectangular, sin puntas redondeadas internas */
#order-standard_cart .list-group,
#order-standard_cart .panel,
#order-standard_cart .panel-sidebar {
    border-radius: 10px !important;
    overflow: hidden !important;
}

#order-standard_cart .list-group-item,
#order-standard_cart .panel-sidebar .list-group-item {
    border-radius: 0 !important;
    position: relative !important;
}

#order-standard_cart .list-group-item.active,
#order-standard_cart .list-group-item.active:hover,
#order-standard_cart .list-group-item.active:focus,
#order-standard_cart .panel-sidebar .list-group-item.active,
#order-standard_cart .panel-sidebar .list-group-item.active:hover,
#order-standard_cart .panel-sidebar .list-group-item.active:focus {
    background: #00185f !important;
    border-color: #00185f !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

#order-standard_cart .list-group-item.active *,
#order-standard_cart .panel-sidebar .list-group-item.active * {
    color: #ffffff !important;
}

/* Línea lateral naranja discreta en seleccionado */
#order-standard_cart .list-group-item.active:before,
#order-standard_cart .panel-sidebar .list-group-item.active:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #ee6b22 !important;
}

/* Header del panel categorías: mantiene redondeo externo arriba, no en item seleccionado */
#order-standard_cart .panel-heading {
    border-radius: 10px 10px 0 0 !important;
}

/* Icono H corporativo para cada plan, sobrio */
#order-standard_cart .product header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

#order-standard_cart .product header:before {
    content: "H" !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #6846ff 0%, #5335d8 100%) !important;
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    box-shadow: 0 8px 18px rgba(104,70,255,.16) !important;
}

/* Cards algo más compactas sin mover estructura */
#order-standard_cart .product header {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
}

#order-standard_cart .product-desc li {
    margin-bottom: 7px !important;
}

#order-standard_cart .product footer .btn,
#order-standard_cart .product footer .btn-success {
    padding: 8px 13px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

#order-standard_cart .product-pricing .price,
#order-standard_cart .product-pricing span.price {
    color: #00185f !important;
    font-weight: 800 !important;
}

/* Menos aire visual sin romper layout */
#order-standard_cart .product {
    box-shadow: 0 6px 18px rgba(0,24,95,.05) !important;
}

#order-standard_cart .product:hover {
    box-shadow: 0 10px 24px rgba(0,24,95,.08) !important;
}



/* Hostingnet SAFE v6 - menú, sumario y botón carrito */

/* Barra superior WHMCS: fondo continuo sin cortes raros */
.navbar-main,
.navbar-main .navbar-nav,
.navbar-main .container,
.navbar-main .container-fluid,
.navbar-main .navbar-collapse {
    background: #005985 !important;
}

.navbar-main {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.navbar-main .navbar-nav > li > a,
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
    color: #ffffff !important;
    background: transparent !important;
}

/* Evita huecos o bordes redondeados en la barra azul */
.navbar-main *,
.navbar-main:before,
.navbar-main:after {
    border-radius: 0 !important;
}

/* Botón Ver Carrito arriba */
.header .btn,
.header .btn-primary,
.header .btn-default,
a[href*="cart.php?a=view"].btn,
a[href*="/cart.php?a=view"].btn,
a[href*="viewcart"].btn,
.btn-view-cart,
#btnViewCart {
    background: #005985 !important;
    border-color: #005985 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

.header .btn:hover,
a[href*="cart.php?a=view"].btn:hover,
a[href*="/cart.php?a=view"].btn:hover,
a[href*="viewcart"].btn:hover,
.btn-view-cart:hover,
#btnViewCart:hover {
    background: #00185f !important;
    border-color: #00185f !important;
    color: #ffffff !important;
}

/* Menú izquierdo: item activo rectangular sin esquinas redondeadas internas */
#order-standard_cart .panel-sidebar,
#order-standard_cart .panel,
#order-standard_cart .list-group {
    border-radius: 8px !important;
    overflow: hidden !important;
}

#order-standard_cart .panel-heading {
    border-radius: 8px 8px 0 0 !important;
    background: #00185f !important;
    color: #ffffff !important;
    border-color: #00185f !important;
}

#order-standard_cart .panel-heading * {
    color: #ffffff !important;
}

/* Quita la curva del item seleccionado */
#order-standard_cart .list-group-item,
#order-standard_cart .panel-sidebar .list-group-item {
    border-radius: 0 !important;
    margin: 0 !important;
}

#order-standard_cart .list-group-item.active,
#order-standard_cart .list-group-item.active:hover,
#order-standard_cart .list-group-item.active:focus,
#order-standard_cart .panel-sidebar .list-group-item.active,
#order-standard_cart .panel-sidebar .list-group-item.active:hover,
#order-standard_cart .panel-sidebar .list-group-item.active:focus {
    background: #00185f !important;
    border-color: #00185f !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

#order-standard_cart .list-group-item.active:before,
#order-standard_cart .panel-sidebar .list-group-item.active:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #ee6b22 !important;
    border-radius: 0 !important;
}

/* Mata pseudo-elementos que generan esquinas blancas/curvas */
#order-standard_cart .list-group-item.active:after,
#order-standard_cart .panel-sidebar .list-group-item.active:after {
    content: none !important;
    display: none !important;
}

#order-standard_cart .list-group-item.active *,
#order-standard_cart .panel-sidebar .list-group-item.active * {
    color: #ffffff !important;
}

/* Sumario de pedido: color corporativo correcto y esquinas limpias */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .summary {
    border: 1px solid #dfe5f3 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(0,24,95,.07) !important;
}

#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container .summary-title,
#order-standard_cart .summary-title,
#order-standard_cart .order-summary .summary-title {
    background: #00185f !important;
    color: #ffffff !important;
    border-radius: 12px 12px 0 0 !important;
    border: 0 !important;
    margin: 0 !important;
}

#order-standard_cart .order-summary h2 *,
#order-standard_cart .summary-container .summary-title *,
#order-standard_cart .summary-title * {
    color: #ffffff !important;
}

#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .summary-container .total-due-today,
#order-standard_cart .total-due-today {
    background: #f5f2ff !important;
    border: 1px solid #d7ccff !important;
    border-radius: 10px !important;
    color: #00185f !important;
}

#order-standard_cart .order-summary .amt,
#order-standard_cart .total-due-today .amt {
    color: #6846ff !important;
}

/* Botón Continuar */
#order-standard_cart .order-summary .btn-primary,
#order-standard_cart .summary-container .btn-primary,
#order-standard_cart button.btn-primary,
#order-standard_cart .btn-primary {
    background: #6846ff !important;
    border-color: #6846ff !important;
    color: #ffffff !important;
    border-radius: 9px !important;
    box-shadow: 0 8px 18px rgba(104,70,255,.18) !important;
}

#order-standard_cart .order-summary .btn-primary:hover,
#order-standard_cart .summary-container .btn-primary:hover,
#order-standard_cart button.btn-primary:hover,
#order-standard_cart .btn-primary:hover {
    background: #5335d8 !important;
    border-color: #5335d8 !important;
}



/* Hostingnet SAFE v7 - compactar beneficios y corregir menú activo */

/* 1) Beneficios del plan: menos espacio entre líneas */
#order-standard_cart .product-desc,
#order-standard_cart .product-info {
    line-height: 1.22 !important;
}

#order-standard_cart .product-desc ul,
#order-standard_cart .product-info ul {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#order-standard_cart .product-desc li,
#order-standard_cart .product-info li {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.22 !important;
    min-height: 0 !important;
}

#order-standard_cart .product-desc p,
#order-standard_cart .product-info p {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    line-height: 1.22 !important;
}

/* Si el template usa <br> entre beneficios, reduce visualmente el salto */
#order-standard_cart .product-desc br,
#order-standard_cart .product-info br {
    line-height: 0.7 !important;
}

/* 2) Cards: compactación leve sin mover precio/botón */
#order-standard_cart .product header {
    padding-top: 12px !important;
    padding-bottom: 9px !important;
}

#order-standard_cart .product-desc {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#order-standard_cart .product footer {
    padding-top: 10px !important;
    padding-bottom: 12px !important;
}

/* 3) Menú izquierdo: eliminar esquinas redondeadas del item activo */
#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .panel-sidebar,
#order-standard_cart .cart-sidebar .list-group {
    overflow: hidden !important;
}

/* El contenedor mantiene redondeo externo, pero los items internos no */
#order-standard_cart .cart-sidebar .list-group,
#order-standard_cart .cart-sidebar .panel-sidebar .list-group {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item,
#order-standard_cart .cart-sidebar a.list-group-item,
#order-standard_cart .cart-sidebar li.list-group-item {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

/* Muy específico para el activo */
#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group-item.active:hover,
#order-standard_cart .cart-sidebar .list-group-item.active:focus,
#order-standard_cart .cart-sidebar a.list-group-item.active,
#order-standard_cart .cart-sidebar a.list-group-item.active:hover,
#order-standard_cart .cart-sidebar a.list-group-item.active:focus,
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active:hover,
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active:focus {
    background: #00185f !important;
    border-color: #00185f !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Pseudo-elementos sin curva */
#order-standard_cart .cart-sidebar .list-group-item.active:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #ee6b22 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active:after,
#order-standard_cart .cart-sidebar a.list-group-item.active:after,
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active:after {
    content: none !important;
    display: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* Si el tema aplica redondeo al primer item activo debajo del heading, lo anulamos */
#order-standard_cart .cart-sidebar .panel-heading + .list-group .list-group-item:first-child,
#order-standard_cart .cart-sidebar .panel-heading + .list-group .list-group-item:first-child.active,
#order-standard_cart .cart-sidebar .panel-collapse .list-group .list-group-item:first-child,
#order-standard_cart .cart-sidebar .panel-collapse .list-group .list-group-item:first-child.active {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
}

/* Corrige también si el activo está dentro de ul/li */
#order-standard_cart .cart-sidebar ul li.active,
#order-standard_cart .cart-sidebar ul li.active a,
#order-standard_cart .cart-sidebar ul li a.active {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #00185f !important;
    color: #ffffff !important;
}

/* 4) Header categorías mantiene sólo las esquinas superiores externas */
#order-standard_cart .cart-sidebar .panel-heading {
    border-radius: 8px 8px 0 0 !important;
    -webkit-border-radius: 8px 8px 0 0 !important;
}

/* 5) Opcional: un poco menos de alto en categorías */
#order-standard_cart .cart-sidebar .list-group-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}



/* ==========================================================
   HOSTINGNET SAFE v8 FINAL
   Importante: este CSS debe cargarse AL FINAL de common.tpl.
   Corrige:
   - menú activo "Hosting" rectangular
   - colores paleta Hostingnet
   - beneficios compactos
   ========================================================== */

/* Paleta real aproximada desde hostingnet.cl:
   Azul principal navegación: #005985
   Azul corporativo oscuro: #00185f
   Morado CTA/logo: #6846ff
   Naranjo acento: #ee6b22
*/

/* Barra superior */
.navbar-main,
.navbar-main .container,
.navbar-main .container-fluid,
.navbar-main .navbar-collapse,
.navbar-main .navbar-nav {
    background: #005985 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.navbar-main .navbar-nav > li > a {
    color: #ffffff !important;
    background: transparent !important;
}

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

/* Botón Ver Carrito */
a[href*="cart.php?a=view"].btn,
a[href*="/cart.php?a=view"].btn,
.btn-view-cart,
#btnViewCart,
.header .btn-primary {
    background: #005985 !important;
    border-color: #005985 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

a[href*="cart.php?a=view"].btn:hover,
a[href*="/cart.php?a=view"].btn:hover,
.btn-view-cart:hover,
#btnViewCart:hover,
.header .btn-primary:hover {
    background: #00185f !important;
    border-color: #00185f !important;
}

/* Menú lateral: contenedor */
#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card-sidebar,
#order-standard_cart .cart-sidebar .panel-sidebar {
    border: 1px solid #e4e8f2 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Header categorías */
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
    background: #00185f !important;
    border-color: #00185f !important;
    color: #ffffff !important;
    border-radius: 10px 10px 0 0 !important;
}

#order-standard_cart .cart-sidebar .panel-heading *,
#order-standard_cart .cart-sidebar .card-header * {
    color: #ffffff !important;
}

/* List group limpio */
#order-standard_cart .cart-sidebar .list-group,
#order-standard_cart .cart-sidebar .collapsable-card-body.list-group {
    border-radius: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
}

/* Todos los items rectangulares */
#order-standard_cart .cart-sidebar .list-group-item,
#order-standard_cart .cart-sidebar a.list-group-item,
#order-standard_cart .cart-sidebar .list-group-item-action {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    margin: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: #e8edf6 !important;
    color: #071439 !important;
    background: #ffffff !important;
    padding: 10px 16px 10px 20px !important;
    box-shadow: none !important;
    position: relative !important;
}

/* Activo, incluyendo el primer hijo Hosting */
#order-standard_cart .cart-sidebar .list-group > .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group > a.list-group-item.active,
#order-standard_cart .cart-sidebar .list-group > .list-group-item-action.active,
#order-standard_cart .cart-sidebar .list-group > .list-group-item:first-child.active,
#order-standard_cart .cart-sidebar .list-group > a.list-group-item:first-child.active,
#order-standard_cart .cart-sidebar .list-group > .list-group-item.active:hover,
#order-standard_cart .cart-sidebar .list-group > a.list-group-item.active:hover,
#order-standard_cart .cart-sidebar .list-group > .list-group-item.active:focus,
#order-standard_cart .cart-sidebar .list-group > a.list-group-item.active:focus {
    background: #00185f !important;
    border-color: #00185f !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Mata redondeo específico de Bootstrap/card en primer/último item */
#order-standard_cart .cart-sidebar .list-group-item:first-child,
#order-standard_cart .cart-sidebar .list-group-item:first-child.active,
#order-standard_cart .cart-sidebar a.list-group-item:first-child,
#order-standard_cart .cart-sidebar a.list-group-item:first-child.active {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
}

#order-standard_cart .cart-sidebar .list-group-item:last-child,
#order-standard_cart .cart-sidebar a.list-group-item:last-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Línea naranja activa */
#order-standard_cart .cart-sidebar .list-group-item.active:before,
#order-standard_cart .cart-sidebar a.list-group-item.active:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #ee6b22 !important;
    border-radius: 0 !important;
}

/* Quita cualquier pseudo-elemento que meta curvas */
#order-standard_cart .cart-sidebar .list-group-item.active:after,
#order-standard_cart .cart-sidebar a.list-group-item.active:after {
    content: none !important;
    display: none !important;
    border-radius: 0 !important;
}

/* Beneficios compactos en cards */
#order-standard_cart .product-desc {
    line-height: 1.18 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#order-standard_cart .product-desc ul {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#order-standard_cart .product-desc li {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.18 !important;
    min-height: 0 !important;
}

#order-standard_cart .product-desc p,
#order-standard_cart .product-info p,
#order-standard_cart .product-info li {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
}

/* Colores generales */
#order-standard_cart .header-lined h1,
#order-standard_cart h1.font-size-36 {
    color: #005985 !important;
}

#order-standard_cart .product {
    border-color: #e4e8f2 !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(0,24,95,.045) !important;
}

#order-standard_cart .product header {
    background: #ffffff !important;
    border-bottom: 1px solid #edf1f7 !important;
}

#order-standard_cart .product-pricing .price,
#order-standard_cart .product-pricing span.price {
    color: #00185f !important;
    font-weight: 800 !important;
}

#order-standard_cart .btn-success,
#order-standard_cart .product footer .btn-success,
#order-standard_cart .product footer .btn,
#order-standard_cart .btn-primary,
#order-standard_cart button.btn-primary {
    background: #6846ff !important;
    border-color: #6846ff !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#order-standard_cart .btn-success:hover,
#order-standard_cart .product footer .btn:hover,
#order-standard_cart .btn-primary:hover {
    background: #5335d8 !important;
    border-color: #5335d8 !important;
}

/* Sumario */
#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container .summary-title,
#order-standard_cart .summary-title {
    background: #00185f !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary h2 *,
#order-standard_cart .summary-container .summary-title *,
#order-standard_cart .summary-title * {
    color: #ffffff !important;
}

#order-standard_cart .total-due-today .amt,
#order-standard_cart .order-summary .amt {
    color: #6846ff !important;
}



/* ==========================================================
   HOSTINGNET SAFE v9
   - Quita la H de los planes
   - Fuerza colores del menú y Ver Carrito con selectores globales
   - Mantiene cards limpias
   ========================================================== */

/* Quitar icono H de planes */
#order-standard_cart .product header:before,
#order-standard_cart .product header::before {
    content: none !important;
    display: none !important;
}

#order-standard_cart .product header {
    display: block !important;
    gap: 0 !important;
}

/* Paleta corporativa */
:root {
    --hn-primary-blue: #005985;
    --hn-dark-blue: #00185f;
    --hn-purple: #6846ff;
    --hn-purple-hover: #5335d8;
    --hn-orange: #ee6b22;
}

/* Barra principal, fuera y dentro del orderform */
.navbar-main,
.navbar-main.navbar,
nav.navbar-main,
section#main-menu,
#main-menu,
.main-navbar,
.navbar.navbar-main {
    background: var(--hn-primary-blue) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.navbar-main .container,
.navbar-main .container-fluid,
.navbar-main .navbar-collapse,
.navbar-main ul.nav,
.navbar-main .navbar-nav,
#main-menu .container,
#main-menu .container-fluid,
#main-menu .navbar-collapse,
#main-menu ul.nav,
#main-menu .navbar-nav {
    background: transparent !important;
}

.navbar-main .navbar-nav > li > a,
.navbar-main li > a,
#main-menu .navbar-nav > li > a,
#main-menu li > a {
    color: #ffffff !important;
    background: transparent !important;
}

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

/* Botón Ver Carrito - selectores globales fuertes */
a[href*="cart.php?a=view"],
a[href*="/cart.php?a=view"],
a[href*="viewcart"],
a[href*="/cart"] .fa-shopping-cart,
.header a.btn,
.header .btn,
#header a.btn,
#header .btn,
header a.btn,
header .btn,
.btn-view-cart,
#btnViewCart {
    box-shadow: none !important;
}

a[href*="cart.php?a=view"].btn,
a[href*="/cart.php?a=view"].btn,
a[href*="viewcart"].btn,
.header a[href*="cart.php?a=view"],
.header a[href*="/cart.php?a=view"],
#header a[href*="cart.php?a=view"],
#header a[href*="/cart.php?a=view"],
header a[href*="cart.php?a=view"],
header a[href*="/cart.php?a=view"],
.btn-view-cart,
#btnViewCart {
    background: var(--hn-primary-blue) !important;
    border: 1px solid var(--hn-primary-blue) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
}

a[href*="cart.php?a=view"].btn:hover,
a[href*="/cart.php?a=view"].btn:hover,
a[href*="viewcart"].btn:hover,
.header a[href*="cart.php?a=view"]:hover,
.header a[href*="/cart.php?a=view"]:hover,
#header a[href*="cart.php?a=view"]:hover,
#header a[href*="/cart.php?a=view"]:hover,
header a[href*="cart.php?a=view"]:hover,
header a[href*="/cart.php?a=view"]:hover,
.btn-view-cart:hover,
#btnViewCart:hover {
    background: var(--hn-dark-blue) !important;
    border-color: var(--hn-dark-blue) !important;
    color: #ffffff !important;
}

/* Menú lateral con color Hostingnet y activo rectangular */
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
    background: var(--hn-primary-blue) !important;
    border-color: var(--hn-primary-blue) !important;
    color: #ffffff !important;
}

#order-standard_cart .cart-sidebar .panel-heading *,
#order-standard_cart .cart-sidebar .card-header * {
    color: #ffffff !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group-item.active:hover,
#order-standard_cart .cart-sidebar .list-group-item.active:focus,
#order-standard_cart .cart-sidebar a.list-group-item.active,
#order-standard_cart .cart-sidebar a.list-group-item.active:hover,
#order-standard_cart .cart-sidebar a.list-group-item.active:focus {
    background: var(--hn-primary-blue) !important;
    border-color: var(--hn-primary-blue) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active *,
#order-standard_cart .cart-sidebar a.list-group-item.active * {
    color: #ffffff !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active:before,
#order-standard_cart .cart-sidebar a.list-group-item.active:before {
    background: var(--hn-orange) !important;
    border-radius: 0 !important;
}

#order-standard_cart .cart-sidebar .list-group-item:first-child,
#order-standard_cart .cart-sidebar .list-group-item:first-child.active,
#order-standard_cart .cart-sidebar a.list-group-item:first-child,
#order-standard_cart .cart-sidebar a.list-group-item:first-child.active {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* Botones de compra dentro del carrito */
#order-standard_cart .btn-success,
#order-standard_cart .product footer .btn-success,
#order-standard_cart .product footer .btn,
#order-standard_cart .btn-primary,
#order-standard_cart button.btn-primary {
    background: var(--hn-purple) !important;
    border-color: var(--hn-purple) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

#order-standard_cart .btn-success:hover,
#order-standard_cart .product footer .btn:hover,
#order-standard_cart .btn-primary:hover {
    background: var(--hn-purple-hover) !important;
    border-color: var(--hn-purple-hover) !important;
}

/* Sumario */
#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container .summary-title,
#order-standard_cart .summary-title {
    background: var(--hn-primary-blue) !important;
    color: #ffffff !important;
}

#order-standard_cart .order-summary h2 *,
#order-standard_cart .summary-container .summary-title *,
#order-standard_cart .summary-title * {
    color: #ffffff !important;
}



/* ==========================================================
   HOSTINGNET SAFE v10 - MAIN MENU REAL
   Corrige el menú que viene de:
   <section id="main-menu">
     <nav id="nav" class="navbar navbar-default navbar-main">
       <div class="collapse navbar-collapse" id="primary-nav">
   ========================================================== */

:root {
    --hn-main-dark: #001A70;
    --hn-main-dark-hover: #00145A;
    --hn-main-orange: #ff6b1a;
    --hn-main-purple: #6846ff;
}

/* MAIN MENU COMPLETO */
section#main-menu,
section#main-menu nav#nav.navbar.navbar-default.navbar-main,
section#main-menu nav#nav.navbar-main,
#main-menu,
#main-menu #nav,
#main-menu .navbar-main {
    background: var(--hn-main-dark) !important;
    background-color: var(--hn-main-dark) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* El container NO debe tener otro color ni dejar cortes */
section#main-menu .container,
section#main-menu .container-fluid,
#main-menu .container,
#main-menu .container-fluid,
#main-menu .navbar-header,
#main-menu #primary-nav,
#main-menu .navbar-collapse,
#main-menu .collapse,
#main-menu .nav,
#main-menu .navbar-nav {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Links principales */
section#main-menu #primary-nav > ul > li > a,
section#main-menu .navbar-nav > li > a,
#main-menu #primary-nav > ul > li > a,
#main-menu .navbar-nav > li > a {
    color: #ffffff !important;
    background: transparent !important;
    font-weight: 500 !important;
}

/* Hover / activo */
section#main-menu #primary-nav > ul > li > a:hover,
section#main-menu #primary-nav > ul > li > a:focus,
section#main-menu .navbar-nav > li > a:hover,
section#main-menu .navbar-nav > li > a:focus,
section#main-menu .navbar-nav > .open > a,
section#main-menu .navbar-nav > .open > a:hover,
section#main-menu .navbar-nav > .open > a:focus,
#main-menu #primary-nav > ul > li > a:hover,
#main-menu #primary-nav > ul > li > a:focus,
#main-menu .navbar-nav > .open > a,
#main-menu .navbar-nav > .open > a:hover,
#main-menu .navbar-nav > .open > a:focus {
    color: #ffffff !important;
    background: var(--hn-main-dark-hover) !important;
}

/* Dropdown */
section#main-menu .dropdown-menu,
#main-menu .dropdown-menu {
    border: 1px solid #e4e8f2 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(0,24,95,.12) !important;
}

section#main-menu .dropdown-menu > li > a,
#main-menu .dropdown-menu > li > a {
    color: #071439 !important;
    background: #ffffff !important;
}

section#main-menu .dropdown-menu > li > a:hover,
#main-menu .dropdown-menu > li > a:hover {
    color: #ffffff !important;
    background: var(--hn-main-dark) !important;
}

/* Botón Ver Carrito en header superior */
a[href="/cart.php?a=view"],
a[href*="cart.php?a=view"],
a[href*="/cart.php?a=view"],
a[href*="cart.php?a=view"].btn,
a[href*="/cart.php?a=view"].btn,
#header a[href*="cart.php?a=view"],
.header a[href*="cart.php?a=view"],
header a[href*="cart.php?a=view"],
.btn-view-cart,
#btnViewCart {
    background: var(--hn-main-dark) !important;
    background-color: var(--hn-main-dark) !important;
    border: 1px solid var(--hn-main-dark) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

a[href="/cart.php?a=view"]:hover,
a[href*="cart.php?a=view"]:hover,
a[href*="/cart.php?a=view"]:hover,
#header a[href*="cart.php?a=view"]:hover,
.header a[href*="cart.php?a=view"]:hover,
header a[href*="cart.php?a=view"]:hover,
.btn-view-cart:hover,
#btnViewCart:hover {
    background: var(--hn-main-dark-hover) !important;
    border-color: var(--hn-main-dark-hover) !important;
    color: #ffffff !important;
}

/* Sidebar Categorías y activo con el mismo azul */
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header,
#order-standard_cart .sidebar .panel-heading {
    background: var(--hn-main-dark) !important;
    background-color: var(--hn-main-dark) !important;
    border-color: var(--hn-main-dark) !important;
    color: #ffffff !important;
}

#order-standard_cart .cart-sidebar .panel-heading *,
#order-standard_cart .cart-sidebar .card-header *,
#order-standard_cart .sidebar .panel-heading * {
    color: #ffffff !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar a.list-group-item.active,
#order-standard_cart .sidebar .list-group-item.active {
    background: var(--hn-main-dark) !important;
    background-color: var(--hn-main-dark) !important;
    border-color: var(--hn-main-dark) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active *,
#order-standard_cart .cart-sidebar a.list-group-item.active *,
#order-standard_cart .sidebar .list-group-item.active * {
    color: #ffffff !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active:before,
#order-standard_cart .cart-sidebar a.list-group-item.active:before {
    background: var(--hn-main-orange) !important;
}

/* Quitar H definitivamente */
#order-standard_cart .product header:before,
#order-standard_cart .product header::before {
    content: none !important;
    display: none !important;
}