/* Zapatería Lupita - Mi Cuenta Estable v41 */

body.zl-v41-account-page{
  background:#f8f1ea!important;
}

body.zl-v41-account-page,
body.zl-v41-account-page *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  box-sizing:border-box!important;
}

/* Ocultar menús/bloques viejos */
body.zl-v41-account-page .woocommerce-MyAccount-navigation,
body.zl-v41-account-page .zl-account-shell-v39,
body.zl-v41-account-page .zl-account-tabs-v39,
body.zl-v41-account-page .zl-account-clean-dashboard-v37,
body.zl-v41-account-page .zl-account-dashboard-v38,
body.zl-v41-account-page .zl-account-welcome-v36,
body.zl-v41-account-page .zl-v40-account-replacement,
body.zl-v41-account-page #zl-v40-account-replacement{
  display:none!important;
}

/* Contenedores grandes */
body.zl-v41-account-page #page,
body.zl-v41-account-page #content,
body.zl-v41-account-page #primary,
body.zl-v41-account-page main,
body.zl-v41-account-page article,
body.zl-v41-account-page .entry-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
}

/* Títulos */
body.zl-v41-account-page h1.entry-title,
body.zl-v41-account-page .entry-title,
body.zl-v41-account-page .page-title{
  width:min(1120px, calc(100vw - 48px))!important;
  max-width:1120px!important;
  margin:44px auto 22px!important;
  padding:0!important;
  color:#252b36!important;
  font-size:clamp(38px,5vw,64px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  text-align:left!important;
}

/* Woo account ocupa ancho real */
body.zl-v41-account-page .woocommerce{
  display:block!important;
  width:min(1120px, calc(100vw - 48px))!important;
  max-width:1120px!important;
  min-width:0!important;
  margin:0 auto 70px!important;
  padding:0!important;
  clear:both!important;
}

body.zl-v41-account-page .woocommerce-MyAccount-content{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:26px!important;
  min-height:420px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(40,45,60,.10)!important;
  border-radius:30px!important;
  box-shadow:0 18px 52px rgba(30,35,45,.09)!important;
  overflow:hidden!important;
}

body.zl-v41-account-dashboard .woocommerce-MyAccount-content > *:not(#zl-v41-account){
  display:none!important;
}

/* Bloque nuevo: sencillo y estable */
#zl-v41-account,
.zl-v41-account{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:5!important;
}

.zl-v41-head{
  display:grid!important;
  grid-template-columns:96px 1fr!important;
  align-items:center!important;
  gap:24px!important;
  width:100%!important;
  min-height:230px!important;
  padding:32px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#b8243f 0%,#821429 100%)!important;
  color:#fff!important;
  box-shadow:0 20px 44px rgba(184,36,63,.22)!important;
}

.zl-v41-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:96px!important;
  height:96px!important;
  min-width:96px!important;
  border-radius:28px!important;
  background:#fff!important;
  color:#b8243f!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 16px 32px rgba(0,0,0,.16)!important;
}

.zl-v41-copy{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

.zl-v41-copy span{
  display:block!important;
  margin:0 0 10px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
}

.zl-v41-copy h2{
  display:block!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(36px,5vw,60px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}

.zl-v41-copy p{
  display:block!important;
  max-width:720px!important;
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:17px!important;
  line-height:1.55!important;
}

.zl-v41-menu{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:0!important;
}

.zl-v41-menu a{
  display:block!important;
  min-height:118px!important;
  padding:24px!important;
  border-radius:24px!important;
  background:#fffaf5!important;
  border:1px solid rgba(40,45,60,.10)!important;
  color:#26303e!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(30,35,45,.05)!important;
}

.zl-v41-menu strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#26303e!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

.zl-v41-menu small{
  display:block!important;
  color:#727987!important;
  font-size:14px!important;
  line-height:1.35!important;
}

/* Endpoints de cuenta */
body.zl-v41-account-page:not(.zl-v41-account-dashboard) .woocommerce-MyAccount-content{
  color:#404755!important;
}

body.zl-v41-account-page label{
  display:block!important;
  color:#26303e!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:950!important;
  margin:0 0 8px!important;
}

/* El estilo de estos campos de texto vive en un solo lugar ahora:
   redisenio-total/assets/zl-v35-total.css (para evitar que dos
   módulos distintos se peleen por el mismo campo con valores
   diferentes, como pasaba antes). */

body.zl-v41-account-page .button,
body.zl-v41-account-page button.button,
body.zl-v41-account-page input.button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:13px 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#d63655,#9b1c34)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  text-decoration:none!important;
  box-shadow:0 14px 26px rgba(184,36,63,.20)!important;
}

@media (max-width:760px){
  body.zl-v41-account-page .woocommerce,
  body.zl-v41-account-page h1.entry-title,
  body.zl-v41-account-page .entry-title,
  body.zl-v41-account-page .page-title{
    width:calc(100vw - 24px)!important;
  }

  body.zl-v41-account-page .woocommerce-MyAccount-content{
    padding:18px!important;
    border-radius:24px!important;
  }

  .zl-v41-head{
    display:block!important;
    min-height:0!important;
    padding:24px!important;
    border-radius:24px!important;
  }

  .zl-v41-logo{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    margin-bottom:18px!important;
    border-radius:20px!important;
    font-size:24px!important;
  }

  .zl-v41-menu{
    grid-template-columns:1fr!important;
  }
}
