/* *****************************************************
    ** Custom Stylesheet **
***************************************************** */

/* =========================
   DreamHost-ish skin (WHMCS Six) - compatible
========================= */

/* (Esto solo afecta tus bloques .dh-*) */
.dh-home { margin-top: 10px; }

.dh-hero{
  background: linear-gradient(180deg, #f6f3ff, #ffffff);
  border: 1px solid #ece7ff;
  border-radius: 18px;
  padding: 24px;
  margin-bottom: 22px;
}
.dh-hero-inner { display: table; width: 100%; }
.dh-hero-left  { display: table-cell; width: 62%; vertical-align: top; padding-right: 18px; }
.dh-hero-right { display: table-cell; width: 38%; vertical-align: top; }

.dh-title{
  margin: 0 0 8px 0;
  font-weight: 800;
  font-size: 34px;
  color: #2f1c6a;
  letter-spacing: -0.3px;
}
.dh-subtitle{
  margin: 0 0 16px 0;
  color: #232232;
  font-size: 15px;
  line-height: 1.55;
}
.dh-muted{ color: #6c6a7a; }

.dh-cta .btn{ margin-right: 10px; margin-bottom: 10px; border-radius: 12px; padding: 12px 16px; }
.dh-cta .btn-primary{ background: #6b4ce6; border-color: #6b4ce6; }
.dh-cta .btn-primary:hover{ opacity: 0.95; }

.dh-trust{ margin-top: 10px; color: #6c6a7a; font-size: 13px; }
.dh-trust span{
  display: inline-block;
  margin-right: 14px;
  background: #fff;
  border: 1px solid #ece7ff;
  padding: 6px 10px;
  border-radius: 999px;
}
.dh-trust i{ margin-right: 6px; color: #6b4ce6; }

.dh-section{ margin-bottom: 22px; }
.dh-section-head{ margin-bottom: 12px; }
.dh-h2{
  margin: 0 0 4px 0;
  font-size: 20px;
  font-weight: 800;
  color: #2f1c6a;
}
.dh-h3{
  margin: 6px 0 6px 0;
  font-size: 16px;
  font-weight: 800;
  color: #2f1c6a;
}
.dh-p{ color: #6c6a7a; margin: 0; }

.dh-card{
  background:#fff;
  border:1px solid #ece7ff;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(47,28,106,0.08);
}
.dh-card-highlight{
  border-color: rgba(107,76,230,0.35);
  box-shadow: 0 14px 30px rgba(107,76,230,0.16);
}
.dh-card-kicker{
  display:inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #6b4ce6;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
}
.dh-card-title{
  font-weight: 900;
  font-size: 16px;
  color: #2f1c6a;
  margin-bottom: 6px;
}
.dh-card-desc{ color: #6c6a7a; margin-bottom: 10px; }
.dh-card-note{ margin-top: 10px; font-size: 12px; }

.dh-checklist{ list-style:none; padding-left:0; margin:0 0 12px 0; }
.dh-checklist li{ margin-bottom: 6px; color: #232232; }
.dh-checklist i{ color: #19c37d; margin-right: 8px; }

.dh-features .dh-card{ min-height: 140px; margin-bottom: 12px; }
.dh-icon{
  width: 42px; height: 42px;
  border-radius: 14px;
  background: #f6f3ff;
  border: 1px solid #ece7ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b4ce6;
  font-size: 18px;
}

.dh-plans .dh-plan{
  background: #fff;
  border: 1px solid #ece7ff;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 10px 24px rgba(47,28,106,0.08);
  position: relative;
}
.dh-plan-popular{ border-color: rgba(107,76,230,0.45); }
.dh-badge{
  position:absolute; top: 12px; right: 12px;
  background: rgba(25,195,125,0.14);
  color: #0f7a4f;
  border: 1px solid rgba(25,195,125,0.35);
  font-weight: 800;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
}
.dh-plan-name{ font-weight: 900; font-size: 16px; color: #2f1c6a; margin-bottom: 4px; }
.dh-plan-desc{ color: #6c6a7a; margin-bottom: 10px; }
.dh-plan-list{ list-style:none; padding-left:0; margin:0 0 12px 0; }
.dh-plan-list li{ margin-bottom: 6px; color: #232232; }
.dh-plan-list i{ color: #19c37d; margin-right: 8px; }

.dh-mini-cta{
  background: #f6f3ff;
  border: 1px solid #ece7ff;
  border-radius: 16px;
  padding: 14px;
  margin-top: 8px;
}

.dh-news-item{
  background: #fff;
  border: 1px solid #ece7ff;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 10px 24px rgba(47,28,106,0.06);
}
.dh-news-date{
  display:inline-block;
  background: #f6f3ff;
  border: 1px solid #ece7ff;
  color: #2f1c6a;
  font-weight: 800;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
}
.dh-news-title{
  margin: 0 0 8px 0;
  font-weight: 900;
  font-size: 16px;
}
.dh-news-title a{ color: #2f1c6a; text-decoration:none; }
.dh-news-title a:hover{ text-decoration: underline; }
.dh-news-body{ color: #6c6a7a; line-height: 1.6; }
.dh-readmore{
  display:inline-block;
  margin-left: 6px;
  font-weight: 800;
  color: #6b4ce6;
  text-decoration: none;
}
.dh-readmore:hover{ text-decoration: underline; }

@media (max-width: 991px){
  .dh-hero-inner{ display:block; }
  .dh-hero-left, .dh-hero-right{ display:block; width:100%; padding-right:0; }
  .dh-hero-right{ margin-top: 14px; }
  .dh-title{ font-size: 28px; }
}

/* =========================
   unhosting.cl HERO (galaxia sutil)
========================= */

.uh-hero{
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  padding: 52px 0 48px;
  background:
    radial-gradient(1200px 700px at 20% 20%, rgba(107,76,230,0.35), transparent 60%),
    radial-gradient(900px 600px at 85% 30%, rgba(25,195,125,0.16), transparent 55%),
    linear-gradient(180deg, #120a2a 0%, #1b1240 55%, #120a2a 100%);
  color: #fff;
}

.uh-hero-row{ position: relative; z-index: 2; }
.uh-hero-content{ padding-right: 10px; }

.uh-pill{
  display: inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.2px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
  margin-bottom: 12px;
}
.uh-pill i{ margin-right: 8px; color: #19c37d; }

.uh-title{
  margin: 0 0 10px;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.08;
  letter-spacing: -0.5px;
}
.uh-subtitle{
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.82);
  max-width: 640px;
}

.uh-cta .btn{
  border-radius: 12px;
  padding: 12px 16px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.uh-cta .btn-primary{ background: #6b4ce6; border-color: #6b4ce6; }
.uh-cta .btn-primary:hover{ opacity: .95; }
.uh-cta .btn-success{ background: #19c37d; border-color: #19c37d; }
.uh-cta .btn-default{
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.18);
  color: #fff;
}
.uh-cta .btn-default:hover{ background: rgba(255,255,255,0.14); }

.uh-domain{
  margin-top: 18px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
}
.uh-domain-title{
  font-weight: 900;
  margin-bottom: 10px;
  color: rgba(255,255,255,0.92);
}
.uh-domain .form-control{
  border-radius: 12px 0 0 12px;
  border: 1px solid rgba(255,255,255,0.18);
}
.uh-domain .input-group-btn .btn{
  border-radius: 0 12px 12px 0;
}
.uh-btn-search{
  background:#6b4ce6 !important;
  border-color:#6b4ce6 !important;
  color:#fff !important;
}
.uh-btn-transfer{
  background: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.18) !important;
  color:#fff !important;
}

.uh-micro{
  margin-top: 10px;
  color: rgba(255,255,255,0.75);
  font-size: 12px;
}
.uh-micro span{ margin-right: 12px; }
.uh-micro i{ margin-right: 6px; color: #19c37d; }

/* Card derecha */
.uh-hero-card{
  border-radius: 18px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 18px 40px rgba(0,0,0,0.30);
  overflow: hidden;
  margin-top: 4px;
}
.uh-card-top{
  padding: 16px;
  background: rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.uh-card-title{ font-weight: 900; font-size: 16px; }
.uh-card-sub{ color: rgba(255,255,255,0.78); font-size: 13px; margin-top: 2px; }

.uh-card-body{ padding: 14px 16px 16px; }
.uh-card-item{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(255,255,255,0.14);
}
.uh-card-item:last-child{ border-bottom: 0; }

.uh-ico{
  width: 40px; height: 40px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(107,76,230,0.18);
  border: 1px solid rgba(107,76,230,0.25);
  color: #cbbcff;
}

.uh-card-item .btn-link{
  margin-left: auto;
  color: #cbbcff;
  font-weight: 800;
  text-decoration: none;
}
.uh-card-item .btn-link:hover{ text-decoration: underline; }

/* Bloque “persona cálida” */
.uh-warm{
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 14px;
}
.uh-warm-img{
  width: 56px; height: 56px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
}
.uh-warm-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
.uh-warm-text strong{ color:#fff; }
.uh-warm-text .text-muted{ color: rgba(255,255,255,0.75) !important; }

/* Galaxia: capas */
.uh-stars, .uh-nebula{
  position: absolute;
  inset: -40px;
  z-index: 1;
  pointer-events: none;
}
.uh-layer-1{
  opacity: 0.45;
  background-image:
    radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,0.9), transparent 55%),
    radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,0.7), transparent 55%),
    radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,0.7), transparent 55%),
    radial-gradient(2px 2px at 85% 70%, rgba(255,255,255,0.8), transparent 55%),
    radial-gradient(1px 1px at 10% 65%, rgba(255,255,255,0.6), transparent 55%);
  animation: uh-drift-1 18s linear infinite;
}
.uh-layer-2{
  opacity: 0.35;
  background-image:
    radial-gradient(1px 1px at 15% 20%, rgba(255,255,255,0.6), transparent 55%),
    radial-gradient(2px 2px at 55% 35%, rgba(255,255,255,0.7), transparent 55%),
    radial-gradient(1px 1px at 75% 60%, rgba(255,255,255,0.6), transparent 55%),
    radial-gradient(1px 1px at 35% 55%, rgba(255,255,255,0.55), transparent 55%),
    radial-gradient(2px 2px at 90% 40%, rgba(255,255,255,0.7), transparent 55%);
  animation: uh-drift-2 26s linear infinite;
}
.uh-nebula{
  opacity: 0.55;
  background:
    radial-gradient(600px 380px at 20% 50%, rgba(107,76,230,0.22), transparent 60%),
    radial-gradient(520px 340px at 80% 30%, rgba(25,195,125,0.12), transparent 62%),
    radial-gradient(560px 360px at 60% 80%, rgba(255,255,255,0.06), transparent 65%);
  animation: uh-nebula 22s ease-in-out infinite alternate;
  filter: blur(0.2px);
}

@keyframes uh-drift-1{ from { transform: translate3d(0,0,0); } to { transform: translate3d(-40px, 18px, 0); } }
@keyframes uh-drift-2{ from { transform: translate3d(0,0,0); } to { transform: translate3d(30px, -22px, 0); } }
@keyframes uh-nebula{ from { transform: scale(1) translate3d(0,0,0); opacity: 0.48; } to { transform: scale(1.05) translate3d(-10px, 8px, 0); opacity: 0.58; } }

@media (max-width: 991px){
  .uh-title{ font-size: 30px; }
  .uh-hero{ padding: 34px 0 26px; }
  .uh-hero-card{ margin-top: 14px; }
}

/* reset para que Six no se meta */
.uh-hero--reset,
.uh-hero--reset *{ box-sizing: border-box; }
.uh-hero--reset .row{ margin-left: -15px; margin-right: -15px; }
.uh-hero--reset [class*="col-"]{ padding-left: 15px; padding-right: 15px; }

/* =========================
   ===== Unhosting KB =====
========================= */

.uh-kb-wrap{ padding: 18px 0 28px; }

.uh-kb-hero{
  background:#fff;
  border:1px solid #eef0f6;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(20,20,40,.06);
  padding:18px 18px 14px;
  margin: 0 0 16px;
  text-align:center;
}
.uh-kb-title{ margin:0 0 6px; font-weight:900; letter-spacing:-.02em; }
.uh-kb-subtitle{ margin:0 0 12px; color:#6b7280; }

.uh-input{ border-radius:14px; height:52px; border:1px solid #e7e9f2; }
.uh-btn{ border-radius:14px; height:52px; font-weight:800; padding: 0 18px; }

.uh-kb-tips{
  margin-top:10px;
  font-size:12px;
  color:#6b7280;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.uh-tip{ background:#f6f7fb; border:1px solid #eef0f6; border-radius:999px; padding:6px 10px; }

.uh-kb-row{ margin-top: 10px; }

/* OJO: este .uh-card es para KB (no confundir con .uh-hero) */
.uh-card{
  background:#fff;
  border:1px solid #eef0f6;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(20,20,40,.06);
  padding:16px 16px;
  margin-bottom:16px;
}
.uh-card-soft{ background:#fbfbff; }

.uh-section{ margin:0 0 12px; font-weight:900; letter-spacing:-.01em; }

.uh-kb-cat{
  border:1px solid #f0f1f7;
  border-radius:16px;
  padding:14px 14px;
  margin-bottom:12px;
}
.uh-kb-cat-link{
  display:block;
  font-weight:900;
  text-decoration:none;
  color:#2f1c6a;
}
.uh-kb-cat-link i{ margin-right:8px; opacity:.9; }
.uh-kb-cat-desc{ margin:10px 0 0; color:#6b7280; line-height:1.35; }
.uh-kb-cat-count{ color:#6b7280; font-weight:700; margin-left:6px; }
.uh-edit{ font-size:12px; opacity:.75; margin-left:10px; }
.uh-edit:hover{ opacity:1; }

.uh-kb-popular .uh-kb-article{
  padding:12px 0;
  border-top:1px solid #f1f2f7;
}
.uh-kb-popular .uh-kb-article:first-child{ border-top:0; padding-top:0; }

.uh-kb-article-link{
  font-weight:900;
  text-decoration:none;
  display:inline-block;
  color:#2f1c6a;
}
.uh-kb-article-link i{
  margin-right:8px;
  opacity:.9;
}
.uh-kb-article-link:hover{ text-decoration:underline; }
.uh-kb-article-snippet{
  margin:6px 0 0;
  color:#6b7280;
  line-height:1.45;
}

/* KB Article page */
.uh-article-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin: 0 0 12px;
}
.uh-article-title h2{
  margin:0;
  font-weight:900;
  letter-spacing:-.02em;
  color:#2f1c6a;
}
.uh-article-content{
  background:#fff;
  border:1px solid #eef0f6;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(20,20,40,.06);
  padding:18px 18px;
}
.uh-article-content p{ color:#374151; line-height:1.7; }
.uh-article-meta{
  margin-top: 12px;
  color:#6b7280;
  font-size:12px;
}
.uh-article-meta li{ margin-bottom:6px; }

/* =========================
   ===== Announcements =====
   (fix pegado + cards + padding interno)
========================= */

.announcement-single{
  background:#fff;
  border:1px solid #eef0f6;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(20,20,40,.06);
  padding: 0 !important;     /* wrapper sin padding (aire va dentro) */
  margin:0 0 14px;
  overflow:hidden;
}

.announcement-single .title,
.announcement-single p,
.announcement-single .article-items,
.announcement-single .fb-like{
  padding-left: 18px !important;
  padding-right: 18px !important;
  box-sizing: border-box;
}

.announcement-single .title{
  display:block;
  padding-top: 16px !important;
  margin: 0 0 10px 0 !important;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.25;
  color: #2f1c6a;
  text-decoration:none;
}
.announcement-single .title:hover{ text-decoration:underline; }

.announcement-single p{
  margin: 0 0 12px 0 !important;
  color:#6b7280;
  line-height:1.6;
}

.announcement-single .label.label-warning{
  border-radius:999px;
  padding:4px 10px;
  font-weight:800;
}

.announcement-single .article-items{
  margin: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 14px !important;
  border-top: 1px solid #f1f2f7;
  color:#6b7280;
  font-size:12px;
}

/* =========================
   ===== Layout Fixes =====
   (aire lateral + evitar “aplastado”)
========================= */

/* 1) Asegura padding general del contenido */
body .content-wrapper,
body .main-content,
body #main-body,
body .main-body{
  padding-left: 18px;
  padding-right: 18px;
}

/* 2) En pantallas grandes, un poquito más */
@media (min-width: 1200px){
  body .content-wrapper,
  body .main-content,
  body #main-body,
  body .main-body{
    padding-left: 26px;
    padding-right: 26px;
  }
}

/* 3) Si el sidebar de Six queda “flaco” o se comprime raro */
.sidebar,
#sidebar{
  min-width: 260px;
}

/* 4) Que el sidebar no se pegue al borde derecho */
@media (min-width: 992px){
  .sidebar,
  #sidebar{
    padding-right: 12px;
  }
}

/* 5) Evita que el contenedor principal se vaya full-width sin control */
.container,
.container-fluid{
  box-sizing: border-box;
}
/* =========================
   Ticket Submit - Unhosting Style
========================= */

.uh-page-pad{
  padding: 18px 14px 32px;
}
@media (min-width: 992px){
  .uh-page-pad{ padding-left: 24px; padding-right: 24px; }
}

/* HERO */
.uh-ticket-hero{
  background: linear-gradient(180deg, #f6f3ff 0%, #ffffff 100%);
  border: 1px solid #ece7ff;
  border-radius: 18px;
  padding: 18px;
  margin: 0 0 16px;
}
.uh-ticket-hero-inner{
  display: flex;
  gap: 16px;
  align-items: stretch;
}
.uh-ticket-hero-left{ flex: 1 1 auto; min-width: 0; }
.uh-ticket-hero-right{ flex: 0 0 340px; }
@media (max-width: 991px){
  .uh-ticket-hero-inner{ flex-direction: column; }
  .uh-ticket-hero-right{ flex: 1 1 auto; }
}
.uh-ticket-title{
  margin: 0 0 8px;
  font-weight: 900;
  letter-spacing: -.02em;
  color: #2f1c6a;
}
.uh-ticket-sub{
  margin: 0 0 10px;
  color:#6b7280;
  line-height: 1.55;
}
.uh-ticket-tips{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 10px;
}
.uh-ticket-tips .uh-tip{
  background:#fff;
  border:1px solid #ece7ff;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  color:#6b7280;
}
.uh-ticket-tips .uh-tip i{ margin-right: 6px; color:#6b4ce6; }

/* RIGHT HELPBOX */
.uh-ticket-helpbox{
  background:#fff;
  border:1px solid #ece7ff;
  border-radius:16px;
  padding:14px;
  box-shadow:0 10px 24px rgba(47,28,106,0.08);
}
.uh-helpbox-title{
  font-weight: 900;
  color:#2f1c6a;
  margin-bottom: 8px;
}
.uh-helpbox-title i{ color:#6b4ce6; margin-right: 8px; }
.uh-helpbox-body{
  color:#6b7280;
  line-height:1.5;
}
.uh-helpbox-mini{
  margin-top: 10px;
  font-size: 12px;
  color:#6b7280;
}
.uh-helpbox-mini div{ margin-top: 6px; }
.uh-helpbox-mini i{ margin-right: 8px; color:#19c37d; }

/* CARD FORM */
.uh-ticket-card{
  border-radius: 18px;
  border: 1px solid #eef0f6;
  box-shadow: 0 10px 30px rgba(20,20,40,.06);
  overflow: hidden;
}
.uh-card-head{
  padding: 16px 18px 12px;
  border-bottom: 1px solid #f1f2f7;
  background: #fbfbff;
}
.uh-card-title{
  margin: 0 0 4px;
  font-weight: 900;
  color:#2f1c6a;
}
.uh-card-subtitle{
  margin: 0;
  color:#6b7280;
}
.uh-card-body{ padding: 16px 18px 18px; }

/* Aire entre filas */
.uh-row-gap{ margin-bottom: 10px; }
.uh-hint{
  margin-top: 6px;
  font-size: 12px;
  color:#6b7280;
}

/* Mensaje + caja sugerencias */
.uh-message-block textarea{
  border-radius: 14px;
}
.uh-message-suggestions{
  margin-top: 10px;
  background: #f6f3ff;
  border: 1px solid #ece7ff;
  border-radius: 16px;
  padding: 12px 14px;
}
.uh-suggest-title{
  font-weight: 900;
  color:#2f1c6a;
  margin-bottom: 8px;
}
.uh-suggest-title i{ color:#6b4ce6; margin-right: 8px; }
.uh-suggest-list{
  margin: 0;
  padding-left: 18px;
  color:#6b7280;
}
.uh-suggest-list li{ margin-bottom: 6px; }

/* Adjuntos */
.uh-attach{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #ece7ff;
}
.uh-btn-soft{
  border-radius: 14px;
  padding: 12px 14px;
}
.uh-captcha{ margin-top: 14px; }

/* Botonera */
.uh-actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.uh-actions .btn{
  border-radius: 14px;
  padding: 12px 18px;
  font-weight: 800;
}
.uh-actions .btn-primary{
  background:#6b4ce6;
  border-color:#6b4ce6;
}
.uh-actions .btn-primary:hover{ opacity:.95; }

.uh-footer-note{
  margin-top: 12px;
  text-align:center;
  font-size: 12px;
  color:#6b7280;
}
.uh-footer-note i{ margin-right: 6px; color:#19c37d; }

/* Anti “pegado a los bordes” en páginas Six */
body .content-wrapper,
body .main-content,
body #main-body,
body .main-body{
  padding-left: 18px;
  padding-right: 18px;
}
@media (min-width: 1200px){
  body .content-wrapper,
  body .main-content,
  body #main-body,
  body .main-body{
    padding-left: 26px;
    padding-right: 26px;
  }
}
<style>
/* =========================
   UnHosting - Domain Checker Styles
   Paleta: #4B2BFF / #6B4CFF / #E6E9F5
========================= */

:root{
  --uh-primary:#4B2BFF;
  --uh-primary2:#6B4CFF;
  --uh-border:#E6E9F5;
  --uh-text:#1f2440;
  --uh-muted:#5A668A;
  --uh-bg:#F6F5FF;
}

.domain-checker-container{
  margin: 18px 0 24px;
  font-family: Roboto, Arial, sans-serif;
}

.domain-checker-bg{
  background: radial-gradient(1200px 400px at 20% 20%, rgba(107,76,255,.14), transparent 60%),
              radial-gradient(900px 380px at 80% 10%, rgba(75,43,255,.10), transparent 60%),
              var(--uh-bg);
  border: 1px solid var(--uh-border);
  border-radius: 22px;
  padding: 18px 16px;
  box-shadow: 0 14px 34px rgba(26,26,44,0.08);
}

/* Caja bulk */
.domain-bulk-options-box{
  text-align: right;
  margin-bottom: 10px;
}
.domain-bulk-options-box .btn{
  border-radius: 999px !important;
  border: 1px solid rgba(75,43,255,.25) !important;
  background: rgba(255,255,255,.75) !important;
  color: var(--uh-text) !important;
  font-weight: 900 !important;
}
.domain-bulk-options-box .btn:hover{
  border-color: rgba(75,43,255,.45) !important;
  box-shadow: 0 0 0 4px rgba(75,43,255,.10) !important;
}

/* Input domain */
.input-group-box .form-control{
  height: 54px !important;
  border-radius: 18px 0 0 18px !important;
  border: 1px solid var(--uh-border) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  padding: 10px 14px !important;
}
.input-group-box .form-control:focus{
  border-color: var(--uh-primary) !important;
  box-shadow: 0 0 0 5px rgba(75,43,255,.14) !important;
}

/* Botón buscar */
.domain-check-availability{
  height: 54px !important;
  border-radius: 0 18px 18px 0 !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--uh-primary), var(--uh-primary2)) !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 24px rgba(75,43,255,.18) !important;
}
.domain-check-availability:hover{
  filter: brightness(1.03);
}

/* Captcha container (si aparece) */
.domain-checker-bg .captcha-container,
.domain-checker-bg .captcha-holder{
  margin-top: 12px;
}

/* Resultados / steps */
.domain-step-options{
  margin-top: 18px;
}

/* Currency chooser */
.currencychooser .btn-group .btn{
  border-radius: 14px !important;
  border: 1px solid var(--uh-border) !important;
  background: #fff !important;
  color: var(--uh-text) !important;
  font-weight: 900 !important;
}
.currencychooser .btn-group .btn.active{
  border-color: var(--uh-primary) !important;
  box-shadow: 0 0 0 4px rgba(75,43,255,.10) !important;
}

/* Accordion panels */
#pricingTable .panel{
  border: 1px solid var(--uh-border) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(26,26,44,0.06);
}
#pricingTable .panel + .panel{
  margin-top: 12px;
}
#pricingTable .panel-heading{
  background: #fff !important;
  border-bottom: 1px solid var(--uh-border) !important;
}
#pricingTable .panel-title a.domain-tld-pricing-category{
  display: block;
  padding: 14px 16px;
  color: var(--uh-text) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
#pricingTable .panel-title a.domain-tld-pricing-category:hover{
  color: var(--uh-primary) !important;
}
#pricingTable .panel-body{
  background: #fff;
}

/* Tabla precios: más limpia */
.domain-tld-pricing-table-responsive .table{
  margin-bottom: 0 !important;
}
.domain-tld-pricing-table-responsive .table thead th{
  background: #F7F8FF !important;
  border-bottom: 1px solid var(--uh-border) !important;
  color: var(--uh-text) !important;
  font-weight: 900 !important;
}
.domain-tld-pricing-table-responsive .table td,
.domain-tld-pricing-table-responsive .table th{
  border-top: 1px solid var(--uh-border) !important;
  vertical-align: middle !important;
}
.domain-tld-pricing-table-responsive .table-striped > tbody > tr:nth-of-type(odd){
  background: #FCFCFF;
}
.domain-tld-pricing-table-responsive .table td:first-child{
  font-weight: 900;
  color: var(--uh-text);
}

/* Alerts (por si tu alert.tpl usa clases bootstrap) */
.domain-checker-error.alert{
  border-radius: 16px !important;
  border: 1px solid rgba(239,68,68,.25) !important;
  background: rgba(239,68,68,.08) !important;
  color: #7f1d1d !important;
  font-weight: 800 !important;
}

/* Mobile: que no se desarme */
@media (max-width: 767px){
  .domain-checker-bg{ padding: 14px 12px; border-radius: 18px; }
  .input-group-box .form-control{ height: 50px !important; border-radius: 16px 0 0 16px !important; }
  .domain-check-availability{ height: 50px !important; border-radius: 0 16px 16px 0 !important; }
}
/* SOLO para Standard Cart */
#order-standard_cart > .row {
  display: flex;
  gap: 18px;
}

#order-standard_cart .cart-sidebar {
  flex: 0 0 280px;
  max-width: 280px;
}

#order-standard_cart .cart-body {
  flex: 1 1 auto;
  min-width: 0;
}
/* =========================
   Sidebar Standard Cart
   Estilo sobrio UnHosting
   ========================= */

#order-standard_cart .cart-sidebar {
  font-family: Roboto, "Open Sans", Arial, sans-serif;
}

/* Caja del sidebar */
#order-standard_cart .cart-sidebar .panel-sidebar {
  background: #ffffff;
  border: 1px solid rgba(91, 45, 255, 0.15); /* borde suave marca */
  border-radius: 12px;
  margin-bottom: 16px;
  box-shadow: none;
}

/* Título del bloque (Categorías / Acciones) */
#order-standard_cart .cart-sidebar .panel-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .panel-sidebar .card-header {
  background: #1b1240;          /* color marca sólido */
  border-bottom: none;
  padding: 12px 14px;
}

/* Texto del título */
#order-standard_cart .cart-sidebar .panel-sidebar .panel-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Iconos del título */
#order-standard_cart .cart-sidebar .panel-sidebar .panel-title i {
  color: #ffffff;
  opacity: 0.9;
}

/* Contenido */
#order-standard_cart .cart-sidebar .panel-sidebar .list-group {
  padding: 8px;
  background: #ffffff;
}

/* Ítems */
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item {
  border: 1px solid transparent;
  border-radius: 8px;
  margin-bottom: 6px;
  padding: 10px 12px;
  color: #1f2937;
  font-size: 14px;
  background: #ffffff;
  transition: background .12s ease, border-color .12s ease;
}

/* Hover */
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item:hover {
  background: rgba(91, 45, 255, 0.10);
}

/* Activo */
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item.active {
  background: rgba(91, 45, 255, 0.10);
  font-weight: 600;
}

/* Iconos dentro del item */
#order-standard_cart .cart-sidebar .panel-sidebar .list-group-item i {
  color: #1b1240;
}
/* =========================================
   Domain pricing header (FORZADO, sin gris)
   + Quitar barra azul
   ========================================= */

#order-standard_cart .domain-pricing .bg-white .tld-pricing-header{
  background: #1b1240 !important;   /* color marca */
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

/* El gris viene en los hijos: los pintamos también */
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header > div,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header .row,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header .row > div{
  background: #1b1240 !important;
}

/* Texto blanco bien visible */
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header *{
  color: #ffffff !important;
  font-weight: 700;
}

/* Quitar “barra azul” (suele ser border-bottom o box-shadow en columnas) */
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header .tld-column,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header .col-md-8,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header .col-xs-4,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header .col-4{
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* (extra) si la barra fuera un pseudo-elemento */
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header:before,
#order-standard_cart .domain-pricing .bg-white .tld-pricing-header:after{
  content: none !important;
  display: none !important;
}

/* =================================
   Domain promo box: ancho tabla + sobrio
   ================================= */

/* Forzar la columna a ocupar el ancho completo */
#order-standard_cart .domain-promo-box {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 18px 22px;
  box-shadow: none;
}

/* El contenedor col-md-8 centrado lo “des-ancho” */
#order-standard_cart .domain-promo-box {
  max-width: 100%;
}

/* Ajustar tipografías y espacios */
#order-standard_cart .domain-promo-box h3 {
  margin: 0 0 6px 0;
  font-weight: 700;
  color: #1f2937;
}

#order-standard_cart .domain-promo-box p {
  margin: 0 0 10px 0;
  color: #4b5563;
}

/* Quitar el amarillo chillón del texto warning, más sobrio */
#order-standard_cart .domain-promo-box .text-warning {
  color: #6b7280 !important;
  font-weight: 600;
}

/* Botón más sobrio (mantiene warning si quieres, pero lo “apaga”) */
#order-standard_cart .domain-promo-box .btn.btn-warning {
  background: #1b1240;
  border-color: #1b1240;
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  padding: 10px 14px;
}

#order-standard_cart .domain-promo-box .btn.btn-warning:hover {
  filter: brightness(0.95);
}

/* Icono: más chico y elegante */
#order-standard_cart .domain-promo-box .fa-server {
  font-size: 34px !important;
  color: rgba(91,45,255,0.85);
}

/* Iconos de las cajas promocionales (hosting / dominio) */
#order-standard_cart .domain-promo-box .promo-header i.fas {
  font-size: 26px;
  line-height: 1;
  color: #1b1240;          /* color marca */
  margin-top: 2px;
  opacity: 0.95;
}


/* si shield-alt no carga, lock queda visible igual */
#order-standard_cart .domain-promo-box .icon-primary { display: inline-block; }
#order-standard_cart .domain-promo-box .icon-fallback { display: none; }

</style>