* {
   box-sizing: border-box;
}

html,
body {
   margin: 0;
   padding: 0;
   height: 100%;
   background: #f6f7f8;
}

:root {
   --vitacura-pink: #ce009f;
   --vitacura-teal: #04c0b3;
   --vitacura-green: #c6d439;
   --vitacura-dark: #3e4543;
}

.logo-container {
   text-align: center;
   margin-bottom: 2.5rem;
}

.logo-vitacura {
   width: 300px;
   max-width: 100%;
}

.login-card {
   background: white;
   padding: 3rem;
   border-radius: 24px;
   box-shadow: 0 20px 50px rgba(0,0,0,.08);
}

.login-page {
   height: calc(100vh - 8px);
   display: flex;
   overflow: hidden;
}

.login-form-panel {
   width: 42%;
   padding: 3rem 4rem;
   overflow-y: auto;
}

.login-image-panel {
   width: 58%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url('/img/MUNI2.jpg');
   position: relative;
}

.login-image-panel2 {
   width: 58%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url('/img/MUNI.jpg');
   position: relative;
}

.login-image-panel::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient( rgba(255,255,255,.05), rgba(0,0,0,.12) );
}

.vitacura-brand-bar {
   height: 8px;
   background: linear-gradient( to right, #ce009f 0%, #ce009f 25%, #04c0b3 25%, #04c0b3 50%, #c6d439 50%, #c6d439 75%, #3e4543 75%, #3e4543 100% );
}

@media (max-width: 991px) {

   .login-image-panel,
   .login-image-panel2 {
      display: none;
   }

   .login-form-panel {
      width: 100%;
      padding: 2rem;
   }
}

.login-header {
   margin-bottom: 2.5rem;
}

.login-title {
   font-family: 'Montserrat', sans-serif;
   font-size: 2.45rem;
   font-weight: 700;
   letter-spacing: -0.04em;
   line-height: 1.1;
   color: #3e4543;
   margin-bottom: 1rem;
}

.login-description {
   color: #5f6463;
   font-size: 1rem;
   line-height: 1.7;
   margin-bottom: 0;
}

.password-sent {
   text-align: center;
}

.password-sent-icon {
   font-size: 3rem;
   color: var(--vitacura-teal);
   margin-bottom: 1.5rem;
}

.password-sent-title {
   font-family: 'Montserrat', sans-serif;
   font-size: 2.2rem;
   font-weight: 700;
   color: var(--vitacura-dark);
   margin-bottom: 1rem;
}

.password-sent-text {
   color: #5f6463;
   line-height: 1.8;
   max-width: 520px;
   margin: 0 auto;
}

.vitacura-loading-overlay {
   position: fixed;
}