.elementor-336 .elementor-element.elementor-element-22e4f87 > .elementor-container{min-height:100vh;}.elementor-336 .elementor-element.elementor-element-16a0de4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://estibasdelpacifico.com/wp-content/uploads/2024/04/banner2.jpg");background-position:92% 0px;background-repeat:no-repeat;background-size:cover;}.elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-element-populated, .elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-element-populated > .elementor-background-overlay, .elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-background-slideshow{border-radius:0% 0% 0% 0%;}.elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-336 .elementor-element.elementor-element-5d9c047{--spacer-size:100vh;}.elementor-336 .elementor-element.elementor-element-489fb1b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-336 .elementor-element.elementor-element-065b6ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-336 .elementor-element.elementor-element-16a0de4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}}@media(max-width:767px){.elementor-336 .elementor-element.elementor-element-16a0de4:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-336 .elementor-element.elementor-element-16a0de4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}}/* Start custom CSS for html, class: .elementor-element-065b6ce */.container {
    display: block;
    justify-content: center;
    align-items: center;
    
    width: 79%;
    margin: auto;
}

.login-form {
  background-color: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


h2 {
  margin-bottom: 20px;
  text-align: center;
}

.input-container {
  position: relative;
  margin-bottom: 20px;
}

input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}

label {
  position: absolute;
  top: 50%;
  left: 10px;
  color: #999;
  transition: all 0.3s ease;
  pointer-events: none;
}

input:focus + label,
input:valid + label {
  top: 0;
  font-size: 12px;
  color: #333;
}

button {
  width: 100%;
  padding: 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #0056b3;
}


.toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.toggle-password img {
  width: 30px;
  height: 20px;
}/* End custom CSS */