@charset "UTF-8";

/* NTBundle source: /css/usuario49.css */
/* ============================================================
   GENERAL
   ============================================================ */

.sp-page-title {
  display: none;
}

#sp-main-body {
  padding-top: 45px;
  min-height: 650px;
}

#sp-main-body a {
  color: #ba0743;
  font-weight: 700;
}

#hikashop_checkout .btn,
.btn {
  background-color: #9e0130 !important;
}

#hikashop_checkout .btn:hover,
#hikashop_checkout .btn:active,
#hikashop_checkout .btn:focus,
.btn:hover,
.btn:active,
.btn:focus {
  background-color: #a4425f;
}


/* ============================================================
   LOGIN / ÁREA DE USUARIO
   ============================================================ */

.login {
  max-width: 560px !important;
  width: 100% !important;
  margin: 35px auto 55px auto !important;
  padding: 34px 42px 30px !important;
  background: #fff !important;
  border: 1px solid rgba(186, 7, 67, 0.14) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08) !important;
  position: relative;
}

.login::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg, #ba0743, #e81d62, #ff9ab8);
}

/* Joomla/Bootstrap mete el formulario en col-lg-4: lo abrimos */
.login .row {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.login .col-lg-4,
.login [class*="col-lg-"],
.login [class*="col-md-"],
.login [class*="col-sm-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.login form,
.login .form-validate,
.login .page-header,
.login .list-group {
  width: 100% !important;
  max-width: 100% !important;
}

.login .page-header h1,
.login h1,
.login h2 {
  display: block !important;
  width: 100% !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin: 0 0 24px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 3px solid #ba0743 !important;
  color: #333 !important;
  font-weight: 700 !important;
  white-space: normal !important;
}

.login label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin-bottom: 6px !important;
}

.login .mb-3,
.login .control-group,
.login .form-group {
  margin-bottom: 16px !important;
}

.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #222 !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease;
}

.login input[type="text"]:focus,
.login input[type="email"]:focus,
.login input[type="password"]:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186, 7, 67, 0.12) !important;
  outline: none !important;
}


/* ---------- Campo contraseña + ojo ---------- */

.password-group .input-group-text,
.login .password-group .input-group-text {
  display: none !important;
}

.login .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  position: relative;
}

.login .input-group input[type="password"],
.login .input-group input[type="text"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 44px !important;
  border-radius: 9px 0 0 9px !important;
  border-right: 0 !important;
}

.login .input-group > .input-password-toggle,
.login .input-group > button.input-password-toggle,
.login .input-password-toggle.btn,
.login button.input-password-toggle.btn {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ba0743 !important;
  border-left: none !important;
  border-radius: 0 9px 9px 0 !important;
  background: #ba0743 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: none !important;
  cursor: pointer;
}

.login .input-password-toggle:hover {
  background: #9e0130 !important;
  box-shadow: none !important;
  transform: none !important;
}

.login .input-password-toggle::before {
  content: "\f06e" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: #fff !important;
  line-height: 1 !important;
}

.login .input-password-toggle.active::before {
  content: "\f070" !important;
}

.login .input-password-toggle .visually-hidden,
.login .input-password-toggle span {
  display: none !important;
}


/* ---------- Recuérdeme tipo switch ---------- */

.login .control-group:has(input[type="checkbox"]),
.login .form-group:has(input[type="checkbox"]),
.login .mb-3:has(input[type="checkbox"]),
.login .form-check {
  position: relative !important;
  display: block !important;
  margin: 14px 0 18px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 28px !important;
}

.login input[type="checkbox"] {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 26px !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 3 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.login input[type="checkbox"] + label,
.login label[for*="remember"],
.login label[for*="rememberme"] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding-left: 58px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #5a5a5a !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  user-select: none !important;
}

.login input[type="checkbox"] + label::before,
.login label[for*="remember"]::before,
.login label[for*="rememberme"]::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #f3d7e1 !important;
  border: 1px solid rgba(186, 7, 67, 0.25) !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.login input[type="checkbox"] + label::after,
.login label[for*="remember"]::after,
.login label[for*="rememberme"]::after {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.18) !important;
  transition: all 0.25s ease !important;
}

.login input[type="checkbox"]:checked + label::before {
  background: linear-gradient(90deg, #ba0743, #e81d62) !important;
  border-color: #ba0743 !important;
}

.login input[type="checkbox"]:checked + label::after {
  left: 23px !important;
}

.login input[type="checkbox"]:focus + label::before {
  box-shadow: 0 0 0 3px rgba(186, 7, 67, 0.16) !important;
}

.login input[type="checkbox"] + label:hover::before {
  border-color: #ba0743 !important;
}


/* ---------- Botón login ---------- */

.login .btn:not(.input-password-toggle),
.login button.btn:not(.input-password-toggle),
.login input[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  margin: 10px 0 18px 0 !important;
  padding: 0 20px !important;
  border: none !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #9e0130, #ba0743, #d81b60) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(186,7,67,0.22) !important;
  white-space: nowrap !important;
  overflow: visible !important;
  transition: all 0.25s ease;
}

.login .btn:not(.input-password-toggle):hover,
.login button.btn:not(.input-password-toggle):hover,
.login input[type="submit"]:hover {
  background: linear-gradient(90deg, #870229, #ba0743, #d30f56) !important;
  box-shadow: 0 10px 22px rgba(186,7,67,0.28) !important;
  transform: translateY(-1px);
}


/* ---------- Enlaces inferiores ---------- */

.login .list-group {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  text-align: center !important;
}

.login .list-group .list-group-item {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 2px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #ba0743 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  white-space: normal !important;
}

.login .list-group .list-group-item:hover,
.login .list-group .list-group-item:focus {
  color: #d81b60 !important;
  text-decoration: underline !important;
}

.login a[href*="view=remind"],
.login a[href*="remind"] {
  display: none !important;
}

.login a[href*="registration"] {
  margin-top: 6px !important;
  padding: 8px 16px !important;
  background: rgba(186,7,67,0.08) !important;
  border-radius: 999px !important;
}

.login .invalid-feedback,
.login .form-control-feedback {
  color: #ba0743;
  font-size: 12px;
  font-weight: 600;
}


/* ============================================================
   HIKASHOP CHECKOUT / LOGIN CHECKOUT
   ============================================================ */

#hikashop_checkout .hkc-lg-4 input {
  display: none;
}

.hkc-lg-4 > h2:nth-child(1),
.hikashop_checkout_login h2 {
  display: none;
}

#hikashop_checkout .hkc-lg-4.btn,
.btn {
  display: block;
  margin: 10px;
  max-width: 300px;
}

.hikashop_checkout_login {
  max-width: 1200px;
}

#hikashop_checkout_address_3_0 {
  max-width: 800px;
  margin: auto;
}

#hikashop_checkout .hkc-lg-4 .btn {
  background-color: #bf456e !important;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
}

#hikashop_checkout .hkc-lg-4.btn:hover {
  background-color: #d30f56 !important;
  box-shadow: 0 4px 10px rgba(186,7,67,0.3);
  transform: translateY(-2px);
}

#hikashop_checkout .hkc-lg-4 .btn.active,
#hikashop_checkout .hkc-lg-4 .btn:focus,
#hikashop_checkout .hkc-lg-4.btn.selected {
  background-color: #910534 !important;
  box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
  transform: none;
  border: 2px solid #000;
}

#hikashop_checkout .hkc-lg-4.btn:active {
  background-color: #7a042b !important;
  transform: translateY(1px);
}

span.hikashop_product_price {
  font-size: 20px;
}

span.hikashop_checkout_cart_final_total {
  font-size: 30px;
}


/* ============================================================
   RECAPTCHA CONSENT
   ============================================================ */

#recaptcha-consent-msg {
  display: none;
  background: #fff;
  border: 2px dashed #000;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  margin: 10px 0;
}

.recaptcha-consent-missing #recaptcha-consent-msg {
  display: block;
}


/* ============================================================
   PAGO Y ENVÍO CHECKOUT
   ============================================================ */

.hikashop_checkout_payment,
.hikashop_checkout_shipping {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
}

.hikashop_checkout_payment,
.hikashop_shipping_group {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
}

.hikashop_checkout_payment label,
.hikashop_checkout_shipping label,
label.shipping-option {
  display: block;
  width: 100%;
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 15px 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  font-weight: 600;
  color: #333;
}

.hikashop_checkout_payment label:hover,
.hikashop_checkout_shipping label:hover {
  border-color: #ba0743 !important;
  box-shadow: 0 0 10px rgba(186,7,67,0.25);
}

.hikashop_checkout_payment input[type="radio"]:checked + label,
.hikashop_checkout_shipping input[type="radio"]:checked + label {
  background-color: #ba0743;
  border-color: #ba0743 !important;
  color: #fff;
  box-shadow: 0 0 10px rgba(186,7,67,0.4);
  transform: scale(1.02);
}

.hikashop_checkout_payment input[type="radio"]:checked + label::before,
.hikashop_checkout_shipping input[type="radio"]:checked + label::before {
  content: "✔";
  color: #ba0743;
  background-color: #fff;
  border-radius: 50%;
  font-size: 13px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

label.shipping-option input[type="radio"],
label.shipping-option .shipping-header {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

label.shipping-option .shipping-header {
  margin-left: 8px;
  font-weight: bold !important;
  font-size: 1.1rem;
}

label.shipping-option .hikashop_checkout_shipping_description {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  color: #555;
}

.hikashop_payment_methods_table tr td,
.hikashop_shipping_methods_table tr td {
  padding-left: 0 !important;
  padding-top: 15px !important;
}

.hikashop_checkout_payment legend,
.hikashop_shipping_group legend {
  font-size: 1.5rem;
  font-weight: bolder;
}


/* ============================================================
   TÉRMINOS Y CONDICIONES CHECKOUT
   ============================================================ */

.hikashop_checkout_terms_2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.hikashop_checkout_terms_2 label {
  display: inline-block;
  font-size: 14px;
  color: #333;
  margin: 0;
  cursor: pointer;
}

.hikashop_checkout_terms_checkbox {
  width: 18px;
  height: 18px;
  accent-color: #ba0743;
}

#hikashop_checkout_terms_2_1 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  gap: 15px;
  max-width: 450px;
  margin: 15px 0 25px auto;
}

#hikashop_checkout_terms_2_1 label {
  margin: 0;
  cursor: pointer;
  flex: 1;
}

#hikashop_checkout_terms_2_1 input[type="checkbox"] {
  transform: scale(1.6);
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
}


/* ============================================================
   PERFIL / PANEL USUARIO
   ============================================================ */

.hkform-horizontal {
  padding-top: 35px;
}

.hkform-horizontal legend,
.profile-edit legend,
.hk-well.hikashop_user_points_cpanel,
.hikashop_cpanel_affiliate_div {
  display: none !important;
}

#jform_params_editor-lbl,
#jform_params_editor,
#jform_params_timezone-lbl,
#jform_params_timezone,
#jform_params_language-lbl,
#jform_params_language {
  display: none !important;
}

.profile-edit .btn {
  display: inline-flex;
}


#hikashop_user_addresses_show a {
  color: #fff;
  font-weight: 700;
}

td.hikashop_cart_product_quantity_value .fa,
td.hikashop_cart_product_quantity_value .fas {
  padding-left: 15px;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media only screen and (max-width: 1024px) {
  .hikashop_checkout_cart td.hikashop_cart_product_name_value {
    width: 100%;
  }

  .hikashop_wizardbar ul li {
    padding: 0 5px 0 15px;
  }
}

@media only screen and (max-width: 600px) {
  .login {
    max-width: calc(100% - 24px) !important;
    padding: 26px 20px 24px !important;
    margin: 24px auto 40px auto !important;
  }

  .login .page-header h1,
  .login h1,
  .login h2 {
    font-size: 24px !important;
  }
}

/* ============================================================
   LOGIN - RECUÉRDAME SWITCH ROBUSTO
   ============================================================ */

/* Contenedor del recuérdeme */
.login .control-group:has(input[type="checkbox"]),
.login .form-group:has(input[type="checkbox"]),
.login .mb-3:has(input[type="checkbox"]),
.login .form-check:has(input[type="checkbox"]) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 14px 0 20px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Checkbox real: lo hacemos invisible pero clicable */
.login .control-group:has(input[type="checkbox"]) input[type="checkbox"],
.login .form-group:has(input[type="checkbox"]) input[type="checkbox"],
.login .mb-3:has(input[type="checkbox"]) input[type="checkbox"],
.login .form-check input[type="checkbox"] {
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 48px !important;
  height: 28px !important;
  margin: 0 !important;
  opacity: 0 !important;
  z-index: 5 !important;
  cursor: pointer !important;
}

/* Texto */
.login .control-group:has(input[type="checkbox"]) label,
.login .form-group:has(input[type="checkbox"]) label,
.login .mb-3:has(input[type="checkbox"]) label,
.login .form-check label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding-left: 60px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* Fondo del switch */
.login .control-group:has(input[type="checkbox"]) label::before,
.login .form-group:has(input[type="checkbox"]) label::before,
.login .mb-3:has(input[type="checkbox"]) label::before,
.login .form-check label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: #f3d7e1 !important;
  border: 1px solid rgba(186, 7, 67, 0.28) !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

/* Bolita */
.login .control-group:has(input[type="checkbox"]) label::after,
.login .form-group:has(input[type="checkbox"]) label::after,
.login .mb-3:has(input[type="checkbox"]) label::after,
.login .form-check label::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.22) !important;
  transition: all 0.25s ease !important;
}

/* Activado */
.login .control-group:has(input[type="checkbox"]:checked) label::before,
.login .form-group:has(input[type="checkbox"]:checked) label::before,
.login .mb-3:has(input[type="checkbox"]:checked) label::before,
.login .form-check:has(input[type="checkbox"]:checked) label::before {
  background: linear-gradient(90deg, #ba0743, #e81d62) !important;
  border-color: #ba0743 !important;
}

/* Bolita activada */
.login .control-group:has(input[type="checkbox"]:checked) label::after,
.login .form-group:has(input[type="checkbox"]:checked) label::after,
.login .mb-3:has(input[type="checkbox"]:checked) label::after,
.login .form-check:has(input[type="checkbox"]:checked) label::after {
  left: 24px !important;
}

/* Hover */
.login .control-group:has(input[type="checkbox"]) label:hover::before,
.login .form-group:has(input[type="checkbox"]) label:hover::before,
.login .mb-3:has(input[type="checkbox"]) label:hover::before,
.login .form-check label:hover::before {
  border-color: #ba0743 !important;
}

/* Ocultar "¿Recordar su usuario?" en login */
.login .list-group > a:nth-of-type(2),
.login .list-group > .list-group-item:nth-of-type(2),
.login a[href*="view=remind"],
.login a[href*="remind"],
.login a[href*="recordar-usuario"],
.login a[href*="recordar-su-usuario"] {
  display: none !important;
}
/* ============================================================
   REGISTRO HIKASHOP - FORMULARIO USUARIO
   ============================================================ */

/* REGISTRO HIKASHOP */
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane {
  max-width: 560px !important;
  width: 100% !important;
  margin: 35px auto 60px auto !important;
  padding: 34px 42px 32px !important;
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
  position: relative !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8);
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane h2,
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .is-underlined-revealed {
  display: none !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .hkform-group.control-group {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  clear: both !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .hkform-group.control-group > label,
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane label.hkcontrol-label {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #333 !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .hkform-group.control-group > div,
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .hkc-sm-8 {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane input.form-control,
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane input[type="text"],
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane input[type="password"],
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #222 !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane input.form-control:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
  outline: none !important;
}

/* Campo contraseña + ojo */
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .password-group .input-group {
  display: flex !important;
  width: 100% !important;
  align-items: stretch !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .password-group .input-group > input.form-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border-radius: 9px 0 0 9px !important;
  border-right: 0 !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .password-group .input-group > button.input-password-toggle {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ba0743 !important;
  border-left: 0 !important;
  border-radius: 0 9px 9px 0 !important;
  background: #ba0743 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .password-group .input-group > button.input-password-toggle::before {
  content: "\f06e" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: #fff !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .password-group .input-group > button.input-password-toggle span {
  display: none !important;
}

/* Requisitos mínimos */
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane meter {
  display: block !important;
  width: 120px !important;
  height: 6px !important;
  margin: 7px 0 4px 0 !important;
}

body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .small,
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane small,
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane .text-muted {
  display: block !important;
  margin: 5px 0 0 0 !important;
  font-size: 12px !important;
  color: #555 !important;
}

/* Texto campos obligatorios */
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane p {
  font-size: 13px !important;
  color: #555 !important;
  margin: 18px 0 10px 0 !important;
}

/* Botón registrarse */
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane button[type="submit"],
body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane input[type="submit"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  margin: 18px 0 0 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.22) !important;
}

@media only screen and (max-width:600px) {
  body.com-hikashop.view-user.layout-form .hkform-horizontal.hikashop_contentpane {
    max-width: calc(100% - 24px) !important;
    padding: 26px 20px 24px !important;
    margin: 24px auto 40px auto !important;
  }
}
/* ============================================================
   RESTABLECIMIENTO CONTRASEÑA - JOOMLA AJUSTADO
   ============================================================ */

/* Tarjeta general */
#sp-component .reset {
  max-width: 560px !important;
  width: 100% !important;
  margin: 35px auto 60px auto !important;
  padding: 34px 42px 32px !important;
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
  position: relative !important;
}

/* Línea superior */
#sp-component .reset::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8);
}

/* CLAVE: abrir columnas internas de Bootstrap/Joomla */
#sp-component .reset .row {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#sp-component .reset .col-lg-4,
#sp-component .reset [class*="col-lg-"],
#sp-component .reset [class*="col-md-"],
#sp-component .reset [class*="col-sm-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Título */
#sp-component .reset h1,
#sp-component .reset h2 {
  display: block !important;
  width: 100% !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  margin: 0 0 18px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 3px solid #ba0743 !important;
  color: #333 !important;
  font-weight: 700 !important;
  text-align: left !important;
  white-space: normal !important;
}

/* Texto explicativo */
#sp-component .reset p {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #444 !important;
  text-align: left !important;
}

/* Formulario */
#sp-component form#user-registration {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Grupos */
#sp-component form#user-registration .mb-3 {
  width: 100% !important;
  margin-bottom: 16px !important;
}

/* Labels */
#sp-component form#user-registration label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

/* Input */
#sp-component form#user-registration input[type="email"],
#sp-component form#user-registration input[type="text"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #222 !important;
  box-sizing: border-box !important;
}

/* Foco */
#sp-component form#user-registration input:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
  outline: none !important;
}

/* Ocultar texto Captcha *, pero mantener el captcha invisible */
#sp-component form#user-registration label[for="jform_captcha"],
#sp-component form#user-registration #jform_captcha-lbl {
  display: none !important;
}

#sp-component form#user-registration #jform_captcha,
#sp-component form#user-registration .g-recaptcha {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Botón enviar */
#sp-component form#user-registration button,
#sp-component form#user-registration .btn {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 46px !important;
  margin: 18px 0 0 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.22) !important;
}

#sp-component form#user-registration button:hover,
#sp-component form#user-registration .btn:hover {
  background: linear-gradient(90deg,#870229,#ba0743,#d30f56) !important;
  box-shadow: 0 10px 22px rgba(186,7,67,.28) !important;
  transform: translateY(-1px);
}

/* Responsive */
@media only screen and (max-width:600px) {
  #sp-component .reset {
    max-width: calc(100% - 24px) !important;
    padding: 26px 20px 24px !important;
    margin: 24px auto 40px auto !important;
  }

  #sp-component .reset h1,
  #sp-component .reset h2 {
    font-size: 24px !important;
  }
}

/* ============================================================
   PANEL USUARIO HIKASHOP - BLOQUE ÚNICO CORREGIDO
   Este bloque sustituye todo lo anterior del panel.
   ============================================================ */

/* -------- ESTRUCTURA GENERAL -------- */
.hikashop_cpanel_main_interface {
  max-width: 1180px !important;
  width: 100% !important;
  margin: 28px auto 60px !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface #hikashop_dashboard.hk-row-fluid,
.hikashop_cpanel_main_interface #hikashop_dashboard.hikashop_dashboard,
.hikashop_cpanel_main_interface .hikashop_dashboard.hk-row-fluid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface #hikashop_dashboard::before,
.hikashop_cpanel_main_interface #hikashop_dashboard::after,
.hikashop_cpanel_main_interface .hikashop_dashboard::before,
.hikashop_cpanel_main_interface .hikashop_dashboard::after,
.hikashop_cpanel_main_interface .hk-row-fluid::before,
.hikashop_cpanel_main_interface .hk-row-fluid::after {
  display: none !important;
  content: none !important;
}

.hikashop_cpanel_main_interface #hikashop_dashboard > .hika_cpanel_side_bar,
.hikashop_cpanel_main_interface .hikashop_dashboard > .hika_cpanel_side_bar {
  float: none !important;
  clear: none !important;
  flex: 0 0 240px !important;
  width: 240px !important;
  max-width: 240px !important;
  min-width: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface #hikashop_dashboard > .hika_cpanel_main_data,
.hikashop_cpanel_main_interface .hikashop_dashboard > .hika_cpanel_main_data {
  float: none !important;
  clear: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 268px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* -------- MENÚ LATERAL -------- */
.hikashop_cpanel_main_interface .hika_cpanel_icons {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #fff !important;
  border: 1px solid rgba(186, 7, 67, 0.15) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 18px !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_icons::before {
  content: "" !important;
  display: block !important;
  height: 4px !important;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8) !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_icon {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 58px !important;
  width: 100% !important;
  padding: 0 18px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(186,7,67,.10) !important;
  color: #ba0743 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
  transition: background .18s ease, color .18s ease, padding-left .18s ease !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_icon:last-child {
  border-bottom: 0 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_icon:hover,
.hikashop_cpanel_main_interface .hika_cpanel_icon:focus {
  background: #fff5fa !important;
  color: #870229 !important;
  padding-left: 22px !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_icons .hk-icon,
.hikashop_cpanel_main_interface .hika_cpanel_icons .hkicon-48,
.hikashop_cpanel_main_interface .hika_cpanel_icons .fa-stack,
.hikashop_cpanel_main_interface .hika_cpanel_icons i {
  display: none !important;
}

.hikashop_cpanel_main_interface .hikashop_cpanel_button_text {
  display: block !important;
  width: 100% !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.hikashop_cpanel_main_interface .hikashop_cpanel_data {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 22px !important;
  margin-left: 8px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #ba0743 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* -------- COLUMNA DE PEDIDOS -------- */
.hikashop_cpanel_main_interface .hika_cpanel_main_top {
  margin: 0 0 14px !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_main_data_title {
  margin: 0 0 16px !important;
  padding: 0 0 11px !important;
  border-bottom: 3px solid #ba0743 !important;
  color: #333 !important;
  font-size: 27px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

/* -------- TARJETA DE PEDIDO -------- */
.hikashop_cpanel_main_interface .hk-card-order {
  position: relative !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.055) !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface .hk-card-order:hover {
  box-shadow: 0 12px 30px rgba(186,7,67,.11) !important;
}

.hikashop_cpanel_main_interface .hk-card-order .hk-card-header {
  padding: 0 !important;
  background: #fff7fa !important;
  border-bottom: 1px solid rgba(186,7,67,.10) !important;
  border-radius: 18px 18px 0 0 !important;
}

.hikashop_cpanel_main_interface .hk-card-order .hk-card-header > a.hk-row-fluid {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  color: #ba0743 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_date,
.hikashop_cpanel_main_interface .hika_cpanel_price {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ba0743 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_price {
  margin-left: auto !important;
}

/* Pedido / estado / acciones en la misma línea */
.hikashop_cpanel_main_interface .hk-card-order .hk-card-body {
  padding: 14px 18px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

.hikashop_cpanel_main_interface .hk-card-order .hk-card-body > .hk-row-fluid {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.hikashop_cpanel_main_interface .hk-card-order .hk-card-body > .hk-row-fluid > div {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_number,
.hikashop_cpanel_main_interface .hk-card-order .hk-card-body > .hk-row-fluid > div:first-child {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 9px !important;
  color: #333 !important;
  min-width: 0 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_number br,
.hikashop_cpanel_main_interface .hk-card-order .hk-card-body > .hk-row-fluid > div:first-child br {
  display: none !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_title,
.hikashop_cpanel_main_interface .hika_cpanel_value {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_title {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #555 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_value {
  min-height: 23px !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  background: #fff5fa !important;
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_status {
  flex: 0 0 auto !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.hikashop_cpanel_main_interface .order-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.hikashop_cpanel_main_interface .order-label-preparado,
.hikashop_cpanel_main_interface .order-label-confirmed,
.hikashop_cpanel_main_interface .order-label-created {
  background: #159b58 !important;
}

.hikashop_cpanel_main_interface .order-label-cancelado,
.hikashop_cpanel_main_interface .order-label-cancelled,
.hikashop_cpanel_main_interface .order-label-canceled {
  background: #d98a00 !important;
}

.hikashop_cpanel_main_interface .order-label-shipped,
.hikashop_cpanel_main_interface .order-label-enviado {
  background: #0f8aa6 !important;
}

/* Acciones */
.hikashop_cpanel_main_interface .hika_cpanel_order_action {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 80 !important;
  overflow: visible !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_action .btn,
.hikashop_cpanel_main_interface .hika_cpanel_order_action button,
.hikashop_cpanel_main_interface .hika_cpanel_order_action .dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.22) !important;
  line-height: 1 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_action .btn:hover,
.hikashop_cpanel_main_interface .hika_cpanel_order_action button:hover,
.hikashop_cpanel_main_interface .hika_cpanel_order_action .dropdown-toggle:hover {
  background: linear-gradient(90deg,#870229,#ba0743,#d30f56) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(186,7,67,.28) !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_action .dropdown-menu,
.hikashop_cpanel_main_interface .dropdown-menu {
  min-width: 238px !important;
  padding: 8px !important;
  margin-top: 9px !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.14) !important;
  z-index: 9999 !important;
  overflow: hidden !important;
}

.hikashop_cpanel_main_interface .dropdown-menu i,
.hikashop_cpanel_main_interface .dropdown-menu .fa,
.hikashop_cpanel_main_interface .dropdown-menu .fas,
.hikashop_cpanel_main_interface .dropdown-menu .far,
.hikashop_cpanel_main_interface .dropdown-menu svg {
  display: none !important;
}

.hikashop_cpanel_main_interface .dropdown-menu a,
.hikashop_cpanel_main_interface .dropdown-menu button,
.hikashop_cpanel_main_interface .dropdown-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #ba0743 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-decoration: none !important;
  transition: all .16s ease !important;
}

.hikashop_cpanel_main_interface .dropdown-menu a:hover,
.hikashop_cpanel_main_interface .dropdown-menu button:hover,
.hikashop_cpanel_main_interface .dropdown-item:hover {
  background: linear-gradient(90deg,rgba(186,7,67,.10),rgba(232,29,98,.16)) !important;
  color: #870229 !important;
  padding-left: 16px !important;
}

/* Productos y métodos */
.hikashop_cpanel_main_interface .hk-card-order > .hk-row-fluid {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px 18px 18px !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface .hk-card-order > .hk-row-fluid > .hika_cpanel_products {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.hikashop_cpanel_main_interface .hk-card-order > .hk-row-fluid > .hika_cpanel_methods {
  flex: 0 0 250px !important;
  width: 250px !important;
  max-width: 250px !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_products,
.hikashop_cpanel_main_interface .hika_cpanel_methods {
  float: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_product {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 9px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_product:last-child {
  border-bottom: 0 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_product_image_link {
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fafafa !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_product_image {
  max-width: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_product > a:not(.hika_cpanel_product_image_link) {
  min-width: 0 !important;
  color: #ba0743 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.hikashop_cpanel_main_interface .hikashop_cpanel_product_code {
  display: block !important;
  margin-top: 2px !important;
  color: #777 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_product_price {
  margin: 0 !important;
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_methods {
  padding: 13px 14px !important;
  border: 1px solid rgba(186,7,67,.12) !important;
  border-radius: 15px !important;
  background: #fff8fb !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_methods {
  margin: 0 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_methods dt {
  margin: 0 0 3px !important;
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_methods dd {
  margin: 0 0 9px !important;
  color: #555 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.hikashop_cpanel_main_interface .hika_cpanel_order_methods dd:last-child {
  margin-bottom: 0 !important;
}

/* Ocultos */
.hikashop_cpanel_main_interface .hikashop_cpanel_affiliate_div,
.hikashop_cpanel_main_interface .hk-well.hikashop_user_points_cpanel {
  display: none !important;
}

/* -------- RESPONSIVE -------- */
@media only screen and (max-width: 900px) {
  .hikashop_cpanel_main_interface #hikashop_dashboard.hk-row-fluid,
  .hikashop_cpanel_main_interface #hikashop_dashboard.hikashop_dashboard,
  .hikashop_cpanel_main_interface .hikashop_dashboard.hk-row-fluid {
    flex-direction: column !important;
    gap: 18px !important;
  }

  .hikashop_cpanel_main_interface #hikashop_dashboard > .hika_cpanel_side_bar,
  .hikashop_cpanel_main_interface .hikashop_dashboard > .hika_cpanel_side_bar,
  .hikashop_cpanel_main_interface #hikashop_dashboard > .hika_cpanel_main_data,
  .hikashop_cpanel_main_interface .hikashop_dashboard > .hika_cpanel_main_data {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_icons {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(3,1fr) !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_icon,
  .hikashop_cpanel_main_interface .hikashop_cpanel_button_text {
    text-align: center !important;
  }

  .hikashop_cpanel_main_interface .hk-card-order .hk-card-body > .hk-row-fluid,
  .hikashop_cpanel_main_interface .hk-card-order > .hk-row-fluid {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .hikashop_cpanel_main_interface .hk-card-order > .hk-row-fluid > .hika_cpanel_methods {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_order_status,
  .hikashop_cpanel_main_interface .hika_cpanel_order_action {
    text-align: left !important;
  }
}

@media only screen and (max-width: 600px) {
  .hikashop_cpanel_main_interface {
    padding: 0 10px !important;
    margin-top: 18px !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_icons {
    grid-template-columns: 1fr !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_icon,
  .hikashop_cpanel_main_interface .hikashop_cpanel_button_text {
    text-align: left !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_main_data_title {
    font-size: 22px !important;
  }

  .hikashop_cpanel_main_interface .hk-card-order .hk-card-header > a.hk-row-fluid {
    padding: 9px 12px !important;
  }

  .hikashop_cpanel_main_interface .hk-card-order .hk-card-body,
  .hikashop_cpanel_main_interface .hk-card-order > .hk-row-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_product {
    grid-template-columns: 44px minmax(0,1fr) !important;
  }

  .hikashop_cpanel_main_interface .hika_cpanel_product_price {
    grid-column: 2 !important;
  }
}
/* ============================================================
   HIKASHOP / JOOMLA - CUENTA DEL CLIENTE
   /menu-usuario/panel-usuario/usuario
   ============================================================ */

/* Contenedor del formulario de perfil */
body.com-hikashop.view-user .profile-edit,
body.com-hikashop.view-user form#member-profile,
body.com-hikashop.view-user form#user-form {
  max-width: 760px !important;
  margin: 35px auto 60px !important;
  padding: 34px 42px 34px !important;
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
  position: relative !important;
}

/* Línea superior decorativa */
body.com-hikashop.view-user .profile-edit::before,
body.com-hikashop.view-user form#member-profile::before,
body.com-hikashop.view-user form#user-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8);
}

/* Ocultar leyendas raras */
body.com-hikashop.view-user .profile-edit legend,
body.com-hikashop.view-user form#member-profile legend,
body.com-hikashop.view-user form#user-form legend {
  display: none !important;
}

/* Separación de campos */
body.com-hikashop.view-user .profile-edit .control-group,
body.com-hikashop.view-user .profile-edit .mb-3,
body.com-hikashop.view-user form#member-profile .control-group,
body.com-hikashop.view-user form#member-profile .mb-3,
body.com-hikashop.view-user form#user-form .control-group,
body.com-hikashop.view-user form#user-form .mb-3 {
  margin-bottom: 18px !important;
}

/* Labels */
body.com-hikashop.view-user .profile-edit label,
body.com-hikashop.view-user form#member-profile label,
body.com-hikashop.view-user form#user-form label {
  display: block !important;
  margin-bottom: 7px !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Inputs */
body.com-hikashop.view-user .profile-edit input[type="text"],
body.com-hikashop.view-user .profile-edit input[type="email"],
body.com-hikashop.view-user .profile-edit input[type="password"],
body.com-hikashop.view-user form#member-profile input[type="text"],
body.com-hikashop.view-user form#member-profile input[type="email"],
body.com-hikashop.view-user form#member-profile input[type="password"],
body.com-hikashop.view-user form#user-form input[type="text"],
body.com-hikashop.view-user form#user-form input[type="email"],
body.com-hikashop.view-user form#user-form input[type="password"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #222 !important;
  font-size: 15px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Campo deshabilitado */
body.com-hikashop.view-user .profile-edit input:disabled,
body.com-hikashop.view-user form#member-profile input:disabled,
body.com-hikashop.view-user form#user-form input:disabled {
  background: #f5f5f5 !important;
  color: #777 !important;
  cursor: not-allowed !important;
}

/* Foco */
body.com-hikashop.view-user .profile-edit input:focus,
body.com-hikashop.view-user form#member-profile input:focus,
body.com-hikashop.view-user form#user-form input:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
  outline: none !important;
}

/* Ocultar campo Nombre de usuario */
body.com-hikashop.view-user #jform_username,
body.com-hikashop.view-user #jform_username-lbl,
body.com-hikashop.view-user label[for="jform_username"] {
  display: none !important;
}

/* Ocultar el grupo completo del nombre de usuario si el navegador soporta :has */
body.com-hikashop.view-user .control-group:has(#jform_username),
body.com-hikashop.view-user .mb-3:has(#jform_username) {
  display: none !important;
}

/* Ocultar opciones de editor / zona horaria / idioma */
body.com-hikashop.view-user #jform_params_editor,
body.com-hikashop.view-user #jform_params_editor-lbl,
body.com-hikashop.view-user #jform_params_timezone,
body.com-hikashop.view-user #jform_params_timezone-lbl,
body.com-hikashop.view-user #jform_params_language,
body.com-hikashop.view-user #jform_params_language-lbl {
  display: none !important;
}

/* Grupo de contraseña en dos columnas */
body.com-hikashop.view-user .profile-edit .row,
body.com-hikashop.view-user form#member-profile .row,
body.com-hikashop.view-user form#user-form .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Botones mostrar contraseña */
body.com-hikashop.view-user .profile-edit .input-password-toggle,
body.com-hikashop.view-user form#member-profile .input-password-toggle,
body.com-hikashop.view-user form#user-form .input-password-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  height: 38px !important;
  margin: 8px 0 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ba0743 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 14px rgba(186,7,67,.18) !important;
}

/* Botones inferiores */
body.com-hikashop.view-user .profile-edit .btn,
body.com-hikashop.view-user form#member-profile .btn,
body.com-hikashop.view-user form#user-form .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 120px !important;
  height: 42px !important;
  margin: 10px 12px 0 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.20) !important;
}

/* Hover botones */
body.com-hikashop.view-user .profile-edit .btn:hover,
body.com-hikashop.view-user form#member-profile .btn:hover,
body.com-hikashop.view-user form#user-form .btn:hover {
  background: linear-gradient(90deg,#870229,#ba0743,#d30f56) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Botón cancelar más discreto */
body.com-hikashop.view-user .profile-edit .btn-secondary,
body.com-hikashop.view-user .profile-edit .btn-default,
body.com-hikashop.view-user form#member-profile .btn-secondary,
body.com-hikashop.view-user form#member-profile .btn-default,
body.com-hikashop.view-user form#user-form .btn-secondary,
body.com-hikashop.view-user form#user-form .btn-default {
  background: #fff !important;
  color: #ba0743 !important;
  border: 1px solid rgba(186,7,67,.25) !important;
  box-shadow: none !important;
}

/* Botón eliminar perfil */
body.com-hikashop.view-user .profile-edit a[href*="delete"],
body.com-hikashop.view-user .profile-edit button[name*="delete"],
body.com-hikashop.view-user form#member-profile a[href*="delete"],
body.com-hikashop.view-user form#member-profile button[name*="delete"] {
  margin-top: 18px !important;
  background: #fff !important;
  color: #ba0743 !important;
  border: 1px solid rgba(186,7,67,.25) !important;
}

/* Responsive */
@media only screen and (max-width: 700px) {
  body.com-hikashop.view-user .profile-edit,
  body.com-hikashop.view-user form#member-profile,
  body.com-hikashop.view-user form#user-form {
    max-width: calc(100% - 24px) !important;
    padding: 28px 22px 26px !important;
    margin: 24px auto 40px !important;
  }

  body.com-hikashop.view-user .profile-edit .btn,
  body.com-hikashop.view-user form#member-profile .btn,
  body.com-hikashop.view-user form#user-form .btn {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
/* ============================================================
   ÁREA PRIVADA - LAYOUT CON MENÚ LATERAL
   ============================================================ */

.ne-user-area {
  max-width: 1180px;
  margin: 35px auto 60px;
  padding: 0 18px;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.ne-user-sidebar {
  background: #fff;
  border: 1px solid rgba(186,7,67,.14);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  overflow: hidden;
  position: sticky;
  top: 18px;
}

.ne-user-sidebar::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8);
}

.ne-user-sidebar-link {
  display: block;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(186,7,67,.10);
  color: #ba0743 !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition: all .18s ease;
}

.ne-user-sidebar-link:last-child {
  border-bottom: 0;
}

.ne-user-sidebar-link:hover,
.ne-user-sidebar-link.active {
  background: #fff5fa;
  color: #870229 !important;
  padding-left: 22px;
}

.ne-user-content {
  min-width: 0;
}

/* Si dentro hay formularios tipo perfil, que no se centren solos */
.ne-user-content .profile-edit,
.ne-user-content form#member-profile,
.ne-user-content form#user-form,
.ne-user-content form.form-validate {
  max-width: 100% !important;
  margin: 0 !important;
}

/* Responsive */
@media only screen and (max-width: 900px) {
  .ne-user-area {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ne-user-sidebar {
    position: static;
  }
}
/* ============================================================
   CUENTA DEL CLIENTE / EDITAR PERFIL - LIMPIO Y CORREGIDO
   Una sola tarjeta, sin doble caja, sin nombre/usuario/cancelar
   ============================================================ */

/* ------------------------------------------------------------
   1) CONTENEDOR GENERAL DE LA ZONA DERECHA
   SOLO ESTRUCTURA, NO TARJETA INTERNA DUPLICADA
   ------------------------------------------------------------ */
.com-users-profile__edit,
.profile-edit-wrap,
.profile-edit-area {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------
   2) LA ÚNICA TARJETA REAL: EL FORMULARIO
   ------------------------------------------------------------ */
form#member-profile,
form#user-form,
form.form-validate[action*="usuario"],
form.form-validate[action*="profile"] {
  max-width: 640px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 30px 32px !important;
  background: #fff !important;
  border: 1px solid rgba(186, 7, 67, 0.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
  position: relative !important;
}

/* línea superior decorativa */
form#member-profile::before,
form#user-form::before,
form.form-validate[action*="usuario"]::before,
form.form-validate[action*="profile"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg, #ba0743, #e81d62, #ff9ab8);
}

/* ------------------------------------------------------------
   3) FIELDSETS / LEYENDAS
   ------------------------------------------------------------ */
form#member-profile fieldset,
form#user-form fieldset,
form.form-validate[action*="usuario"] fieldset,
form.form-validate[action*="profile"] fieldset {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-width: 0 !important;
}

form#member-profile legend,
form#user-form legend,
form.form-validate[action*="usuario"] legend,
form.form-validate[action*="profile"] legend {
  display: none !important;
}

/* ------------------------------------------------------------
   4) ESTRUCTURA DE FILAS Y COLUMNAS
   ------------------------------------------------------------ */
form#member-profile .row,
form#user-form .row,
form.form-validate[action*="usuario"] .row,
form.form-validate[action*="profile"] .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px 22px !important;
  margin: 0 !important;
}

form#member-profile .row > [class*="col-"],
form#user-form .row > [class*="col-"],
form.form-validate[action*="usuario"] .row > [class*="col-"],
form.form-validate[action*="profile"] .row > [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Contraseña y confirmar contraseña en 2 columnas */
form#member-profile .row > .col-md-6,
form#member-profile .row > .col-lg-6,
form#user-form .row > .col-md-6,
form#user-form .row > .col-lg-6,
form.form-validate[action*="usuario"] .row > .col-md-6,
form.form-validate[action*="usuario"] .row > .col-lg-6,
form.form-validate[action*="profile"] .row > .col-md-6,
form.form-validate[action*="profile"] .row > .col-lg-6 {
  flex: 1 1 calc(50% - 11px) !important;
  max-width: calc(50% - 11px) !important;
}

/* ------------------------------------------------------------
   5) GRUPOS / LABELS
   ------------------------------------------------------------ */
form#member-profile .control-group,
form#member-profile .mb-3,
form#member-profile .form-group,
form#user-form .control-group,
form#user-form .mb-3,
form#user-form .form-group,
form.form-validate[action*="usuario"] .control-group,
form.form-validate[action*="usuario"] .mb-3,
form.form-validate[action*="usuario"] .form-group,
form.form-validate[action*="profile"] .control-group,
form.form-validate[action*="profile"] .mb-3,
form.form-validate[action*="profile"] .form-group {
  margin: 0 0 18px 0 !important;
}

form#member-profile label,
form#user-form label,
form.form-validate[action*="usuario"] label,
form.form-validate[action*="profile"] label {
  display: block !important;
  margin: 0 0 7px 0 !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  white-space: normal !important;
}

/* ------------------------------------------------------------
   6) INPUTS
   ------------------------------------------------------------ */


form#member-profile input:focus,
form#user-form input:focus,
form.form-validate[action*="usuario"] input:focus,
form.form-validate[action*="profile"] input:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186, 7, 67, 0.12) !important;
  outline: none !important;
}

/* ------------------------------------------------------------
   7) OCULTAR CAMPOS QUE NO QUEREMOS
   ------------------------------------------------------------ */

/* Nombre */
#jform_name,
#jform_name-lbl,
label[for="jform_name"],
.control-group:has(#jform_name),
.mb-3:has(#jform_name),
.form-group:has(#jform_name) {
  display: none !important;
}

/* Nombre de usuario */
#jform_username,
#jform_username-lbl,
label[for="jform_username"],
.control-group:has(#jform_username),
.mb-3:has(#jform_username),
.form-group:has(#jform_username) {
  display: none !important;
}

/* Opciones técnicas */
#jform_params_editor,
#jform_params_editor-lbl,
label[for="jform_params_editor"],
#jform_params_timezone,
#jform_params_timezone-lbl,
label[for="jform_params_timezone"],
#jform_params_language,
#jform_params_language-lbl,
label[for="jform_params_language"],
.control-group:has(#jform_params_editor),
.control-group:has(#jform_params_timezone),
.control-group:has(#jform_params_language),
.mb-3:has(#jform_params_editor),
.mb-3:has(#jform_params_timezone),
.mb-3:has(#jform_params_language),
.form-group:has(#jform_params_editor),
.form-group:has(#jform_params_timezone),
.form-group:has(#jform_params_language) {
  display: none !important;
}

/* Ocultar cancelar */
form#member-profile .btn-secondary,
form#member-profile .btn-default,
form#member-profile a[href*="cancel"],
form#member-profile button[name*="cancel"],
form#user-form .btn-secondary,
form#user-form .btn-default,
form#user-form a[href*="cancel"],
form#user-form button[name*="cancel"],
form.form-validate[action*="usuario"] .btn-secondary,
form.form-validate[action*="usuario"] .btn-default,
form.form-validate[action*="usuario"] a[href*="cancel"],
form.form-validate[action*="usuario"] button[name*="cancel"],
form.form-validate[action*="profile"] .btn-secondary,
form.form-validate[action*="profile"] .btn-default,
form.form-validate[action*="profile"] a[href*="cancel"],
form.form-validate[action*="profile"] button[name*="cancel"] {
  display: none !important;
}

/* ------------------------------------------------------------
   8) CONTRASEÑA
   ------------------------------------------------------------ */

/* neutralizar wrappers raros */
form#member-profile .input-group,
form#user-form .input-group,
form.form-validate[action*="usuario"] .input-group,
form.form-validate[action*="profile"] .input-group {
  display: block !important;
  width: 100% !important;
}

form#member-profile .input-group-text,
form#user-form .input-group-text,
form.form-validate[action*="usuario"] .input-group-text,
form.form-validate[action*="profile"] .input-group-text {
  display: none !important;
}

/* botón mostrar contraseña */
form#member-profile .input-password-toggle,
form#user-form .input-password-toggle,
form.form-validate[action*="usuario"] .input-password-toggle,
form.form-validate[action*="profile"] .input-password-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  margin: 8px 0 0 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(186, 7, 67, 0.25) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ba0743 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

form#member-profile .input-password-toggle:hover,
form#user-form .input-password-toggle:hover,
form.form-validate[action*="usuario"] .input-password-toggle:hover,
form.form-validate[action*="profile"] .input-password-toggle:hover {
  background: #fff5fa !important;
}

/* ocultar iconitos si molestan */
form#member-profile .input-password-toggle .icon-eye,
form#member-profile .input-password-toggle .icon-eye-slash,
form#user-form .input-password-toggle .icon-eye,
form#user-form .input-password-toggle .icon-eye-slash,
form.form-validate[action*="usuario"] .input-password-toggle .icon-eye,
form.form-validate[action*="usuario"] .input-password-toggle .icon-eye-slash,
form.form-validate[action*="profile"] .input-password-toggle .icon-eye,
form.form-validate[action*="profile"] .input-password-toggle .icon-eye-slash {
  display: none !important;
}

/* ocultar ayuda extra que ensucia */
#password_rules,
#password-desc,
.meter,
progress,
.form-text,
small.form-text {
  display: none !important;
}

/* ------------------------------------------------------------
   9) BOTONES
   ------------------------------------------------------------ */

/* Guardar / Enviar */
form#member-profile .btn-primary,
form#member-profile button[type="submit"],
form#user-form .btn-primary,
form#user-form button[type="submit"],
form.form-validate[action*="usuario"] .btn-primary,
form.form-validate[action*="usuario"] button[type="submit"],
form.form-validate[action*="profile"] .btn-primary,
form.form-validate[action*="profile"] button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 140px !important;
  height: 44px !important;
  margin: 16px 10px 0 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #9e0130, #ba0743, #d81b60) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 18px rgba(186, 7, 67, 0.2) !important;
  cursor: pointer !important;
}

form#member-profile .btn-primary:hover,
form#member-profile button[type="submit"]:hover,
form#user-form .btn-primary:hover,
form#user-form button[type="submit"]:hover,
form.form-validate[action*="usuario"] .btn-primary:hover,
form.form-validate[action*="usuario"] button[type="submit"]:hover,
form.form-validate[action*="profile"] .btn-primary:hover,
form.form-validate[action*="profile"] button[type="submit"]:hover {
  background: linear-gradient(90deg, #870229, #ba0743, #d30f56) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Eliminar perfil */
form#member-profile .btn-danger,
form#member-profile a[href*="delete"],
form#member-profile button[name*="delete"],
form#user-form .btn-danger,
form#user-form a[href*="delete"],
form#user-form button[name*="delete"],
form.form-validate[action*="usuario"] .btn-danger,
form.form-validate[action*="usuario"] a[href*="delete"],
form.form-validate[action*="usuario"] button[name*="delete"],
form.form-validate[action*="profile"] .btn-danger,
form.form-validate[action*="profile"] a[href*="delete"],
form.form-validate[action*="profile"] button[name*="delete"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 160px !important;
  height: 40px !important;
  margin: 14px 0 0 0 !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ba0743 !important;
  border: 1px solid rgba(186, 7, 67, 0.25) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------
   10) RESPONSIVE
   ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
  form#member-profile,
  form#user-form,
  form.form-validate[action*="usuario"],
  form.form-validate[action*="profile"] {
    padding: 24px 20px !important;
  }

  form#member-profile .row > .col-md-6,
  form#member-profile .row > .col-lg-6,
  form#user-form .row > .col-md-6,
  form#user-form .row > .col-lg-6,
  form.form-validate[action*="usuario"] .row > .col-md-6,
  form.form-validate[action*="usuario"] .row > .col-lg-6,
  form.form-validate[action*="profile"] .row > .col-md-6,
  form.form-validate[action*="profile"] .row > .col-lg-6 {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }

  form#member-profile .btn-primary,
  form#member-profile button[type="submit"],
  form#member-profile .btn-danger,
  form#member-profile a[href*="delete"],
  form#member-profile button[name*="delete"],
  form#user-form .btn-primary,
  form#user-form button[type="submit"],
  form#user-form .btn-danger,
  form#user-form a[href*="delete"],
  form#user-form button[name*="delete"],
  form.form-validate[action*="usuario"] .btn-primary,
  form.form-validate[action*="usuario"] button[type="submit"],
  form.form-validate[action*="usuario"] .btn-danger,
  form.form-validate[action*="usuario"] a[href*="delete"],
  form.form-validate[action*="usuario"] button[name*="delete"],
  form.form-validate[action*="profile"] .btn-primary,
  form.form-validate[action*="profile"] button[type="submit"],
  form.form-validate[action*="profile"] .btn-danger,
  form.form-validate[action*="profile"] a[href*="delete"],
  form.form-validate[action*="profile"] button[name*="delete"] {
    width: 100% !important;
    margin-right: 0 !important;
  }
}

/* ============================================================
   AJUSTE LEGAL: ELIMINAR PERFIL + ICONO DE CONTRASENA
   ============================================================ */

/* Mostrar siempre la accion de eliminar perfil dentro del area de usuario. */
body.com-hikashop.view-user .profile-edit .btn-danger,
body.com-hikashop.view-user .profile-edit a[href*="delete"],
body.com-hikashop.view-user .profile-edit a[href*="remove"],
body.com-hikashop.view-user .profile-edit a[href*="eliminar"],
body.com-hikashop.view-user .profile-edit a[href*="borrar"],
body.com-hikashop.view-user .profile-edit button[name*="delete"],
body.com-hikashop.view-user .profile-edit button[name*="remove"],
body.com-hikashop.view-user .profile-edit button[name*="eliminar"],
body.com-hikashop.view-user .profile-edit button[name*="borrar"],
body.com-hikashop.view-user .profile-edit button[value*="delete"],
body.com-hikashop.view-user .profile-edit button[value*="remove"],
body.com-hikashop.view-user .profile-edit button[value*="eliminar"],
body.com-hikashop.view-user .profile-edit button[value*="borrar"],
body.com-hikashop.view-user .profile-edit input[value*="delete"],
body.com-hikashop.view-user .profile-edit input[value*="remove"],
body.com-hikashop.view-user .profile-edit input[value*="eliminar"],
body.com-hikashop.view-user .profile-edit input[value*="borrar"],
form#member-profile .btn-danger,
form#member-profile a[href*="delete"],
form#member-profile a[href*="remove"],
form#member-profile a[href*="eliminar"],
form#member-profile a[href*="borrar"],
form#member-profile button[name*="delete"],
form#member-profile button[name*="remove"],
form#member-profile button[name*="eliminar"],
form#member-profile button[name*="borrar"],
form#member-profile button[value*="delete"],
form#member-profile button[value*="remove"],
form#member-profile button[value*="eliminar"],
form#member-profile button[value*="borrar"],
form#member-profile input[value*="delete"],
form#member-profile input[value*="remove"],
form#member-profile input[value*="eliminar"],
form#member-profile input[value*="borrar"],
form#user-form .btn-danger,
form#user-form a[href*="delete"],
form#user-form a[href*="remove"],
form#user-form a[href*="eliminar"],
form#user-form a[href*="borrar"],
form#user-form button[name*="delete"],
form#user-form button[name*="remove"],
form#user-form button[name*="eliminar"],
form#user-form button[name*="borrar"],
form#user-form button[value*="delete"],
form#user-form button[value*="remove"],
form#user-form button[value*="eliminar"],
form#user-form button[value*="borrar"],
form#user-form input[value*="delete"],
form#user-form input[value*="remove"],
form#user-form input[value*="eliminar"],
form#user-form input[value*="borrar"],
form.form-validate[action*="usuario"] .btn-danger,
form.form-validate[action*="usuario"] a[href*="delete"],
form.form-validate[action*="usuario"] a[href*="remove"],
form.form-validate[action*="usuario"] a[href*="eliminar"],
form.form-validate[action*="usuario"] a[href*="borrar"],
form.form-validate[action*="usuario"] button[name*="delete"],
form.form-validate[action*="usuario"] button[name*="remove"],
form.form-validate[action*="usuario"] button[name*="eliminar"],
form.form-validate[action*="usuario"] button[name*="borrar"],
form.form-validate[action*="usuario"] button[value*="delete"],
form.form-validate[action*="usuario"] button[value*="remove"],
form.form-validate[action*="usuario"] button[value*="eliminar"],
form.form-validate[action*="usuario"] button[value*="borrar"],
form.form-validate[action*="usuario"] input[value*="delete"],
form.form-validate[action*="usuario"] input[value*="remove"],
form.form-validate[action*="usuario"] input[value*="eliminar"],
form.form-validate[action*="usuario"] input[value*="borrar"],
form.form-validate[action*="profile"] .btn-danger,
form.form-validate[action*="profile"] a[href*="delete"],
form.form-validate[action*="profile"] a[href*="remove"],
form.form-validate[action*="profile"] a[href*="eliminar"],
form.form-validate[action*="profile"] a[href*="borrar"],
form.form-validate[action*="profile"] button[name*="delete"],
form.form-validate[action*="profile"] button[name*="remove"],
form.form-validate[action*="profile"] button[name*="eliminar"],
form.form-validate[action*="profile"] button[name*="borrar"],
form.form-validate[action*="profile"] button[value*="delete"],
form.form-validate[action*="profile"] button[value*="remove"],
form.form-validate[action*="profile"] button[value*="eliminar"],
form.form-validate[action*="profile"] button[value*="borrar"],
form.form-validate[action*="profile"] input[value*="delete"],
form.form-validate[action*="profile"] input[value*="remove"],
form.form-validate[action*="profile"] input[value*="eliminar"],
form.form-validate[action*="profile"] input[value*="borrar"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 160px !important;
  height: 40px !important;
  margin: 14px 0 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(186, 7, 67, 0.35) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ba0743 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Cambiar "mostrar contrasena" por un boton de ojo. */
body.com-hikashop.view-user .input-password-toggle,
form#member-profile .input-password-toggle,
form#user-form .input-password-toggle,
form.form-validate[action*="usuario"] .input-password-toggle,
form.form-validate[action*="profile"] .input-password-toggle {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(186, 7, 67, 0.28) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #ba0743 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 14px rgba(186, 7, 67, 0.12) !important;
}

body.com-hikashop.view-user .input-password-toggle::before,
form#member-profile .input-password-toggle::before,
form#user-form .input-password-toggle::before,
form.form-validate[action*="usuario"] .input-password-toggle::before,
form.form-validate[action*="profile"] .input-password-toggle::before {
  content: "" !important;
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  text-indent: 0 !important;
}

body.com-hikashop.view-user .input-password-toggle:hover,
body.com-hikashop.view-user .input-password-toggle:focus,
form#member-profile .input-password-toggle:hover,
form#member-profile .input-password-toggle:focus,
form#user-form .input-password-toggle:hover,
form#user-form .input-password-toggle:focus,
form.form-validate[action*="usuario"] .input-password-toggle:hover,
form.form-validate[action*="usuario"] .input-password-toggle:focus,
form.form-validate[action*="profile"] .input-password-toggle:hover,
form.form-validate[action*="profile"] .input-password-toggle:focus {
  background: #fff5fa !important;
  color: #9e0130 !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

body.com-hikashop.view-user .input-password-toggle > *,
form#member-profile .input-password-toggle > *,
form#user-form .input-password-toggle > *,
form.form-validate[action*="usuario"] .input-password-toggle > *,
form.form-validate[action*="profile"] .input-password-toggle > * {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  body.com-hikashop.view-user .input-password-toggle,
  form#member-profile .input-password-toggle,
  form#user-form .input-password-toggle,
  form.form-validate[action*="usuario"] .input-password-toggle,
  form.form-validate[action*="profile"] .input-password-toggle {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }
}

/* ============================================================
   CORRECCION FINAL PERFIL: OJO COMO ACCESO + BOTON LEGAL
   ============================================================ */

form#member-profile .controls:has(> button[data-role="deleter_btn"]),
form#user-form .controls:has(> button[data-role="deleter_btn"]),
form.form-validate[action*="usuario"] .controls:has(> button[data-role="deleter_btn"]),
form.form-validate[action*="profile"] .controls:has(> button[data-role="deleter_btn"]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.com-hikashop.view-user button[data-role="deleter_btn"],
form#member-profile button[data-role="deleter_btn"],
form#user-form button[data-role="deleter_btn"],
form.form-validate[action*="usuario"] button[data-role="deleter_btn"],
form.form-validate[action*="profile"] button[data-role="deleter_btn"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 160px !important;
  width: auto !important;
  height: 40px !important;
  margin: 14px 0 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(186, 7, 67, 0.35) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #ba0743 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.com-hikashop.view-user button[data-role="deleter_btn"]:hover,
form#member-profile button[data-role="deleter_btn"]:hover,
form#user-form button[data-role="deleter_btn"]:hover,
form.form-validate[action*="usuario"] button[data-role="deleter_btn"]:hover,
form.form-validate[action*="profile"] button[data-role="deleter_btn"]:hover {
  background: #fff5fa !important;
  color: #9e0130 !important;
}

body.com-hikashop.view-user .password-group .input-group,
form#member-profile .password-group .input-group,
form#user-form .password-group .input-group,
form.form-validate[action*="usuario"] .password-group .input-group,
form.form-validate[action*="profile"] .password-group .input-group,
body.com-hikashop.view-user .input-group:has(> .input-password-toggle),
form#member-profile .input-group:has(> .input-password-toggle),
form#user-form .input-group:has(> .input-password-toggle),
form.form-validate[action*="usuario"] .input-group:has(> .input-password-toggle),
form.form-validate[action*="profile"] .input-group:has(> .input-password-toggle) {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
}

body.com-hikashop.view-user .password-group .input-group > input[type="password"],
form#member-profile .password-group .input-group > input[type="password"],
form#user-form .password-group .input-group > input[type="password"],
form.form-validate[action*="usuario"] .password-group .input-group > input[type="password"],
form.form-validate[action*="profile"] .password-group .input-group > input[type="password"],
body.com-hikashop.view-user .input-group:has(> .input-password-toggle) > input[type="password"],
form#member-profile .input-group:has(> .input-password-toggle) > input[type="password"],
form#user-form .input-group:has(> .input-password-toggle) > input[type="password"],
form.form-validate[action*="usuario"] .input-group:has(> .input-password-toggle) > input[type="password"],
form.form-validate[action*="profile"] .input-group:has(> .input-password-toggle) > input[type="password"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 44px !important;
  border-right: 0 !important;
  border-radius: 9px 0 0 9px !important;
}

body.com-hikashop.view-user .password-group .input-group > .input-password-toggle,
body.com-hikashop.view-user .password-group .input-group > button.input-password-toggle,
form#member-profile .password-group .input-group > .input-password-toggle,
form#member-profile .password-group .input-group > button.input-password-toggle,
form#user-form .password-group .input-group > .input-password-toggle,
form#user-form .password-group .input-group > button.input-password-toggle,
form.form-validate[action*="usuario"] .password-group .input-group > .input-password-toggle,
form.form-validate[action*="usuario"] .password-group .input-group > button.input-password-toggle,
form.form-validate[action*="profile"] .password-group .input-group > .input-password-toggle,
form.form-validate[action*="profile"] .password-group .input-group > button.input-password-toggle,
body.com-hikashop.view-user .input-group:has(> .input-password-toggle) > .input-password-toggle,
form#member-profile .input-group:has(> .input-password-toggle) > .input-password-toggle,
form#user-form .input-group:has(> .input-password-toggle) > .input-password-toggle,
form.form-validate[action*="usuario"] .input-group:has(> .input-password-toggle) > .input-password-toggle,
form.form-validate[action*="profile"] .input-group:has(> .input-password-toggle) > .input-password-toggle {
  position: relative !important;
  flex: 0 0 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ba0743 !important;
  border-left: 0 !important;
  border-radius: 0 9px 9px 0 !important;
  background: #ba0743 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  cursor: pointer !important;
}

body.com-hikashop.view-user .password-group .input-group > .input-password-toggle::before,
body.com-hikashop.view-user .password-group .input-group > button.input-password-toggle::before,
form#member-profile .password-group .input-group > .input-password-toggle::before,
form#member-profile .password-group .input-group > button.input-password-toggle::before,
form#user-form .password-group .input-group > .input-password-toggle::before,
form#user-form .password-group .input-group > button.input-password-toggle::before,
form.form-validate[action*="usuario"] .password-group .input-group > .input-password-toggle::before,
form.form-validate[action*="usuario"] .password-group .input-group > button.input-password-toggle::before,
form.form-validate[action*="profile"] .password-group .input-group > .input-password-toggle::before,
form.form-validate[action*="profile"] .password-group .input-group > button.input-password-toggle::before,
body.com-hikashop.view-user .input-group:has(> .input-password-toggle) > .input-password-toggle::before,
form#member-profile .input-group:has(> .input-password-toggle) > .input-password-toggle::before,
form#user-form .input-group:has(> .input-password-toggle) > .input-password-toggle::before,
form.form-validate[action*="usuario"] .input-group:has(> .input-password-toggle) > .input-password-toggle::before,
form.form-validate[action*="profile"] .input-group:has(> .input-password-toggle) > .input-password-toggle::before {
  content: "\f06e" !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: #fff !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

body.com-hikashop.view-user .password-group .input-group > .input-password-toggle.active::before,
form#member-profile .password-group .input-group > .input-password-toggle.active::before,
form#user-form .password-group .input-group > .input-password-toggle.active::before,
form.form-validate[action*="usuario"] .password-group .input-group > .input-password-toggle.active::before,
form.form-validate[action*="profile"] .password-group .input-group > .input-password-toggle.active::before,
body.com-hikashop.view-user .input-group:has(> .input-password-toggle) > .input-password-toggle.active::before,
form#member-profile .input-group:has(> .input-password-toggle) > .input-password-toggle.active::before,
form#user-form .input-group:has(> .input-password-toggle) > .input-password-toggle.active::before,
form.form-validate[action*="usuario"] .input-group:has(> .input-password-toggle) > .input-password-toggle.active::before,
form.form-validate[action*="profile"] .input-group:has(> .input-password-toggle) > .input-password-toggle.active::before {
  content: "\f070" !important;
}

body.com-hikashop.view-user .password-group .input-group > .input-password-toggle:hover,
body.com-hikashop.view-user .password-group .input-group > .input-password-toggle:focus,
form#member-profile .password-group .input-group > .input-password-toggle:hover,
form#member-profile .password-group .input-group > .input-password-toggle:focus,
form#user-form .password-group .input-group > .input-password-toggle:hover,
form#user-form .password-group .input-group > .input-password-toggle:focus,
form.form-validate[action*="usuario"] .password-group .input-group > .input-password-toggle:hover,
form.form-validate[action*="usuario"] .password-group .input-group > .input-password-toggle:focus,
form.form-validate[action*="profile"] .password-group .input-group > .input-password-toggle:hover,
form.form-validate[action*="profile"] .password-group .input-group > .input-password-toggle:focus,
body.com-hikashop.view-user .input-group:has(> .input-password-toggle) > .input-password-toggle:hover,
body.com-hikashop.view-user .input-group:has(> .input-password-toggle) > .input-password-toggle:focus,
form#member-profile .input-group:has(> .input-password-toggle) > .input-password-toggle:hover,
form#member-profile .input-group:has(> .input-password-toggle) > .input-password-toggle:focus,
form#user-form .input-group:has(> .input-password-toggle) > .input-password-toggle:hover,
form#user-form .input-group:has(> .input-password-toggle) > .input-password-toggle:focus,
form.form-validate[action*="usuario"] .input-group:has(> .input-password-toggle) > .input-password-toggle:hover,
form.form-validate[action*="usuario"] .input-group:has(> .input-password-toggle) > .input-password-toggle:focus,
form.form-validate[action*="profile"] .input-group:has(> .input-password-toggle) > .input-password-toggle:hover,
form.form-validate[action*="profile"] .input-group:has(> .input-password-toggle) > .input-password-toggle:focus {
  background: #9e0130 !important;
  color: #fff !important;
  outline: none !important;
  transform: none !important;
}

/* ============================================================
   ÁREA USUARIO - DIRECCIONES HIKASHOP
   ============================================================ */

.ne-user-address-area {
  max-width: 1180px !important;
  margin: 35px auto 60px !important;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

.ne-address-content {
  min-width: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
  padding: 30px 34px 34px !important;
  position: relative !important;
}

.ne-address-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8);
}

/* Títulos */
.ne-address-content h1,
.ne-address-content h2,
.ne-address-content h3,
.ne-address-content legend {
  color: #333 !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 18px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #ba0743 !important;
}

.ne-address-content h1 {
  font-size: 28px !important;
}

.ne-address-content h2 {
  font-size: 24px !important;
}

.ne-address-content h3 {
  font-size: 20px !important;
}

/* Selects superiores */
.ne-address-content select,
.ne-address-content .form-select {
  width: 100% !important;
  max-width: 100% !important;
  height: 42px !important;
  margin: 6px 0 16px !important;
  padding: 8px 12px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  outline: none !important;
}

.ne-address-content select:focus,
.ne-address-content .form-select:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
}

/* Labels de dirección */
.ne-address-content label,
.ne-address-content .hikashop_field_label {
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Distribución de facturación/envío */
.ne-address-content .hikashop_user_addresses,
.ne-address-content #hikashop_user_addresses_show,
.ne-address-content .hikashop_address_listing,
.ne-address-content .hikashop_user_address {
  width: 100% !important;
}

/* Si HikaShop usa columnas Bootstrap, las ordenamos */
.ne-address-content .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ne-address-content [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Bloques de dirección */
.ne-address-content .hikashop_address,
.ne-address-content .hikashop_user_address,
.ne-address-content .hikashop_address_listing,
.ne-address-content address,
.ne-address-content .address,
.ne-address-content .card {
  background: #fff7fa !important;
  border: 1px solid rgba(186,7,67,.16) !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.04) !important;
}

/* Evitar cajas grises planas */
.ne-address-content div[style*="border"],
.ne-address-content div[style*="background"] {
  border-color: rgba(186,7,67,.16) !important;
  background: #fff7fa !important;
  border-radius: 16px !important;
}

/* Botones principales de nueva dirección */
.ne-address-content .btn,
.ne-address-content button,
.ne-address-content input[type="submit"],
.ne-address-content a[href*="address"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  margin: 10px 8px 0 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.18) !important;
  cursor: pointer !important;
}

/* Hover botones */
.ne-address-content .btn:hover,
.ne-address-content button:hover,
.ne-address-content input[type="submit"]:hover,
.ne-address-content a[href*="address"]:hover {
  background: linear-gradient(90deg,#870229,#ba0743,#d30f56) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Botón volver */
.ne-address-content a[href*="panel-usuario"],
.ne-address-content a[title="Volver"],
.ne-address-content .hikashop_previous_button,
.ne-address-content .btn-back {
  background: #fff !important;
  color: #ba0743 !important;
  border: 1px solid rgba(186,7,67,.25) !important;
  box-shadow: none !important;
}

/* Botones verdes antiguos de HikaShop */
.ne-address-content .btn-success,
.ne-address-content .btn-primary,
.ne-address-content input.btn-success,
.ne-address-content input.btn-primary {
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  border: 0 !important;
  color: #fff !important;
}

/* Iconos de editar dentro de dirección */
.ne-address-content a img,
.ne-address-content .hikashop_edit img {
  opacity: .85 !important;
  transition: .2s ease !important;
}

.ne-address-content a:hover img,
.ne-address-content .hikashop_edit:hover img {
  opacity: 1 !important;
  transform: scale(1.05);
}

/* Mensajes tipo "No address" */
.ne-address-content option,
.ne-address-content .no_address,
.ne-address-content .hikashop_no_address {
  color: #777 !important;
}

/* Ajuste específico del bloque de direcciones en dos columnas si existe */
.ne-address-content .hikashop_address_billing,
.ne-address-content .hikashop_address_shipping {
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.04) !important;
}

/* Responsive */
@media only screen and (max-width: 900px) {
  .ne-user-address-area {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ne-address-content {
    padding: 26px 22px 28px !important;
  }
}

@media only screen and (max-width: 640px) {
  .ne-address-content h1 {
    font-size: 24px !important;
  }

  .ne-address-content h2 {
    font-size: 21px !important;
  }

  .ne-address-content .btn,
  .ne-address-content button,
  .ne-address-content input[type="submit"],
  .ne-address-content a[href*="address"] {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
/* ============================================================
   AJUSTES FINOS - DIRECCIONES HIKASHOP
   ============================================================ */

/* Ocultar botón Volver en la vista de direcciones */
.ne-address-content a[title="Volver"],
.ne-address-content a[href*="panel-usuario"]:has(.fa-arrow-left),
.ne-address-content .hikashop_previous_button,
.ne-address-content .btn-back,
.ne-address-content .hikashop_back_button {
  display: none !important;
}

/* Si el botón volver no entra por :has, ocultamos el bloque flotante de volver */
.ne-address-content > div:has(a[title="Volver"]),
.ne-address-content > span:has(a[title="Volver"]) {
  display: none !important;
}

/* Bloque superior de selects: label + select */
.ne-address-content .hikashop_address_select,
.ne-address-content .hikashop_user_address_select,
.ne-address-content .hikashop_checkout_address_selector,
.ne-address-content .control-group,
.ne-address-content .form-group {
  width: 100% !important;
}

/* Forzar que las etiquetas de los selects se vean completas */
.ne-address-content label,
.ne-address-content .hikashop_field_label,
.ne-address-content .hkcontrol-label,
.ne-address-content .control-label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 7px 0 !important;
  padding: 0 !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* Selects debajo del texto, no apretados al lado */
.ne-address-content select,
.ne-address-content .form-select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px 0 !important;
}

/* Si HikaShop mete label y select en la misma línea con flex */
.ne-address-content .hkform-group,
.ne-address-content .hkcontrol-group,
.ne-address-content .hika_address_selection,
.ne-address-content .hikashop_address_selection {
  display: block !important;
  width: 100% !important;
}

/* Selectores concretos superiores, por si HikaShop los pinta sin clase clara */
.ne-address-content select[name*="billing"],
.ne-address-content select[name*="shipping"],
.ne-address-content select[id*="billing"],
.ne-address-content select[id*="shipping"] {
  margin-top: 7px !important;
}

/* Títulos más claros */
.ne-address-content h2,
.ne-address-content h3 {
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}

/* Botones verdes antiguos a estilo No es Tabú */
.ne-address-content .btn-success,
.ne-address-content a.btn-success,
.ne-address-content button.btn-success,
.ne-address-content input.btn-success {
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.18) !important;
}

.ne-address-content .btn-success:hover,
.ne-address-content a.btn-success:hover,
.ne-address-content button.btn-success:hover,
.ne-address-content input.btn-success:hover {
  background: linear-gradient(90deg,#870229,#ba0743,#d30f56) !important;
  color: #fff !important;
}
/* Oculta solo el botón Volver de direcciones */
html body .ne-address-content #hikashop_address_listing .hika_toolbar_btn.hika_btn_32:has(a.hikabtn[href*="user/cpanel"]) {
  display: none !important;
}
/* ============================================================
   ÁREA USUARIO - COMPRAS / PEDIDOS HIKASHOP - BLOQUE LIMPIO
   Sustituye TODO lo anterior de compras. No añadir encima.
   ============================================================ */

.ne-user-orders-area {
  max-width: 1180px !important;
  margin: 35px auto 60px !important;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

.ne-orders-content {
  min-width: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
  padding: 28px 32px 32px !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.ne-orders-content::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 28px !important;
  right: 28px !important;
  height: 4px !important;
  border-radius: 0 0 12px 12px !important;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8) !important;
}

/* Ocultar botón Volver de HikaShop */
html body main#sp-component .ne-orders-content .hika_toolbar,
html body main#sp-component .ne-orders-content .hika_toolbar_btn.hika_btn_32,
html body main#sp-component .ne-orders-content a.hikabtn[href*="user/cpanel"],
html body main#sp-component .ne-orders-content a[title="Volver"],
html body main#sp-component .ne-orders-content a[title="Back"] {
  display: none !important;
}

/* Formulario: buscador izquierda + filtros derecha */
html body main#sp-component .ne-orders-content form#adminForm {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body main#sp-component .ne-orders-content form#adminForm > .hk-row-fluid {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
}

html body main#sp-component .ne-orders-content form#adminForm > .hk-row-fluid::before,
html body main#sp-component .ne-orders-content form#adminForm > .hk-row-fluid::after {
  display: none !important;
  content: none !important;
}

html body main#sp-component .ne-orders-content form#adminForm > .hk-row-fluid > .hkc-md-6:first-child {
  float: none !important;
  flex: 0 0 380px !important;
  width: 380px !important;
  max-width: 380px !important;
  min-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body main#sp-component .ne-orders-content form#adminForm > .hk-row-fluid > .hkc-md-6:last-child {
  float: none !important;
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 300px !important;
  min-width: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
}

/* Buscador con lupa */
html body main#sp-component .ne-orders-content .ne-orders-searchbox {
  display: flex !important;
  align-items: stretch !important;
  width: 360px !important;
  max-width: 100% !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body main#sp-component .ne-orders-content .ne-orders-searchbox input#hikashop_search,
html body main#sp-component .ne-orders-content input#hikashop_search {
  display: block !important;
  flex: 1 1 auto !important;
  width: calc(100% - 50px) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #d8d8d8 !important;
  border-right: 0 !important;
  border-radius: 12px 0 0 12px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 44px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

html body main#sp-component .ne-orders-content .ne-orders-searchbox input#hikashop_search:focus,
html body main#sp-component .ne-orders-content input#hikashop_search:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
}

html body main#sp-component .ne-orders-content .ne-orders-searchbox button.ne-orders-search-btn,
html body main#sp-component .ne-orders-content button.ne-orders-search-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 50px !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ba0743 !important;
  border-left: 0 !important;
  border-radius: 0 12px 12px 0 !important;
  background: #ba0743 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.20) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  transform: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

html body main#sp-component .ne-orders-content .ne-orders-searchbox button.ne-orders-search-btn:hover,
html body main#sp-component .ne-orders-content button.ne-orders-search-btn:hover {
  background: #9e0130 !important;
  border-color: #9e0130 !important;
  color: #fff !important;
  box-shadow: 0 9px 20px rgba(186,7,67,.26) !important;
  transform: none !important;
}

html body main#sp-component .ne-orders-content .ne-orders-searchbox button.ne-orders-search-btn i,
html body main#sp-component .ne-orders-content .ne-orders-searchbox button.ne-orders-search-btn .fa,
html body main#sp-component .ne-orders-content .ne-orders-searchbox button.ne-orders-search-btn .fas {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body main#sp-component .ne-orders-content .ne-orders-searchbox .visually-hidden {
  display: none !important;
}

/* Filtros de periodo/estado: ocultar texto "orders done" */
html body main#sp-component .ne-orders-content .hikashop_order_sort {
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-align: right !important;
  overflow: visible !important;
}

html body main#sp-component .ne-orders-content .hikashop_order_sort br {
  display: none !important;
}

html body main#sp-component .ne-orders-content .hikashop_order_sort select,
html body main#sp-component .ne-orders-content select.custom-select {
  display: block !important;
  width: 230px !important;
  max-width: 230px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 36px 0 13px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 40px !important;
  box-shadow: none !important;
  outline: none !important;
}

html body main#sp-component .ne-orders-content .hikashop_order_sort select:focus,
html body main#sp-component .ne-orders-content select.custom-select:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
}

/* Listado de pedidos */
html body main#sp-component .ne-orders-content #hikashop_order_listing,
html body main#sp-component .ne-orders-content .hikashop_order_listing {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body main#sp-component .ne-orders-content .hk-card,
html body main#sp-component .ne-orders-content .hikashop_order_listing .hk-card {
  width: 100% !important;
  margin: 0 0 10px !important;
  border: 1px solid rgba(186,7,67,.13) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.035) !important;
  overflow: visible !important;
}

html body main#sp-component .ne-orders-content .hk-card-header {
  padding: 9px 20px !important;
  background: #fff7fa !important;
  border-bottom: 1px solid rgba(186,7,67,.10) !important;
  border-radius: 12px 12px 0 0 !important;
}

html body main#sp-component .ne-orders-content .hk-card-body {
  padding: 12px 20px !important;
}

html body main#sp-component .ne-orders-content .hk-row-fluid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Datos de pedido */
html body main#sp-component .ne-orders-content .hikashop_order_number_value,
html body main#sp-component .ne-orders-content .hikashop_order_invoice_number_value,
html body main#sp-component .ne-orders-content .hikashop_order_product_name_value a,
html body main#sp-component .ne-orders-content a {
  color: #ba0743 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body main#sp-component .ne-orders-content a:hover {
  color: #870229 !important;
  text-decoration: underline !important;
}

html body main#sp-component .ne-orders-content .hikashop_order_price_value,
html body main#sp-component .ne-orders-content .hikashop_order_full_price_value {
  color: #ba0743 !important;
  font-weight: 900 !important;
}

/* Estados */
html body main#sp-component .ne-orders-content .order-label,
html body main#sp-component .ne-orders-content .badge,
html body main#sp-component .ne-orders-content .label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Acciones: quitar caja contenedora y dejar solo botón */
html body main#sp-component .ne-orders-content .hikashop_order_listing .btn-group,
html body main#sp-component .ne-orders-content .hikashop_order_listing .dropdown,
html body main#sp-component .ne-orders-content .hikashop_order_listing .hikashop_order_actions,
html body main#sp-component .ne-orders-content .hikashop_order_listing [class*="action"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body main#sp-component .ne-orders-content .hikashop_order_listing .btn-group > .btn,
html body main#sp-component .ne-orders-content .hikashop_order_listing .dropdown-toggle,
html body main#sp-component .ne-orders-content .hikashop_order_listing button.dropdown-toggle,
html body main#sp-component .ne-orders-content .hikashop_order_listing .hikashop_order_actions > .btn,
html body main#sp-component .ne-orders-content .hikashop_order_listing .hikashop_order_actions > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  width: auto !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.20) !important;
  transform: none !important;
}

html body main#sp-component .ne-orders-content .hikashop_order_listing .btn-group > .btn:hover,
html body main#sp-component .ne-orders-content .hikashop_order_listing .dropdown-toggle:hover,
html body main#sp-component .ne-orders-content .hikashop_order_listing button.dropdown-toggle:hover,
html body main#sp-component .ne-orders-content .hikashop_order_listing .hikashop_order_actions > .btn:hover,
html body main#sp-component .ne-orders-content .hikashop_order_listing .hikashop_order_actions > button:hover {
  background: linear-gradient(90deg,#870229,#ba0743,#d30f56) !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(186,7,67,.28) !important;
  transform: none !important;
}

/* Menú desplegable de acciones */
html body main#sp-component .ne-orders-content .dropdown-menu {
  min-width: 220px !important;
  padding: 8px !important;
  margin-top: 8px !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14) !important;
  overflow: hidden !important;
  z-index: 9999 !important;
}

html body main#sp-component .ne-orders-content .dropdown-menu a,
html body main#sp-component .ne-orders-content .dropdown-menu button,
html body main#sp-component .ne-orders-content .dropdown-item {
  display: block !important;
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #ba0743 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body main#sp-component .ne-orders-content .dropdown-menu a:hover,
html body main#sp-component .ne-orders-content .dropdown-menu button:hover,
html body main#sp-component .ne-orders-content .dropdown-item:hover {
  background: #fff5fa !important;
  color: #870229 !important;
  text-decoration: none !important;
}

/* Botón redondo de desplegar productos */
html body main#sp-component .ne-orders-content button[title*="Display"],
html body main#sp-component .ne-orders-content button[title*="products"],
html body main#sp-component .ne-orders-content .btn[onclick*="toggle"],
html body main#sp-component .ne-orders-content .hikashop_order_product_toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ba0743 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.18) !important;
}

/* Mensaje sin pedidos */
html body main#sp-component .ne-orders-content .hikashop_empty,
html body main#sp-component .ne-orders-content .hikashop_no_order,
html body main#sp-component .ne-orders-content .hikashop_no_orders,
html body main#sp-component .ne-orders-content div:has(> em) {
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 24px 26px !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 16px !important;
  background: #fff7fa !important;
  color: #444 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.04) !important;
}

html body main#sp-component .ne-orders-content em {
  color: #555 !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

/* Paginación / cantidad */
html body main#sp-component .ne-orders-content .pagination,
html body main#sp-component .ne-orders-content .limit,
html body main#sp-component .ne-orders-content .counter {
  color: #555 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Responsive */
@media only screen and (max-width: 900px) {
  .ne-user-orders-area {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ne-orders-content {
    padding: 26px 22px 28px !important;
  }

  html body main#sp-component .ne-orders-content form#adminForm > .hk-row-fluid > .hkc-md-6:first-child,
  html body main#sp-component .ne-orders-content form#adminForm > .hk-row-fluid > .hkc-md-6:last-child {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  html body main#sp-component .ne-orders-content .hikashop_order_sort {
    align-items: stretch !important;
  }

  html body main#sp-component .ne-orders-content .ne-orders-searchbox,
  html body main#sp-component .ne-orders-content .hikashop_order_sort select,
  html body main#sp-component .ne-orders-content select.custom-select {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 640px) {
  .ne-orders-content {
    padding: 24px 18px 24px !important;
  }

  html body main#sp-component .ne-orders-content .hk-card-body,
  html body main#sp-component .ne-orders-content .hk-card-header {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* ============================================================
   COMPRAS - ALINEAR ESTADO / ACCIONES / VER PRODUCTOS
   ============================================================ */

/* Fila interior del pedido */
html body .ne-orders-content .hikashop_order_listing .row,
html body .ne-orders-content .hikashop_order_listing .hk-row-fluid,
html body .ne-orders-content .hikashop_order {
  align-items: center !important;
}

/* Zona derecha donde van estado, acciones y desplegable */
html body .ne-orders-content .hikashop_order_status,
html body .ne-orders-content .hikashop_order_action,
html body .ne-orders-content .hikashop_order_actions,
html body .ne-orders-content .hikashop_order_product_toggle,
html body .ne-orders-content [class*="status"],
html body .ne-orders-content [class*="action"] {
  vertical-align: middle !important;
}

/* Evita que el botón de acciones tenga caja externa rara */
html body .ne-orders-content .hikashop_order_action,
html body .ne-orders-content .hikashop_order_actions,
html body .ne-orders-content .btn-group,
html body .ne-orders-content .dropdown {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Botón Acciones */
html body .ne-orders-content .dropdown-toggle,
html body .ne-orders-content button.dropdown-toggle,
html body .ne-orders-content .hikashop_order_actions .btn,
html body .ne-orders-content .hikashop_order_action .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.20) !important;
  transform: none !important;
}

/* Botón redondo de ver productos */
html body .ne-orders-content button[title*="productos"],
html body .ne-orders-content button[title*="products"],
html body .ne-orders-content .hikashop_order_product_toggle,
html body .ne-orders-content .btn[onclick*="toggle"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #ba0743 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.18) !important;
  line-height: 1 !important;
  transform: none !important;
}

/* Icono dentro del botón redondo */
html body .ne-orders-content button[title*="productos"] i,
html body .ne-orders-content button[title*="products"] i,
html body .ne-orders-content .hikashop_order_product_toggle i,
html body .ne-orders-content .btn[onclick*="toggle"] i,
html body .ne-orders-content button[title*="productos"] .fa,
html body .ne-orders-content button[title*="products"] .fa,
html body .ne-orders-content .hikashop_order_product_toggle .fa,
html body .ne-orders-content .btn[onclick*="toggle"] .fa {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

/* Hover de ambos botones */
html body .ne-orders-content .dropdown-toggle:hover,
html body .ne-orders-content button.dropdown-toggle:hover,
html body .ne-orders-content button[title*="productos"]:hover,
html body .ne-orders-content button[title*="products"]:hover,
html body .ne-orders-content .hikashop_order_product_toggle:hover,
html body .ne-orders-content .btn[onclick*="toggle"]:hover {
  background: #9e0130 !important;
  color: #fff !important;
  transform: none !important;
}

/* Cuando el producto está desplegado, que no empuje los botones de arriba */
html body .ne-orders-content .hikashop_order_products,
html body .ne-orders-content .hikashop_order_product,
html body .ne-orders-content .hikashop_order_listing_product {
  clear: both !important;
  width: 100% !important;
}

/* Evita que "Número de pedido" se rompa en palabras */
html body .ne-orders-content .hikashop_order_number,
html body .ne-orders-content .hikashop_order_number *,
html body .ne-orders-content [class*="order_number"],
html body .ne-orders-content [class*="order_number"] * {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* ============================================================
   ÁREA USUARIO - CARRITOS HIKASHOP
   ============================================================ */

.ne-user-cart-area {
  max-width: 1180px !important;
  margin: 35px auto 60px !important;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

.ne-cart-content {
  min-width: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.06) !important;
  padding: 30px 34px 34px !important;
  position: relative !important;
}

.ne-cart-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg,#ba0743,#e81d62,#ff9ab8);
}

/* ============================================================
   TOOLBAR CARRITO
   ============================================================ */

/* Contenedor superior de botones */
.ne-cart-content .hika_toolbar {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
}

/* Cada botón de toolbar */
.ne-cart-content .hika_toolbar_btn {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Ocultar botón Guardar */
.ne-cart-content .hika_toolbar_btn:has(a[title*="Guardar"]),
.ne-cart-content .hika_toolbar_btn:has(a[href*="save"]),
.ne-cart-content a[title*="Guardar"],
.ne-cart-content a[href*="save"] {
  display: none !important;
}

/* Ocultar botón Volver */
.ne-cart-content .hika_toolbar_btn:has(a[title*="Volver"]),
.ne-cart-content .hika_toolbar_btn:has(a[href*="user/cpanel"]),
.ne-cart-content a[title*="Volver"],
.ne-cart-content a[href*="user/cpanel"] {
  display: none !important;
}

/* Quitar iconos de los botones */
.ne-cart-content .hika_toolbar_btn .btnIcon,
.ne-cart-content .hikabtn .btnIcon,
.ne-cart-content .hikabtn i,
.ne-cart-content .hikabtn .fa,
.ne-cart-content .hikabtn .fas {
  display: none !important;
}

/* Botones genéricos de HikaShop */
.ne-cart-content .hikabtn,
.ne-cart-content a.hikabtn,
.ne-cart-content .btn,
.ne-cart-content button,
.ne-cart-content input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#d81b60) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.20) !important;
  cursor: pointer !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* Texto del botón */
.ne-cart-content .hikabtn .btnName {
  display: inline !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

/* Botón Completar la compra más destacado */
.ne-cart-content .hika_toolbar_btn a[title*="Completar"],
.ne-cart-content .hika_toolbar_btn a[href*="checkout"],
.ne-cart-content .hikabtn[href*="checkout"] {
  min-height: 46px !important;
  padding: 0 26px !important;
  background: linear-gradient(90deg,#9e0130,#ba0743,#e81d62) !important;
  box-shadow: 0 10px 24px rgba(186,7,67,.25) !important;
}

/* Hover botones */
.ne-cart-content .hikabtn:hover,
.ne-cart-content a.hikabtn:hover,
.ne-cart-content .btn:hover,
.ne-cart-content button:hover,
.ne-cart-content input[type="submit"]:hover {
  background: linear-gradient(90deg,#870229,#ba0743,#d30f56) !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

/* ============================================================
   TABLA / LISTADO CARRITO
   ============================================================ */

.ne-cart-content table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin-top: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(186,7,67,.12) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.04) !important;
}

/* Cabecera */
.ne-cart-content table thead th,
.ne-cart-content table th {
  background: #fff5fa !important;
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  padding: 15px 16px !important;
  border-bottom: 1px solid rgba(186,7,67,.12) !important;
  vertical-align: middle !important;
}

/* Celdas */
.ne-cart-content table tbody td,
.ne-cart-content table td {
  padding: 15px 16px !important;
  border-bottom: 1px solid rgba(186,7,67,.08) !important;
  color: #333 !important;
  font-size: 14px !important;
  vertical-align: middle !important;
}

.ne-cart-content table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.ne-cart-content table tbody tr:hover td {
  background: #fffafd !important;
}

/* Producto */
.ne-cart-content .hikashop_cart_product_name,
.ne-cart-content .hikashop_cart_product_name_value,
.ne-cart-content .hikashop_product_name,
.ne-cart-content a {
  color: #ba0743 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ne-cart-content a:hover {
  color: #870229 !important;
  text-decoration: underline !important;
}

/* Imagen producto */
.ne-cart-content img {
  max-width: 72px !important;
  height: auto !important;
  border-radius: 12px !important;
}

/* Cantidad */
.ne-cart-content input[type="text"],
.ne-cart-content input[type="number"],
.ne-cart-content .hikashop_product_quantity_field {
  width: 62px !important;
  height: 38px !important;
  padding: 6px 8px !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #333 !important;
  text-align: center !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.ne-cart-content input[type="text"]:focus,
.ne-cart-content input[type="number"]:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
  outline: none !important;
}

/* Iconos pequeños de actualizar/borrar dentro de tabla */
.ne-cart-content td .fa,
.ne-cart-content td .fas,
.ne-cart-content td a[href*="delete"],
.ne-cart-content td a[href*="remove"] {
  color: #ba0743 !important;
  font-size: 13px !important;
  opacity: .85 !important;
}

.ne-cart-content td a[href*="delete"]:hover,
.ne-cart-content td a[href*="remove"]:hover {
  opacity: 1 !important;
  color: #870229 !important;
}

/* Precio */
.ne-cart-content .hikashop_product_price,
.ne-cart-content .hikashop_cart_product_price,
.ne-cart-content .hikashop_cart_product_total,
.ne-cart-content .hikashop_cart_total,
.ne-cart-content [class*="price"] {
  color: #ba0743 !important;
  font-weight: 900 !important;
}

/* Total */
.ne-cart-content .hikashop_cart_total_title,
.ne-cart-content .hikashop_cart_total_value,
.ne-cart-content tfoot td {
  background: #fff7fa !important;
  color: #333 !important;
  font-weight: 900 !important;
  font-size: 15px !important;
}

/* ============================================================
   MENSAJE CARRITO VACÍO
   ============================================================ */

.ne-cart-content .hikashop_empty,
.ne-cart-content .hikashop_no_cart,
.ne-cart-content .hikashop_no_carts,
.ne-cart-content .alert,
.ne-cart-content .message,
.ne-cart-content div:has(> em) {
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 26px 28px !important;
  border: 1px solid rgba(186,7,67,.14) !important;
  border-radius: 18px !important;
  background: #fff7fa !important;
  color: #444 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.04) !important;
}

.ne-cart-content em {
  color: #555 !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media only screen and (max-width: 900px) {
  .ne-user-cart-area {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ne-cart-content {
    padding: 26px 22px 28px !important;
  }

  .ne-cart-content .hika_toolbar {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}

@media only screen and (max-width: 640px) {
  .ne-cart-content table {
    display: block !important;
    overflow-x: auto !important;
  }

  .ne-cart-content .hikabtn,
  .ne-cart-content a.hikabtn,
  .ne-cart-content .btn,
  .ne-cart-content button,
  .ne-cart-content input[type="submit"] {
    width: 100% !important;
    margin-bottom: 8px !important;
  }
}
/* ============================================================
   COMPRAS - BUSCADOR CON LUPA
   ============================================================ */

.ne-orders-content .hikashop_search_block {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 0 18px 0 !important;
}

.ne-orders-content .ne-orders-searchbox {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 360px !important;
}

.ne-orders-content .ne-orders-searchbox input[type="text"],
.ne-orders-content input#hikashop_search {
  height: 44px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #d8d8d8 !important;
  border-right: 0 !important;
  border-radius: 12px 0 0 12px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  outline: none !important;
}

.ne-orders-content .ne-orders-searchbox input[type="text"]:focus,
.ne-orders-content input#hikashop_search:focus {
  border-color: #ba0743 !important;
  box-shadow: 0 0 0 3px rgba(186,7,67,.12) !important;
}

.ne-orders-content .ne-orders-search-btn {
  width: 48px !important;
  min-width: 48px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 12px 12px 0 !important;
  background: linear-gradient(90deg,#ba0743,#d81b60) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(186,7,67,.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ne-orders-content .ne-orders-search-btn:hover {
  background: linear-gradient(90deg,#870229,#ba0743) !important;
  color: #fff !important;
  transform: none !important;
}

.ne-orders-content .ne-orders-search-btn i {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.ne-orders-content .ne-orders-search-btn .visually-hidden {
  display: none !important;
}

/* =========================================================
   CONTACTO NOESTABÚ - CSS COMPLETO DEFINITIVO
   ========================================================= */

/* Fondo general de la página de contacto */
body.com_contact.view-contact #sp-main-body {
  background: linear-gradient(135deg, #fff7fa 0%, #ffffff 55%, #f8f1ff 100%);
  padding: 28px 0 48px;
  margin-top: 5px !important;
}

/* Contenedor principal */
body.com_contact.view-contact #sp-component {
  max-width: 880px;
  margin: 0 auto;
}

body.com_contact.view-contact .sp-column,
body.com_contact.view-contact .com-contact.contact {
  text-align: left;
}

/* =========================================================
   BLOQUE SUPERIOR INTRO CONTACTO
   ========================================================= */

body.com_contact.view-contact #sp-section-6 #mod-custom1441 {
  max-width: 880px;
  margin: 0 auto 34px;
  padding: 28px 32px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid #f0dce8;
  box-shadow: 0 10px 32px rgba(0,0,0,.05);
  text-align: left;
}

/* Por si queda el texto antiguo con Horario / Formulario, lo ocultamos */
body.com_contact.view-contact #sp-section-6 #mod-custom1441 h2,
body.com_contact.view-contact #sp-section-6 #mod-custom1441 h2 + p {
  display: none !important;
}

body.com_contact.view-contact #sp-section-6 #mod-custom1441 h1 {
  margin: 0 0 14px;
  color: #22142b;
  font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: .04em;
  text-align: left;
}

body.com_contact.view-contact #sp-section-6 #mod-custom1441 h1::after {
  max-width: 100%;
}

body.com_contact.view-contact #sp-section-6 #mod-custom1441 p {
  margin: 0 0 10px;
  color: #514956;
  line-height: 1.7;
  text-align: left;
}

body.com_contact.view-contact #sp-section-6 #mod-custom1441 p:last-child {
  margin-bottom: 0;
}

body.com_contact.view-contact #sp-section-6 #mod-custom1441 strong {
  color: #22142b;
  font-weight: 850;
}

/* =========================================================
   OCULTAR BLOQUE JOOMLA DE DATOS / LOGO
   ========================================================= */

/* Oculta dirección, teléfono, web y logo grande del contacto */
body.com_contact.view-contact .com-contact.contact > .row,
body.com_contact.view-contact .com-contact.contact .contact-info,
body.com_contact.view-contact .com-contact.contact img[itemprop="image"] {
  display: none !important;
}

/* =========================================================
   TÍTULO FORMULARIO
   ========================================================= */

body.com_contact.view-contact .com-contact.contact > h3 {
  margin: 0 0 18px;
  color: #22142b;
  font-size: clamp(1.65rem, 3vw, 2.15rem);
  line-height: 1.18;
  font-weight: 850;
  text-align: left;
  letter-spacing: .02em;
}

body.com_contact.view-contact .com-contact.contact > h3::after {
  max-width: 100%;
}

/* =========================================================
   CAJA DEL FORMULARIO
   ========================================================= */

body.com_contact.view-contact .contact-form {
  max-width: 880px;
  margin: 0 auto;
  padding: 30px 32px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid #f0dce8;
  box-shadow: 0 10px 32px rgba(0,0,0,.06);
  text-align: left;
}

body.com_contact.view-contact #contact-form {
  margin: 0;
}

body.com_contact.view-contact #contact-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Aviso de campo requerido */
body.com_contact.view-contact #contact-form .field-spacer {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff7fa;
  border: 1px solid #f0dce8;
  color: #655a66;
  font-size: .94rem;
  line-height: 1.4;
}

body.com_contact.view-contact #contact-form .field-spacer label {
  margin: 0;
  color: #22142b;
  font-weight: 800;
}

/* Grupos de campos */
body.com_contact.view-contact #contact-form .control-group {
  margin-bottom: 18px;
}

/* Labels */
body.com_contact.view-contact #contact-form label,
body.com_contact.view-contact #contact-form label.form-label {
  display: block;
  margin-bottom: 7px;
  color: #22142b;
  font-weight: 800;
  line-height: 1.35;
  text-align: left;
}

body.com_contact.view-contact #contact-form .star,
body.com_contact.view-contact #contact-form .red {
  color: #c2185b;
}

/* Campos */
body.com_contact.view-contact #contact-form input[type="text"],
body.com_contact.view-contact #contact-form input[type="email"],
body.com_contact.view-contact #contact-form textarea,
body.com_contact.view-contact #contact-form .form-control {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #e8d8e0;
  background: #ffffff;
  color: #2d2630;
  font-size: 1rem;
  line-height: 1.45;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

body.com_contact.view-contact #contact-form textarea {
  min-height: 210px;
  resize: vertical;
}

/* Focus */
body.com_contact.view-contact #contact-form input[type="text"]:focus,
body.com_contact.view-contact #contact-form input[type="email"]:focus,
body.com_contact.view-contact #contact-form textarea:focus,
body.com_contact.view-contact #contact-form .form-control:focus {
  outline: none;
  border-color: #c2185b;
  background: #fffafd;
  box-shadow: 0 0 0 4px rgba(194,24,91,.11);
}

/* Validación */
body.com_contact.view-contact #contact-form .invalid,
body.com_contact.view-contact #contact-form .is-invalid {
  border-color: #c2185b !important;
}

body.com_contact.view-contact #contact-form .form-control-feedback,
body.com_contact.view-contact #contact-form .invalid-feedback {
  color: #b01263;
  font-weight: 700;
  margin-top: 6px;
}

/* =========================================================
   CAPTCHA INVISIBLE
   ========================================================= */

/* Ocultamos solo la etiqueta visual del captcha invisible */
body.com_contact.view-contact #contact-form #jform_captcha-lbl {
  display: none !important;
}

/* Quitamos el hueco visual del grupo del captcha, manteniendo el elemento en DOM */
body.com_contact.view-contact #contact-form .control-group:has(#jform_captcha) {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* El captcha invisible no debe ocupar espacio visual */
body.com_contact.view-contact #contact-form #jform_captcha {
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* =========================================================
   BOTÓN ENVIAR
   ========================================================= */

body.com_contact.view-contact #contact-form button[type="submit"],
body.com_contact.view-contact #contact-form input[type="submit"],
body.com_contact.view-contact #contact-form .btn-primary,
body.com_contact.view-contact #contact-form .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 30px;
  border: 0 !important;
  border-radius: 999px;
  background: #c2185b !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 850;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: 0 8px 20px rgba(194,24,91,.22);
  cursor: pointer;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.com_contact.view-contact #contact-form button[type="submit"]:hover,
body.com_contact.view-contact #contact-form input[type="submit"]:hover,
body.com_contact.view-contact #contact-form .btn-primary:hover,
body.com_contact.view-contact #contact-form .btn:hover {
  background: #8f0f4f !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(194,24,91,.28);
}

/* =========================================================
   MENSAJES JOOMLA
   No los tocamos para evitar descuadres
   ========================================================= */

/* Solo dejamos separación si Joomla muestra aviso tras enviar */
body.com_contact.view-contact #system-message-container {
  max-width: 880px;
  margin: 0 auto 18px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {
  body.com_contact.view-contact #sp-component,
  body.com_contact.view-contact #sp-section-6 #mod-custom1441,
  body.com_contact.view-contact .contact-form,
  body.com_contact.view-contact #system-message-container {
    max-width: 760px;
  }
}

@media (max-width: 768px) {
  body.com_contact.view-contact #sp-main-body {
    padding: 18px 0 34px;
  }

  body.com_contact.view-contact #sp-component,
  body.com_contact.view-contact #sp-section-6 #mod-custom1441,
  body.com_contact.view-contact .contact-form,
  body.com_contact.view-contact #system-message-container {
    max-width: none;
  }

  body.com_contact.view-contact #sp-section-6 #mod-custom1441 {
    margin: 0 14px 26px;
    padding: 22px 16px;
    border-radius: 18px;
  }

  body.com_contact.view-contact #sp-section-6 #mod-custom1441 h1 {
    font-size: 1.95rem;
  }

  body.com_contact.view-contact .com-contact.contact {
    margin: 0 14px;
  }

  body.com_contact.view-contact .contact-form {
    padding: 22px 16px;
    border-radius: 18px;
  }

  body.com_contact.view-contact #contact-form textarea {
    min-height: 170px;
  }

  body.com_contact.view-contact #contact-form button[type="submit"],
  body.com_contact.view-contact #contact-form input[type="submit"],
  body.com_contact.view-contact #contact-form .btn-primary,
  body.com_contact.view-contact #contact-form .btn {
    width: 100%;
  }
}alert[type=success]::before{content:"✓";position:absolute;left:18px;top:16px;width:22px;height:22px;border-radius:50%;background:#29a85a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;line-height:1}body.com_contact.view-contact #system-message-container joomla-alert .joomla-alert--close,body.com_contact.view-contact #system-message-container joomla-alert button{position:absolute!important;top:10px!important;right:12px!important;width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:0 0!important;color:#c2185b!important;box-shadow:none!important;font-size:18px!important;line-height:28px!important;text-align:center!important;transform:none!important}body.com_contact.view-contact #system-message-container joomla-alert .joomla-alert--close:hover,body.com_contact.view-contact #system-message-container joomla-alert button:hover{background:#ffe6f0!important;color:#8f0f4f!important;transform:none!important;box-shadow:none!important}@media (max-width:768px){body.com_contact.view-contact #system-message-container{max-width:none!important;margin:0 auto 16px!important}body.com_contact.view-contact #system-message-container joomla-alert{padding:15px 42px 15px 46px!important;border-radius:14px!important}}

/* NTBundle source: /media/com_hikashop/css/notify-metro.css */
/**
 * @package    HikaShop for Joomla!
 * @version    4.7.3
 * @author     hikashop.com
 * @copyright  (C) 2010-2023 HIKARI SOFTWARE. All rights reserved.
 * @license    GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 */
.notifyjs-metro-base,
.notifyjs-metro-lite-base{
	position: relative;
	min-height: 52px;
	color:#444;
}
.notifyjs-metro-base .image {
	display: table;
	position: absolute;
	height: auto;
	width: auto;
	left: 25px;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.notifyjs-metro-base .text-wrapper,
.notifyjs-metro-lite-base .text-wrapper {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	clear: both;
	font-family: 'Segoe UI';
}
.notifyjs-metro-base .text-wrapper {
	margin: 10px 10px 10px 52px;
}
.notifyjs-metro-base .title,
.notifyjs-metro-lite-base .title {
	font-size: 15px;
	font-weight: bold;
}
.notifyjs-metro-base .text,
.notifyjs-metro-lite-base .text {
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
}
.notifyjs-container {
	min-width:250px;
}