/* XNO auth modals — tube layout (logo + título + social + OR). CDN: /files/bootstrap/css/auth-modal-xn.css */
body.xno-skin .kp-auth-modal.modal.fade.in,
body.xno-skin .kp-auth-modal.modal.fade.show,
body.xno-skin .kp-auth-modal.modal.in,
body.xno-skin .kp-auth-modal.modal.show{
  background-color:rgba(0,0,0,.72)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}
body.xno-skin .kp-auth-modal .modal-dialog{
  max-width:400px;
  width:calc(100% - 32px);
  margin:28px auto;
}
body.xno-skin .kp-auth-modal .modal-content,
body.xno-skin .kp-auth-modal .modal-body,
body.xno-skin .kp-auth-modal .modal-footer,
body.xno-skin .kp-auth-modal .modal-header{
  background:#111!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.xno-skin .kp-auth-modal .modal-content{
  border:1px solid #2a2a2a!important;
  border-radius:10px!important;
  color:#eee;
  box-shadow:0 24px 64px rgba(0,0,0,.65)!important;
  position:relative;
  overflow:hidden;
}
body.xno-skin .kp-auth-modal .modal-header{
  border:0!important;
  padding:0!important;
  min-height:0;
}
body.xno-skin .kp-auth-modal .modal-header .modal-title{display:none}
body.xno-skin .kp-auth-modal .modal-footer{display:none!important}
body.xno-skin .kp-auth-modal .modal-header .close,
body.xno-skin .kp-auth-modal > .modal-dialog > .modal-content > .close,
body.xno-skin .kp-auth-modal .kp-auth-close{
  position:absolute;
  right:12px;top:10px;z-index:3;
  width:36px;height:36px;margin:0;padding:0;
  border:0;border-radius:6px;
  background:transparent;color:#fff!important;
  opacity:1!important;text-shadow:none;
  font-size:22px;line-height:36px;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;
}
body.xno-skin .kp-auth-modal .modal-header .close:hover,
body.xno-skin .kp-auth-modal .kp-auth-close:hover{
  color:#2ee6a8!important;background:rgba(46,230,168,.08);
}
body.xno-skin .kp-auth-modal .modal-body{
  padding:28px 28px 26px!important;
  overflow:visible;
}
body.xno-skin .kp-auth-brand{
  text-align:center;
  margin:4px 0 22px;
}
body.xno-skin .kp-auth-brand__logo{
  display:block;
  margin:0 auto 18px;
  height:36px;width:auto;max-width:160px;
  object-fit:contain;
}
body.xno-skin .kp-auth-brand__title{
  margin:0 0 8px;
  padding:0 8px;
  color:#fff!important;
  font:700 1.65rem/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:-.01em;
}
body.xno-skin .kp-auth-brand__sub{
  margin:0;
  color:#9a9a9a!important;
  font-size:14px;font-weight:400;line-height:1.4;
}
body.xno-skin .kp-auth-social-label{
  margin:0 0 12px!important;
  text-align:center;
  color:#fff!important;
  font-size:14px;font-weight:700;
}
body.xno-skin .kp-auth-social-row{
  display:flex;gap:12px;
  margin:0 0 18px;
  justify-content:center;
}
body.xno-skin .kp-auth-social-btn{
  flex:1 1 100%;
  max-width:100%;
  min-height:48px;max-height:52px;
  border:1px solid #3a3a3a!important;
  border-radius:6px!important;
  background:#0a0a0a!important;
  color:#fff!important;
}
body.xno-skin .kp-auth-social-btn:hover,
body.xno-skin .kp-auth-social-btn:focus{
  background:#1a1a1a!important;
  border-color:#555!important;
  color:#fff!important;
}
body.xno-skin .kp-auth-sep{
  display:flex;align-items:center;gap:14px;
  margin:4px 0 18px;
  color:#fff!important;
  font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
}
body.xno-skin .kp-auth-sep::before,
body.xno-skin .kp-auth-sep::after{
  content:"";flex:1;height:1px;background:#333;
}
body.xno-skin .kp-auth-sep span{color:#fff!important;flex:0 0 auto}
body.xno-skin #Login .input-group,
body.xno-skin #LostPassword .input-group{
  margin-bottom:12px;
  display:flex;width:100%;
  align-items:stretch;
}
body.xno-skin #Login .input-group-addon,
body.xno-skin #LostPassword .input-group-addon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0a0a0a!important;
  border:1px solid #333!important;
  border-right:0!important;
  color:#888!important;
  border-radius:6px 0 0 6px!important;
  min-width:44px;
  width:44px;
  height:44px!important;
  padding:0!important;
  line-height:1!important;
  box-sizing:border-box;
}
body.xno-skin #Login .input-group-addon i,
body.xno-skin #LostPassword .input-group-addon i{
  display:block;
  margin:0!important;
  line-height:1!important;
  font-size:14px;
  width:1em;text-align:center;
}
body.xno-skin #Login .form-control,
body.xno-skin #LostPassword .form-control{
  background:#0a0a0a!important;
  border:1px solid #333!important;
  border-left:0!important;
  color:#eee!important;
  border-radius:0 6px 6px 0!important;
  height:44px!important;
  line-height:44px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  box-shadow:none!important;
  box-sizing:border-box;
}
body.xno-skin #Login .form-control:focus,
body.xno-skin #LostPassword .form-control:focus{
  border-color:#555!important;
  box-shadow:none!important;
}
body.xno-skin #Login .input-group:focus-within .input-group-addon,
body.xno-skin #LostPassword .input-group:focus-within .input-group-addon{
  border-color:#555!important;
}
body.xno-skin #Login .remeber-login{margin:10px 0 14px}
body.xno-skin #Login .kp-auth-check{color:#bbb}
body.xno-skin .kp-auth-modal .kp-auth-check input[type="checkbox"]:checked{
  background:#2ee6a8!important;
  border-color:#2ee6a8!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2304140f' stroke-width='2' d='M2 6l3 3 5-5'/%3E%3C/svg%3E")!important;
  background-size:12px 12px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.xno-skin .kp-auth-modal .kp-auth-check input[type="checkbox"]:focus{
  outline:0;
  box-shadow:0 0 0 2px rgba(46,230,168,.25)!important;
}
body.xno-skin #Register .reg-chip.kp-auth-check.is-on,
body.xno-skin #Register .reg-chip.kp-auth-check:has(input:checked){
  border-color:#2ee6a8!important;
  background:rgba(46,230,168,.12)!important;
  color:#2ee6a8!important;
}
body.xno-skin #Login .alert-login{color:#777!important;font-size:12px}
body.xno-skin #login-gate-hint{
  background:rgba(46,230,168,.1)!important;
  border:1px solid rgba(46,230,168,.35)!important;
  color:#7dd3c0!important;
  border-radius:6px;
}
body.xno-skin #Login .list-unstyled,
body.xno-skin #LostPassword .list-unstyled,
body.xno-skin #Register .list-unstyled,
body.xno-skin #AuthChoice .list-unstyled{
  margin:14px 0 0;padding:0!important;
  list-style:none;
  text-align:center!important;
  width:100%;
}
body.xno-skin #Login .list-unstyled > li,
body.xno-skin #LostPassword .list-unstyled > li,
body.xno-skin #Register .list-unstyled > li,
body.xno-skin #AuthChoice .list-unstyled > li{
  display:block;
  float:none!important;
  width:100%;
  margin:0;padding:0;
  text-align:center!important;
}
body.xno-skin .kp-auth-modal .kp-auth-link-btn,
body.xno-skin .kp-auth-modal .kp-auth-foot a,
body.xno-skin .kp-auth-modal .kp-auth-legal a{
  color:#9a9a9a!important;
  font-size:13px;
  background:none;border:0;padding:4px 0;cursor:pointer;
}
body.xno-skin #Register .kp-auth-link-btn,
body.xno-skin #AuthChoice .kp-auth-link-btn,
body.xno-skin #Login .kp-auth-link-btn,
body.xno-skin #LostPassword .kp-auth-link-btn{
  display:inline!important;
  float:none!important;
  width:auto!important;
  max-width:100%;
  margin:0 auto!important;
  text-align:center!important;
}
body.xno-skin .kp-auth-modal .kp-auth-link-btn:hover,
body.xno-skin .kp-auth-modal .kp-auth-foot a:hover,
body.xno-skin .kp-auth-modal .kp-auth-legal a:hover{
  color:#2ee6a8!important;
}
body.xno-skin .kp-auth-modal .kp-auth-legal{
  margin-top:14px;text-align:center;font-size:12px;color:#777;line-height:1.45;
}
/* CTA: integrado al form, sin pastilla ni franja */
body.xno-skin .kp-auth-modal .btn.btn-dsb.kp-auth-submit,
body.xno-skin .kp-auth-modal .btn.btn-dsb.kp-auth-email-btn,
body.xno-skin .kp-auth-modal #send_login_request,
body.xno-skin .kp-auth-modal #send_lost_password,
body.xno-skin .kp-auth-modal #send_reg_request,
body.xno-skin .kp-auth-modal #open-register-form{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:44px;
  margin:0 0 0!important;
  padding:11px 16px!important;
  border:1px solid #2ee6a8!important;
  border-radius:6px!important;
  background:#2ee6a8!important;
  color:#04140f!important;
  font-weight:700!important;
  font-size:14px!important;
  line-height:1.3!important;
  letter-spacing:.01em;
  text-align:center;
  box-shadow:none!important;
}
body.xno-skin .kp-auth-modal .btn.btn-dsb.kp-auth-submit:hover,
body.xno-skin .kp-auth-modal .btn.btn-dsb.kp-auth-email-btn:hover,
body.xno-skin .kp-auth-modal #send_login_request:hover,
body.xno-skin .kp-auth-modal #send_lost_password:hover,
body.xno-skin .kp-auth-modal #send_reg_request:hover,
body.xno-skin .kp-auth-modal #open-register-form:hover{
  background:#7dd3c0!important;
  border-color:#7dd3c0!important;
  color:#04140f!important;
}
body.xno-skin #Register .kp-auth-brand,
body.xno-skin #AuthChoice .kp-auth-brand,
body.xno-skin #LostPassword .kp-auth-brand{margin-bottom:18px}
body.xno-skin #LostPassword .kp-auth-submit{margin-top:14px!important}
body.xno-skin #Register .kp-auth-submit{margin-top:14px!important}
body.xno-skin #Login .kp-auth-submit{margin-top:4px!important}
/* Register modal: más ancho; scroll en el overlay (#Register), no dentro del body */
body.xno-skin #Register.kp-auth-modal .modal-dialog{
  max-width:480px;
  width:calc(100% - 24px);
  margin:auto;
}
body.xno-skin #Register.kp-auth-modal .modal-content,
body.xno-skin #Register.kp-auth-modal .modal-body{
  max-height:none!important;
  overflow:visible!important;
  display:block;
}
body.xno-skin #Register.kp-auth-modal.in,
body.xno-skin #Register.kp-auth-modal.show{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
body.xno-skin #Register .kp-reg-form label{
  color:#bbb!important;
}
body.xno-skin #Register .color-f,
body.xno-skin #AuthChoice .color-f{
  color:#2ee6a8!important;
}
body.xno-skin #Register .input-group{
  display:flex;align-items:stretch;width:100%;
  margin-bottom:12px;
}
body.xno-skin #Register .input-group-addon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0a0a0a!important;
  border:1px solid #333!important;
  border-right:0!important;
  color:#888!important;
  border-radius:6px 0 0 6px!important;
  height:44px!important;
  min-width:44px;width:44px;
  padding:0!important;
  line-height:1!important;
  box-sizing:border-box;
}
body.xno-skin #Register .input-group-addon i,
body.xno-skin #Register .input-group-addon .reg-ico{
  display:block;margin:0!important;line-height:1!important;font-size:14px;color:#888!important;
}
body.xno-skin #Register .form-control,
body.xno-skin #Register .kp-reg-form .form-control,
body.xno-skin #Register .kp-reg-form input.form-control,
body.xno-skin #Register .kp-reg-form select.form-control{
  background:#0a0a0a!important;
  border:1px solid #333!important;
  border-left:0!important;
  color:#eee!important;
  border-radius:0 6px 6px 0!important;
  height:44px!important;
  min-height:44px!important;
  line-height:44px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  padding-left:12px!important;
  box-shadow:none!important;
  box-sizing:border-box;
  font-size:16px;
}
body.xno-skin #Register .reg-birth-selects .form-control,
body.xno-skin #Register .kp-reg-form .reg-birth-selects .form-control{
  border-left:1px solid #333!important;
  border-radius:6px!important;
  line-height:1.25!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body.xno-skin #Register .form-control:hover,
body.xno-skin #Register .form-control:focus,
body.xno-skin #Register .kp-reg-form .form-control:hover,
body.xno-skin #Register .kp-reg-form .form-control:focus{
  background:#0a0a0a!important;
  border-color:#555!important;
  box-shadow:none!important;
}
body.xno-skin #Register .input-group:focus-within .input-group-addon{
  border-color:#555!important;
}
body.xno-skin #Register select.form-control,
body.xno-skin #Register .kp-reg-form select.form-control{
  -webkit-appearance:none;appearance:none;
  padding-right:36px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1.4.6L6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:12px 8px!important;
  cursor:pointer;
}
body.xno-skin #Register .reg-looking-for{
  background:#0a0a0a!important;
  border:1px solid #333!important;
  border-radius:6px;
}
body.xno-skin #Register .reg-chip.kp-auth-check{
  background:#141414!important;
  border:1px solid #3a3a3a!important;
  color:#eee!important;
  border-radius:6px!important;
}
body.xno-skin #Register .reg-chip.kp-auth-check.is-on,
body.xno-skin #Register .reg-chip.kp-auth-check:has(input:checked){
  border-color:#2ee6a8!important;
  background:rgba(46,230,168,.12)!important;
  color:#2ee6a8!important;
}
body.xno-skin #Register .kp-reg-form .reg-check a,
body.xno-skin #Register .reg-check a{
  color:#2ee6a8!important;
  font-weight:700;
}
body.xno-skin #Register .reg-birth-hint{color:#777!important}
body.xno-skin .kp-oauth-start[data-provider="x"]{display:none!important}
/* Mata dorado de styles.css / auth-modal.css (IDs ganan sin body) */
html.brand-xno #Login .kp-auth-link-btn,
html.brand-xno #LostPassword .kp-auth-link-btn,
html.brand-xno #Register .kp-auth-link-btn,
html.brand-xno #AuthChoice .kp-auth-link-btn{
  color:#9a9a9a!important;
  text-decoration:none!important;
}
html.brand-xno #Login .kp-auth-link-btn:hover,
html.brand-xno #Login .kp-auth-link-btn:focus,
html.brand-xno #LostPassword .kp-auth-link-btn:hover,
html.brand-xno #LostPassword .kp-auth-link-btn:focus,
html.brand-xno #Register .kp-auth-link-btn:hover,
html.brand-xno #Register .kp-auth-link-btn:focus,
html.brand-xno #AuthChoice .kp-auth-link-btn:hover,
html.brand-xno #AuthChoice .kp-auth-link-btn:focus{
  color:#2ee6a8!important;
  text-decoration:none!important;
}
html.brand-xno #Register .list-unstyled,
html.brand-xno #AuthChoice .list-unstyled,
html.brand-xno #Login .list-unstyled,
html.brand-xno #LostPassword .list-unstyled{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  list-style:none!important;
  text-align:center!important;
}
html.brand-xno #Register .list-unstyled > li,
html.brand-xno #AuthChoice .list-unstyled > li,
html.brand-xno #Login .list-unstyled > li,
html.brand-xno #LostPassword .list-unstyled > li{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
html.brand-xno #Login .form-control:focus,
html.brand-xno #LostPassword .form-control:focus,
html.brand-xno #Register .form-control:focus,
html.brand-xno #Register .form-control:hover,
html.brand-xno #Register .kp-reg-form .form-control:focus,
html.brand-xno #Register .kp-reg-form .form-control:hover{
  border-color:#555!important;
  box-shadow:none!important;
}
html.brand-xno #Register .color-f,
html.brand-xno #AuthChoice .color-f{
  color:#2ee6a8!important;
}
html.brand-xno #Register .reg-check a,
html.brand-xno #Register .kp-reg-form .reg-check a,
html.brand-xno #Register .kp-auth-legal a,
html.brand-xno #AuthChoice .kp-auth-legal a{
  color:#2ee6a8!important;
}
html.brand-xno #Register .kp-auth-check input[type="checkbox"]:checked,
html.brand-xno #AuthChoice .kp-auth-check input[type="checkbox"]:checked,
html.brand-xno #Login .kp-auth-check input[type="checkbox"]:checked,
html.brand-xno .kp-auth-modal .kp-auth-check input[type="checkbox"]:checked{
  background:#2ee6a8!important;
  border-color:#2ee6a8!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2304140f' stroke-width='2' d='M2 6l3 3 5-5'/%3E%3C/svg%3E")!important;
  background-size:12px 12px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html.brand-xno #Register .reg-chip.kp-auth-check.is-on,
html.brand-xno #Register .reg-chip.kp-auth-check:has(input:checked){
  border-color:#2ee6a8!important;
  background:rgba(46,230,168,.12)!important;
  color:#2ee6a8!important;
}
html.brand-xno #Register .kp-auth-foot a,
html.brand-xno #AuthChoice .kp-auth-foot a,
html.brand-xno .kp-auth-modal .kp-auth-foot a{
  color:#9a9a9a!important;
}
html.brand-xno #Register .kp-auth-foot a:hover,
html.brand-xno #AuthChoice .kp-auth-foot a:hover,
html.brand-xno .kp-auth-modal .kp-auth-foot a:hover{
  color:#2ee6a8!important;
}
/* kp-search-select dentro de auth (inyecta #ff9800 en .is-selected) */
html.brand-xno .kp-auth-modal .kp-ss-opt.is-selected,
html.brand-xno #Register .kp-ss-opt.is-selected,
html.brand-xno #AuthChoice .kp-ss-opt.is-selected{
  color:#2ee6a8!important;
}
html.brand-xno .kp-auth-modal .kp-ss-opt:hover,
html.brand-xno .kp-auth-modal .kp-ss-opt.is-active,
html.brand-xno #Register .kp-ss-opt:hover,
html.brand-xno #Register .kp-ss-opt.is-active{
  background:rgba(46,230,168,.12)!important;
  color:#fff!important;
}
html.brand-xno .kp-auth-modal .kp-ss-opt.is-selected:hover,
html.brand-xno #Register .kp-ss-opt.is-selected:hover{
  color:#2ee6a8!important;
}
@media (max-width:480px){
  body.xno-skin .kp-auth-modal .modal-body{padding:24px 18px 22px!important}
  body.xno-skin .kp-auth-brand__title{font-size:1.45rem}
  body.xno-skin .kp-auth-brand__logo{height:32px}
  body.xno-skin #Register.kp-auth-modal .modal-dialog{margin:12px auto}
}