.elementor-15 .elementor-element.elementor-element-26bc9284{--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 );}/* Start custom CSS for container, class: .elementor-element-26bc9284 *//* =====================================================
   TITAN9001 · MY ACCOUNT / LOGIN / REGISTER · LIMPIO
===================================================== */

:root{
  --t-bg:#070a0f;
  --t-bg-2:#0b0f14;
  --t-card:#0f1726;
  --t-text:#e9eef5;
  --t-muted:#a9b6c5;
  --t-border:rgba(255,255,255,.10);
  --t-accent:#ffb300;
  --t-accent-text:#201600;
  --t-danger:#ff4d6d;
  --t-shadow:0 10px 30px rgba(0,0,0,.35);
  --t-radius:18px;
}

/* =====================================================
   FONDO
===================================================== */

body.woocommerce-account,
body.woocommerce-account .site,
body.woocommerce-account .site-main,
body.woocommerce-account .entry-content,
body.woocommerce-account .content-area,
body.woocommerce-account main,
body.woocommerce-account .elementor,
body.woocommerce-account .elementor-section,
body.woocommerce-account .elementor-container,
body.woocommerce-account .elementor-column,
body.woocommerce-account .elementor-widget-wrap{
  background:linear-gradient(180deg,#070a0f 0%, #0b0f14 30%, #070a0f 100%) !important;
  color:var(--t-text) !important;
}

body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-account h4,
body.woocommerce-account h5,
body.woocommerce-account h6{
  color:var(--t-text) !important;
}

body.woocommerce-account a{
  color:#ff5c93;
}

/* =====================================================
   CONTENEDOR + LOGO
===================================================== */

.woocommerce-account .woocommerce{
  max-width:1150px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:40px;
  align-items:flex-start;
  color:var(--t-text) !important;
  position:relative;
  padding-top:120px;
}

.woocommerce-account .woocommerce::before{
  content:"";
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:260px;
  height:80px;
  background:url("https://titan9001.es/wp-content/uploads/2026/02/Logo-TITAN-9001_v4.png") center center / contain no-repeat;
  z-index:2;
}

/* =====================================================
   COLUMNAS
===================================================== */

.woocommerce-account .u-columns{
  width:100%;
  display:flex;
  gap:40px;
  align-items:stretch;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
  flex:1 1 0;
  min-width:320px;
}

/* =====================================================
   TÍTULOS
===================================================== */

.woocommerce-account .u-column1 h2,
.woocommerce-account .u-column2 h2,
.woocommerce-account h2{
  color:var(--t-text) !important;
  font-size:40px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.03em;
  margin:0 0 18px 0 !important;
}

/* =====================================================
   TARJETAS FORM
===================================================== */

.woocommerce form.login,
.woocommerce form.register{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.01) 100%),
    var(--t-card) !important;
  border:1px solid var(--t-border) !important;
  border-radius:var(--t-radius) !important;
  padding:24px !important;
  box-shadow:var(--t-shadow) !important;
  color:var(--t-text) !important;
}

/* =====================================================
   ESPACIADO FORMULARIO
===================================================== */

.woocommerce form .form-row{
  margin:0 0 6px 0 !important;
}

.woocommerce form .form-row label{
  display:block;
  color:var(--t-muted) !important;
  font-size:14px;
  font-weight:500;
  margin:0 0 3px 0 !important;
}

.woocommerce form p{
  margin:0 0 6px 0 !important;
}

.woocommerce form.login .clear,
.woocommerce form.register .clear{
  margin:0 !important;
  padding:0 !important;
}

/* =====================================================
   INPUTS
===================================================== */

.woocommerce form input[type="text"]:not(#wc-stripe-hidden-style-input),
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="search"],
.woocommerce form textarea,
.woocommerce form select{
  width:100%;
  min-height:42px !important;
  background:rgba(255,255,255,.03) !important;
  color:var(--t-text) !important;
  border:1px solid var(--t-border) !important;
  border-radius:12px !important;
  padding:9px 14px !important;
  box-shadow:none !important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.woocommerce form input::placeholder,
.woocommerce form textarea::placeholder{
  color:rgba(169,182,197,.72) !important;
}

.woocommerce form input:focus,
.woocommerce form textarea:focus,
.woocommerce form select:focus{
  outline:none !important;
  border-color:rgba(255,179,0,.35) !important;
  box-shadow:0 0 0 3px rgba(255,179,0,.16) !important;
  background:rgba(255,255,255,.04) !important;
}

.woocommerce form input:-webkit-autofill,
.woocommerce form input:-webkit-autofill:hover,
.woocommerce form input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--t-text) !important;
  -webkit-box-shadow:0 0 0 1000px #101827 inset !important;
  transition:background-color 9999s ease-out 0s !important;
}

/* =====================================================
   OJO CONTRASEÑA NORMAL
===================================================== */

.woocommerce .password-input{
  width:100%;
  position:relative;
}

.woocommerce .show-password-input{
  position:absolute;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:20px;
  height:20px;
  z-index:3;
  opacity:1 !important;
  filter:invert(1) brightness(2.4) contrast(1.2) !important;
}

.woocommerce .show-password-input::after{
  color:#ffffff !important;
  opacity:1 !important;
  filter:invert(1) brightness(2.4) contrast(1.2) !important;
}

.woocommerce .show-password-input svg,
.woocommerce .show-password-input path,
.woocommerce .show-password-input i{
  fill:#ffffff !important;
  stroke:#ffffff !important;
  color:#ffffff !important;
  filter:invert(1) brightness(2.4) contrast(1.2) !important;
}

/* =====================================================
   CHECKBOX RECUÉRDAME
===================================================== */

.woocommerce .woocommerce-form-login__rememberme,
.woocommerce .woocommerce-form__label-for-checkbox{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:6px 0 14px 0 !important;
  color:var(--t-text) !important;
  line-height:1.2 !important;
  vertical-align:middle !important;
}

.woocommerce .woocommerce-form-login__rememberme input,
.woocommerce .woocommerce-form__label-for-checkbox input{
  margin:0 !important;
  position:relative !important;
  top:0 !important;
  transform:none !important;
  accent-color:var(--t-accent) !important;
}

.woocommerce .woocommerce-form-login__rememberme span,
.woocommerce .woocommerce-form__label-for-checkbox span{
  color:var(--t-text) !important;
}

/* =====================================================
   BOTONES
===================================================== */

.woocommerce button.button,
.woocommerce a.button,
.woocommerce .button{
  background:var(--t-accent) !important;
  color:var(--t-accent-text) !important;
  border:0 !important;
  border-radius:12px !important;
  padding:14px 18px !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  box-shadow:var(--t-shadow) !important;
  margin-top:12px !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce .button:hover{
  filter:brightness(1.03);
  transform:translateY(-1px);
}

.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce .button:disabled,
.woocommerce .button.disabled{
  background:rgba(255,179,0,.55) !important;
  color:#2b2100 !important;
  opacity:1 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
  transform:none !important;
}

/* =====================================================
   TEXTOS AUXILIARES
===================================================== */

.woocommerce .lost_password{
  margin-top:12px !important;
}

.woocommerce .lost_password a{
  color:var(--t-muted) !important;
}

.woocommerce .lost_password a:hover{
  color:#ffffff !important;
}

.woocommerce form.register .woocommerce-privacy-policy-text,
.woocommerce form.register .woocommerce-privacy-policy-text p{
  color:var(--t-muted) !important;
  line-height:1.6;
  margin-top:8px !important;
}

.woocommerce form.register .woocommerce-privacy-policy-text a{
  color:#ff5c93 !important;
  text-decoration:none;
}

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

/* =====================================================
   PASSWORD STRENGTH
===================================================== */

.woocommerce-password-strength{
  margin-top:8px !important;
  margin-bottom:6px !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  font-size:14px !important;
  border:1px solid var(--t-border) !important;
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad,
.woocommerce-password-strength.weak{
  background:rgba(255,77,109,.12) !important;
  color:#ffd8df !important;
  border-color:rgba(255,77,109,.28) !important;
}

.woocommerce-password-strength.good{
  background:rgba(255,179,0,.12) !important;
  color:#ffe7a3 !important;
  border-color:rgba(255,179,0,.28) !important;
}

.woocommerce-password-strength.strong{
  background:rgba(34,197,94,.12) !important;
  color:#d7ffe6 !important;
  border-color:rgba(34,197,94,.28) !important;
}

.woocommerce-password-hint,
.woocommerce-password-hint p,
.woocommerce-password-hint small{
  color:var(--t-muted) !important;
  margin-top:6px !important;
}

/* =====================================================
   REPETIR CONTRASEÑA
===================================================== */

.titan-repeat-password-row{
  margin:0 0 8px 0 !important;
}

.titan-repeat-password-row label{
  margin:0 0 3px 0 !important;
}

.titan-repeat-password-row .titan-password-wrap{
  position:relative !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

.titan-repeat-password-row input{
  width:100% !important;
  margin:0 !important;
  min-height:42px !important;
  padding:9px 44px 9px 14px !important;
}

/* ocultar completamente el ojo original SOLO en repetir contraseña */
.titan-repeat-password-row .show-password-input,
.titan-repeat-password-row .show-password-input::before,
.titan-repeat-password-row .show-password-input::after,
.titan-repeat-password-row .password-input > .show-password-input,
.titan-repeat-password-row .password-input > .show-password-input::before,
.titan-repeat-password-row .password-input > .show-password-input::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}

/* ojo custom */
.titan-repeat-password-row .titan-toggle-password{
  display:block !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:18px !important;
  height:18px !important;
  cursor:pointer !important;
  z-index:20 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.titan-repeat-password-row .titan-toggle-password::before{
  content:"◉";
  display:block;
  width:18px;
  height:18px;
  color:#ffffff !important;
  font-size:15px;
  line-height:18px;
  text-align:center;
  opacity:.95;
}

.titan-repeat-password-row .titan-toggle-password.is-active::before{
  content:"○";
}

/* error interno */
.titan-password-error{
  display:none;
  margin:6px 0 0 0 !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  background:rgba(255,77,109,.10) !important;
  border:1px solid rgba(255,77,109,.25) !important;
  color:#ffd8df !important;
  font-size:13px !important;
  line-height:1.35 !important;
  position:static !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

.titan-password-error.is-visible{
  display:block !important;
}

.titan-password-error::before,
.titan-password-error::after,
.titan-password-error *::before,
.titan-password-error *::after{
  content:none !important;
  display:none !important;
}

/* =====================================================
   MENSAJES
===================================================== */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  background:rgba(255,255,255,.03) !important;
  color:var(--t-text) !important;
  border:1px solid var(--t-border) !important;
  border-radius:14px !important;
  padding:14px 16px !important;
  text-align:center !important;
  justify-content:center !important;
}

.woocommerce-error{
  border-color:rgba(255,77,109,.28) !important;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li{
  text-align:center !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.woocommerce-error::before{
  display:none !important;
}

/* =====================================================
   DASHBOARD CUENTA
===================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation{
  width:260px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.01) 100%),
    var(--t-card) !important;
  border:1px solid var(--t-border) !important;
  border-radius:var(--t-radius) !important;
  padding:24px !important;
  box-shadow:var(--t-shadow) !important;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:0 0 8px 0 !important;
  padding:0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block;
  padding:12px 14px;
  border-radius:12px;
  text-decoration:none;
  color:var(--t-text) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background:rgba(255,255,255,.05) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  background:var(--t-accent) !important;
  color:var(--t-accent-text) !important;
  font-weight:700;
}

.woocommerce-account .woocommerce-MyAccount-content{
  flex:1;
  min-width:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.01) 100%),
    var(--t-card) !important;
  border:1px solid var(--t-border) !important;
  border-radius:var(--t-radius) !important;
  padding:40px !important;
  box-shadow:var(--t-shadow) !important;
  color:var(--t-text) !important;
}

.woocommerce-account table.shop_table,
.woocommerce-account table{
  width:100%;
  background:rgba(255,255,255,.02) !important;
  border:1px solid var(--t-border) !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

.woocommerce-account table th,
.woocommerce-account table td{
  border-color:rgba(255,255,255,.08) !important;
  color:var(--t-text) !important;
  background:transparent !important;
}

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

@media (max-width:900px){
  .woocommerce-account .woocommerce{
    flex-direction:column;
    gap:24px;
    padding-top:96px;
  }

  .woocommerce-account .woocommerce::before{
    width:220px;
    height:64px;
    top:8px;
  }

  .woocommerce-account .u-columns{
    flex-direction:column;
    gap:24px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation{
    width:100%;
  }

  .woocommerce-account .woocommerce-MyAccount-content{
    width:100%;
    padding:24px !important;
  }

  .woocommerce form.login,
  .woocommerce form.register{
    padding:24px !important;
  }

  .woocommerce-account .u-column1 h2,
  .woocommerce-account .u-column2 h2,
  .woocommerce-account h2{
    font-size:30px;
  }
}

/* matar cualquier ojo original solo en repetir contraseña */
.titan-repeat-password-row .show-password-input,
.titan-repeat-password-row .show-password-input::before,
.titan-repeat-password-row .show-password-input::after{
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* asegurar que solo se vea tu toggle custom */
.titan-repeat-password-row .titan-toggle-password{
  display: block !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 999 !important;
}

/* repetir contraseña: wrapper propio, sin ojo nativo WooCommerce */
.titan-repeat-password-row .titan-password-wrap{
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.titan-repeat-password-row input{
  width: 100% !important;
  padding-right: 44px !important;
}

/* ojo custom */
.titan-repeat-password-row .titan-toggle-password{
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  z-index: 20 !important;
}

.titan-repeat-password-row .titan-toggle-password::before{
  content: "◉";
  display: block;
  width: 18px;
  height: 18px;
  color: #ffffff !important;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  opacity: .95;
}

.titan-repeat-password-row .titan-toggle-password.is-active::before{
  content: "○";
}

/* error debajo y centrado */
.titan-password-error{
  display: none;
  margin: 6px 0 0 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: rgba(255,77,109,.10) !important;
  border: 1px solid rgba(255,77,109,.25) !important;
  color: #ffd8df !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.titan-password-error.is-visible{
  display: block !important;
}

/* ===============================
   CENTRAR MENSAJES WOOCOMMERCE
================================ */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  width: fit-content !important;
  max-width: 600px !important;
  margin: 0 auto 30px auto !important;
  text-align: center !important;
  display: block !important;
}

/* quitar icono rojo lateral */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before{
  display:none !important;
}

/* centrar contenido interno */
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}

/* quitar padding raro de Woo */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  padding:14px 20px !important;
}

/* ============================
   CENTRAR AVISOS WOOCOMMERCE
============================ */

/* contenedor */
.woocommerce-notices-wrapper{
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
  margin-bottom:30px !important;
}

/* caja del mensaje */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  width:auto !important;
  max-width:520px !important;
  margin:0 !important;
  text-align:center !important;
}

/* texto */
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}

/* quitar icono lateral de Woo */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before{
  display:none !important;
}

/* =====================================
   CENTRAR FORMULARIOS EN MODO VERTICAL
===================================== */

@media (max-width: 900px){

  .woocommerce-account .u-columns{
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .woocommerce-account .u-column1,
  .woocommerce-account .u-column2{
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  .woocommerce form.login,
  .woocommerce form.register{
    margin: 0 auto !important;
  }

  /* centrar títulos */
  .woocommerce-account .u-column1 h2,
  .woocommerce-account .u-column2 h2{
    text-align: center !important;
  }

}

/* ===============================
   MENÚ MY ACCOUNT · CENTRADO REAL
=============================== */

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* estado activo */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 48px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
}

/* Quitar el salto de línea que Woo/tema mete en el menú */
.woocommerce-account .woocommerce-MyAccount-navigation a br{
  display: none !important;
}

/* Centrado real del texto dentro de cada enlace */
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}/* End custom CSS */