.elementor-13 .elementor-element.elementor-element-734f2b2{--display:flex;--min-height:150px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-441ab89 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:600;text-transform:none;}.elementor-13 .elementor-element.elementor-element-36f7639{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-2488a345 > .elementor-widget-container{padding:10px 0px 20px 0px;}@media(max-width:1366px){.elementor-13 .elementor-element.elementor-element-441ab89 .elementor-heading-title{font-size:32px;}}@media(max-width:1366px) and (min-width:768px){.elementor-13 .elementor-element.elementor-element-734f2b2{--content-width:1240px;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-734f2b2{--padding-top:0px;--padding-bottom:20px;--padding-left:24px;--padding-right:0px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-734f2b2{--min-height:100px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-13 .elementor-element.elementor-element-441ab89 .elementor-heading-title{font-size:26px;}}/* Start custom CSS for text-editor, class: .elementor-element-2488a345 *//* ============================================
   MI CUENTA — WooCommerce My Account
   Siguiendo lineamiento: DM Sans + #FD5A00
   ============================================ */

/* ============================================
   LAYOUT GENERAL
   ============================================ */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
  font-family: 'DM Sans', sans-serif !important;
}

/* ============================================
   NAVEGACIÓN LATERAL
   ============================================ */
.woocommerce-MyAccount-navigation {
  background: #fff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.07) !important;
  overflow: hidden !important;
  padding: 8px 0 !important;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================
   ITEMS DEL MENÚ
   ============================================ */
.woocommerce-MyAccount-navigation-link {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.woocommerce-MyAccount-navigation-link + .woocommerce-MyAccount-navigation-link {
  border-top: 1px solid #f5f5f5 !important;
}

.woocommerce-MyAccount-navigation-link a {
  font-family: 'DM Sans', sans-serif !important;
  display: flex !important;
  align-items: center !important;
  padding: 11px 18px !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease !important;
  line-height: 1.3 !important;
  gap: 10px !important;
}

/* Quitar el <br> que genera espacio raro */
.woocommerce-MyAccount-navigation-link a br {
  display: none !important;
}

.woocommerce-MyAccount-navigation-link a:hover {
  background: #fff1eb !important;
  color: #FD5A00 !important;
  padding-left: 22px !important;
}

/* Item activo */
.woocommerce-MyAccount-navigation-link.is-active a {
  color: #FD5A00 !important;
  font-weight: 700 !important;
  background: #fff1eb !important;
  border-left: 3px solid #FD5A00 !important;
  padding-left: 15px !important;
}

/* Cerrar sesión — estilo diferenciado */
.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 4px !important;
  padding-top: 4px !important;
  border-top: 2px solid #f0f0f0 !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #9ca3af !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #fef2f2 !important;
  color: #ef4444 !important;
  padding-left: 22px !important;
}

/* ============================================
   CONTENIDO PRINCIPAL
   ============================================ */
.woocommerce-MyAccount-content {
  background: #fff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.07) !important;
  padding: 24px !important;
}

.woocommerce-MyAccount-content p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.88rem !important;
  color: #374151 !important;
  line-height: 1.7 !important;
  margin: 0 0 12px 0 !important;
}

.woocommerce-MyAccount-content p:last-child {
  margin-bottom: 0 !important;
}

.woocommerce-MyAccount-content p strong {
  color: #111827 !important;
  font-weight: 700 !important;
}

/* Links dentro del contenido */
.woocommerce-MyAccount-content p a {
  color: #FD5A00 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(253,90,0,0.3) !important;
  transition: border-color 0.15s ease, color 0.15s ease !important;
}

.woocommerce-MyAccount-content p a:hover {
  color: #d94a00 !important;
  border-bottom-color: #d94a00 !important;
}

/* ============================================
   NOTICES / ALERTAS
   ============================================ */
.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  background: #f0fdf4 !important;
  border-left: 3px solid #22c55e !important;
  border-radius: 0 10px 10px 0 !important;
  color: #166534 !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  background: #fef2f2 !important;
  border-left: 3px solid #ef4444 !important;
  border-radius: 0 10px 10px 0 !important;
  color: #991b1b !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
  list-style: none !important;
}

/* ============================================
   MOBILE — nav se vuelve horizontal arriba
   ============================================ */
@media (max-width: 768px) {

  .woocommerce-MyAccount-navigation {
    border-radius: 10px !important;
    margin-bottom: 16px !important;
    padding: 4px 0 !important;
  }

  .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
  }

  .woocommerce-MyAccount-navigation-link {
    flex: 1 1 auto !important;
    border-top: none !important;
    border-right: 1px solid #f5f5f5 !important;
    min-width: 80px !important;
    text-align: center !important;
  }

  .woocommerce-MyAccount-navigation-link + .woocommerce-MyAccount-navigation-link {
    border-top: none !important;
  }

  .woocommerce-MyAccount-navigation-link a {
    justify-content: center !important;
    padding: 10px 8px !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    text-align: center !important;
  }

  .woocommerce-MyAccount-navigation-link a:hover {
    padding-left: 8px !important;
  }

  .woocommerce-MyAccount-navigation-link.is-active a {
    border-left: none !important;
    border-bottom: 3px solid #FD5A00 !important;
    padding-left: 8px !important;
    border-radius: 0 !important;
  }

  .woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: none !important;
    padding-top: 0 !important;
  }

  .woocommerce-MyAccount-content {
    padding: 16px !important;
    border-radius: 10px !important;
  }
}
/* ============================================
   LOGIN & REGISTRO — WooCommerce
   Siguiendo lineamiento: DM Sans + #FD5A00
   ============================================ */

/* ============================================
   LAYOUT DOS COLUMNAS
   ============================================ */
#customer_login {
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
  font-family: 'DM Sans', sans-serif !important;
}

#customer_login .u-column1,
#customer_login .u-column2 {
  flex: 1 !important;
  background: #fff !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.07) !important;
  padding: 28px 24px !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

#customer_login .u-column1:hover,
#customer_login .u-column2:hover {
  border-color: #ffd4bc !important;
  box-shadow: 0 4px 20px rgba(253,90,0,0.08) !important;
}

/* Línea de acento superior */
#customer_login .u-column1::before,
#customer_login .u-column2::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: #FD5A00 !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.3s ease !important;
}

#customer_login .u-column1:hover::before,
#customer_login .u-column2:hover::before {
  transform: scaleX(1) !important;
}

/* ============================================
   TÍTULOS "Acceder" / "Registrarse"
   ============================================ */
#customer_login h2 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: #9ca3af !important;
  margin: 0 0 20px 0 !important;
  padding: 0 0 12px 0 !important;
  border-bottom: 2px solid #f0f0f0 !important;
  position: relative !important;
}

#customer_login h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 32px !important;
  height: 2px !important;
  background: #FD5A00 !important;
  border-radius: 2px !important;
}

/* ============================================
   FILAS DEL FORM
   ============================================ */
.woocommerce-form-login p,
.woocommerce-form-register p {
  margin: 0 0 14px 0 !important;
}

.woocommerce-form-login p:last-child,
.woocommerce-form-register p:last-child {
  margin-bottom: 0 !important;
}

/* ============================================
   LABELS
   ============================================ */
.woocommerce-form-login label,
.woocommerce-form-register label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #6b7280 !important;
  display: block !important;
  margin-bottom: 6px !important;
}

.woocommerce-form-login label br,
.woocommerce-form-register label br {
  display: none !important;
}

/* Asterisco requerido */
.woocommerce-form-login .required,
.woocommerce-form-register .required {
  color: #FD5A00 !important;
  margin-left: 2px !important;
}

/* ============================================
   INPUTS
   ============================================ */
.woocommerce-form-login .woocommerce-Input--text,
.woocommerce-form-register .woocommerce-Input--text {
  font-family: 'DM Sans', sans-serif !important;
  width: 100% !important;
  background: #f9fafb !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: #111827 !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
  box-sizing: border-box !important;
  display: block !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.woocommerce-form-login .woocommerce-Input--text:focus,
.woocommerce-form-register .woocommerce-Input--text:focus {
  border-color: #FD5A00 !important;
  box-shadow: 0 0 0 3px rgba(253,90,0,0.12) !important;
  background: #fff !important;
}

/* ============================================
   PASSWORD WRAPPER + SHOW/HIDE BUTTON
   ============================================ */
.woocommerce-form-login .password-input {
  position: relative !important;
  display: block !important;
}

.woocommerce-form-login .password-input .woocommerce-Input--text {
  padding-right: 44px !important;
}

.woocommerce-form-login .show-password-input {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  color: #9ca3af !important;
  transition: color 0.2s ease !important;
  outline: none !important;
}

.woocommerce-form-login .show-password-input:hover {
  color: #FD5A00 !important;
}

/* ============================================
   CHECKBOX "Recuérdame"
   ============================================ */
.woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 14px !important;
}

.woocommerce-form-login__rememberme br {
  display: none !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 2px solid #d1d5db !important;
  border-radius: 4px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #fff !important;
  cursor: pointer !important;
  transition: border-color 0.18s ease, background 0.18s ease !important;
  position: relative !important;
  margin: 0 !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"]:checked {
  background: #FD5A00 !important;
  border-color: #FD5A00 !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"]:checked::after {
  content: '' !important;
  display: block !important;
  width: 4px !important;
  height: 7px !important;
  border: 2px solid #fff !important;
  border-top: none !important;
  border-left: none !important;
  transform: rotate(45deg) !important;
  position: absolute !important;
  top: 1px !important;
  left: 4px !important;
}

/* ============================================
   BOTONES
   ============================================ */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
  font-family: 'DM Sans', sans-serif !important;
  display: block !important;
  width: 100% !important;
  padding: 13px 24px !important;
  background: #FD5A00 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
  box-shadow: 0 2px 10px rgba(253,90,0,0.28) !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover {
  background: #d94a00 !important;
  box-shadow: 0 4px 18px rgba(253,90,0,0.38) !important;
  transform: translateY(-1px) !important;
}

.woocommerce-form-login__submit:active,
.woocommerce-form-register__submit:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 6px rgba(253,90,0,0.2) !important;
}

/* ============================================
   LINK "¿Olvidaste la contraseña?"
   ============================================ */
.woocommerce-LostPassword a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: #9ca3af !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

.woocommerce-LostPassword a:hover {
  color: #FD5A00 !important;
  border-bottom-color: rgba(253,90,0,0.4) !important;
}

/* ============================================
   TEXTO INFORMATIVO (registro)
   ============================================ */
.woocommerce-form-register > p,
.woocommerce-privacy-policy-text p {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.78rem !important;
  color: #6b7280 !important;
  line-height: 1.65 !important;
  margin: 0 0 14px 0 !important;
}

.woocommerce-privacy-policy-text {
  background: #f9fafb !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  margin-bottom: 14px !important;
}

.woocommerce-privacy-policy-text a,
.woocommerce-form-register p a {
  color: #FD5A00 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(253,90,0,0.3) !important;
  transition: color 0.15s ease !important;
}

.woocommerce-privacy-policy-text a:hover,
.woocommerce-form-register p a:hover {
  color: #d94a00 !important;
}

/* ============================================
   MOBILE
   ============================================ */
@media (max-width: 768px) {
  #customer_login {
    flex-direction: column !important;
    gap: 16px !important;
  }

  #customer_login .u-column1,
  #customer_login .u-column2 {
    padding: 20px 16px !important;
    border-radius: 10px !important;
  }

  .woocommerce-form-login .woocommerce-Input--text,
  .woocommerce-form-register .woocommerce-Input--text {
    font-size: 1rem !important; /* evita zoom en iOS */
  }

  .woocommerce-form-login__submit,
  .woocommerce-form-register__submit {
    padding: 14px 24px !important;
  }
}/* End custom CSS */