/* Ajuste final de proporciones para replicar el acceso administrativo de referencia. */
@media (min-width: 901px) {
  .admin-login-welcome:before {
    inset: 0 !important;
    transform: none !important;
    background: #ffc400 !important;
    clip-path: polygon(82.5% 0, 86.1% 0, 72.2% 100%, 68.6% 100%) !important;
    opacity: 1 !important;
  }

  .admin-login-welcome:after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(90deg, #f7fbff, #d5e2f3);
    clip-path: polygon(86.1% 0, 88.8% 0, 74.9% 100%, 72.2% 100%);
    opacity: .84;
  }

  .admin-login-welcome {
    padding-top: 138px !important;
  }

  .admin-login-welcome .welcome-school {
    left: 4.5% !important;
    bottom: 54px !important;
    width: 64% !important;
    height: 126px !important;
    border: 0 !important;
    border-bottom: 2px solid #c1d4eb !important;
    background: linear-gradient(#c1d4eb,#c1d4eb) 2% 100%/96% 2px no-repeat,
      linear-gradient(#c1d4eb,#c1d4eb) 50% 13%/3px 86% no-repeat,
      linear-gradient(#c1d4eb,#c1d4eb) 50% 13%/42% 2px no-repeat,
      repeating-linear-gradient(90deg,transparent 0 30px,#c1d4eb 31px 33px,transparent 34px 58px) 50% 42%/44% 54% no-repeat !important;
  }

  .admin-login-welcome .welcome-school:before {
    right: 29% !important;
    width: 48px !important;
    height: 112px !important;
    border: 2px solid #c1d4eb !important;
    border-bottom: 0 !important;
  }

  .admin-login-area {
    padding: 50px 4vw !important;
  }

  .admin-login-card {
    height: 662px !important;
    padding: 43px 36px 31px !important;
    transform: translateX(-8.5vw) !important;
  }
}

.welcome-compass {
  color: transparent !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23ffc400' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m33 15-5 12-12 5 5-12 12-5Z'/%3E%3Cpath d='m21 20 7 7'/%3E%3C/svg%3E") center/40px 40px no-repeat !important;
}

body:has(.admin-login) .brand b:before {
  content: "" !important;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23082b63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16.5 7.5-2.7 5.8-5.8 2.7 2.7-5.8 5.8-2.7Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.admin-field input:-webkit-autofill,
.admin-field input:-webkit-autofill:hover,
.admin-field input:-webkit-autofill:focus {
  -webkit-text-fill-color: #182a4d !important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  transition: background-color 9999s ease-out 0s;
}

@media (max-width: 900px) {
  .admin-login-card { transform: none !important; }
}