.elementor-2320 .elementor-element.elementor-element-f7c19e7{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2320 .elementor-element.elementor-element-f7c19e7:not(.elementor-motion-effects-element-type-background), .elementor-2320 .elementor-element.elementor-element-f7c19e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3E3E3;}.elementor-2320 .elementor-element.elementor-element-22130c4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2320 .elementor-element.elementor-element-8baa28b > .elementor-widget-container{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2320 .elementor-element.elementor-element-22130c4{--content-width:90%;}}@media(max-width:1024px){.elementor-2320 .elementor-element.elementor-element-f7c19e7{--margin-top:-6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(max-width:767px){.elementor-2320 .elementor-element.elementor-element-f7c19e7{--min-height:80vh;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2320 .elementor-element.elementor-element-22130c4{--content-width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-8baa28b *//* Wrapper del formulario */
.othala-lost-password-form {
  max-width: 420px;
  margin: 0 auto;
  padding: 40px 30px;
  background-color: #ffff;
  border-radius: 12px;
  font-family: 'Work Sans', sans-serif;
  color: #000;
  font-size: 18px;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

/* Títulos */
.othala-lost-password-form h2 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}

/* Input */
.othala-lost-password-form input[type="text"],
.othala-lost-password-form input[type="email"] {
  background: #ffff;
  border: 1px solid #333;
  border-radius: 8px;
  width: 100%;
  padding: 10px;
  margin-top: 15px;
  color: #e0e0e0;
  margin-bottom: 20px;
  transition: border 0.2s ease;
}

.othala-lost-password-form input[type="text"]:focus,
.othala-lost-password-form input[type="email"]:focus {
  border-color: #777;
  outline: none;
}

/* Botón */
form.woocommerce-ResetPassword button.button {
  background-color: #4A2E2F !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  padding: 14px !important;
  width: 100% !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer;
  transition: background-color 0.3s ease !important;
  font-family: 'Work Sans', sans-serif !important;
}

form.woocommerce-ResetPassword button.button:hover {
  background-color: #613C3C !important;
}


.othala-lost-password-form input[type="submit"]:hover {
  background-color: #613C3C;
}

/* Mensajes de error o éxito */
.othala-lost-password-form .woocommerce-message,
.othala-lost-password-form .woocommerce-error,
.othala-lost-password-form .woocommerce-info {
  background: rgba(74, 46, 47, 0.15);
  border-left: 3px solid #4A2E2F;
  color: #fff;
  padding: 16px;
  margin-top: 20px;
  border-radius: 6px;
  font-size: 14px;
}/* End custom CSS */