/* El Delta · pantalla de acceso de WordPress (wp-login.php), a juego con el gestor */
@font-face{font-family:"Plus Jakarta Sans";src:url(app/vendor/fonts/jakarta.woff2) format("woff2");font-weight:400 800;font-display:swap}

body.login{
  --ink:#0e271c;--muted:#3f5b4c;--glass:rgba(255,255,255,.52);--field:rgba(255,255,255,.7);--line:rgba(255,255,255,.75);--edge:rgba(14,39,28,.13);
  --ring:#14392b;--senal:#e8d423;--bad:#a23b22;
  --bgimg:radial-gradient(620px 440px at 10% 6%,rgba(232,212,35,.6),transparent 70%),radial-gradient(720px 540px at 94% 16%,rgba(52,170,128,.5),transparent 70%),radial-gradient(820px 620px at 62% 104%,rgba(20,110,70,.4),transparent 70%),linear-gradient(135deg,#e4f0d9,#f4f1cb 52%,#cfe8dc);
}
@media (prefers-color-scheme:dark){
  body.login{
    color-scheme:dark;
    --ink:#eaf3ec;--muted:#a7c1b1;--glass:rgba(255,255,255,.075);--field:rgba(255,255,255,.07);--line:rgba(255,255,255,.17);--edge:rgba(255,255,255,.1);
    --ring:#e8d423;--bad:#ff9d85;
    --bgimg:radial-gradient(620px 440px at 8% 4%,rgba(232,212,35,.3),transparent 70%),radial-gradient(720px 540px at 96% 14%,rgba(42,160,120,.4),transparent 70%),radial-gradient(860px 640px at 60% 106%,rgba(26,120,76,.38),transparent 70%),linear-gradient(135deg,#06160f,#0a261b 55%,#082018);
  }
}

body.login{
  background:var(--bgimg) fixed;color:var(--ink);
  font-family:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;font-size:15.5px;line-height:1.5;
  min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0;-webkit-font-smoothing:antialiased;
}
body.login *{box-sizing:border-box}
body.login #login{width:min(404px,92vw);padding:0;margin:0 auto}

/* logo */
body.login h1{margin:0}
body.login h1 a,.login h1 a{
  background-image:url(app/logo.webp)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;
  width:124px!important;height:124px!important;margin:0 auto 16px!important;display:block;
  filter:drop-shadow(0 10px 18px rgba(10,40,25,.4));outline:none;box-shadow:none;
}

/* tarjeta de vidrio */
body.login form{
  margin:0;padding:26px;overflow:visible;
  background:var(--glass);border:1px solid var(--line);border-radius:28px;
  -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:0 30px 80px rgba(10,40,25,.28),inset 0 1px 0 rgba(255,255,255,.5);
}
body.login form p{margin:0 0 16px}
body.login label,body.login form label{font-size:.9rem;font-weight:650;color:var(--ink);margin-bottom:6px;display:block}
body.login form .forgetmenot label{display:inline;font-weight:500}

/* campos */
body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email]{
  width:100%;min-height:48px;padding:9px 14px;margin:0;font-size:1rem;font-family:inherit;color:var(--ink);
  background:var(--field);border:1px solid var(--line);border-radius:12px;box-shadow:inset 0 1px 2px rgba(20,57,43,.08);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
body.login form .input:focus,body.login input[type=text]:focus,body.login input[type=password]:focus,body.login input[type=email]:focus{
  border-color:var(--ring);box-shadow:0 0 0 2px var(--ring);outline:none;
}
body.login .user-pass-wrap,body.login .wp-pwd{position:relative}
body.login .wp-pwd .input{padding-right:104px}

/* mostrar/ocultar contraseña: solo texto */
body.login .button.wp-hide-pw{
  position:absolute;right:6px;top:6px;height:36px;min-height:36px;width:auto;padding:0 12px;margin:0;
  background:transparent;border:0;box-shadow:none;border-radius:9px;color:var(--muted);font-family:inherit;font-weight:650;font-size:.85rem;line-height:1;
}
body.login .button.wp-hide-pw:hover{background:rgba(20,57,43,.08);color:var(--ink)}
body.login .button.wp-hide-pw .dashicons{width:auto;height:auto;font-size:0}
body.login .button.wp-hide-pw .dashicons::before{font-family:inherit;font-size:.85rem;content:"Mostrar";line-height:1}
body.login .button.wp-hide-pw .dashicons-hidden::before{content:"Ocultar"}

/* recordarme y botón */
body.login form .forgetmenot{float:none;margin:0 0 18px;display:flex;align-items:center;gap:8px}
body.login input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;border-radius:5px;accent-color:#2a6a50;box-shadow:none;background:var(--field);border:1px solid var(--line)}
body.login .submit{float:none;margin:0}
body.login .button-primary,body.login .wp-core-ui .button-primary{
  float:none;width:100%;min-height:52px;padding:0 16px;font-family:inherit;font-size:1.05rem;font-weight:750;letter-spacing:-.01em;
  background:var(--senal);border:1px solid rgba(255,255,255,.55);color:#16240a;border-radius:14px;text-shadow:none;
  box-shadow:0 8px 20px rgba(232,212,35,.34),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .12s,box-shadow .15s,background .15s;
}
body.login .button-primary:hover,body.login .button-primary:focus{background:#f1de2e;color:#16240a;border-color:#fff;box-shadow:0 10px 26px rgba(232,212,35,.5),inset 0 1px 0 rgba(255,255,255,.7);transform:translateY(-1px)}
body.login .button-primary:active{transform:scale(.98)}
body.login .button-primary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}

/* enlaces de abajo */
body.login #nav,body.login #backtoblog{margin:18px 4px 0;padding:0;text-align:center;font-size:.88rem}
body.login #backtoblog{margin-top:8px}
body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a{color:var(--muted);text-decoration:none;font-weight:600}
body.login #nav a:hover,body.login #backtoblog a:hover,body.login .privacy-policy-page-link a:hover{color:var(--ink);text-decoration:underline}
body.login .privacy-policy-page-link{margin:14px 0 0;text-align:center}

/* avisos */
body.login .message,body.login .success,body.login #login_error,body.login .notice{
  margin:0 0 16px;padding:13px 15px;color:var(--ink);font-size:.92rem;
  background:var(--glass);border:1px solid color-mix(in srgb,var(--senal) 75%,transparent);border-radius:14px;box-shadow:none;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body.login #login_error{border-color:color-mix(in srgb,var(--bad) 75%,transparent)}
body.login #login_error a,body.login .message a{color:var(--ink);font-weight:700}

/* selector de idioma */
body.login .language-switcher{margin-top:18px;text-align:center}
body.login .language-switcher label{display:inline;font-weight:600}
body.login .language-switcher select{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:38px}
body.login .language-switcher .button{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:38px;box-shadow:none}

@media (prefers-reduced-transparency:reduce){body.login{--glass:rgba(250,252,248,.96)}}
@media (prefers-reduced-transparency:reduce) and (prefers-color-scheme:dark){body.login{--glass:rgba(12,38,28,.97)}}
@media (max-width:480px){body.login form{padding:20px;border-radius:24px}}

/* ═══ ajustes: enlaces de abajo separados, idioma ordenado y "Mostrar" con la tipografía del formulario ═══ */

/* "Mostrar / Ocultar": WordPress le pone su fuente de íconos al span y el texto caía en serif */
body.login .button.wp-hide-pw,
body.login .button.wp-hide-pw .dashicons,
body.login .button.wp-hide-pw .dashicons::before{
  font-family:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif!important;
  font-style:normal!important;font-variant:normal!important;text-transform:none!important;-webkit-font-smoothing:antialiased;
}
body.login .button.wp-hide-pw{font-weight:700;font-size:.82rem;letter-spacing:.01em;color:var(--ink);background:var(--glass);border:1px solid var(--line);right:6px;top:6px;height:36px;min-height:36px;padding:0 14px;border-radius:10px}
body.login .button.wp-hide-pw:hover{background:var(--field);border-color:var(--ring);color:var(--ink)}
body.login .button.wp-hide-pw .dashicons{display:block;width:auto;height:auto;line-height:1;font-size:0!important}
body.login .button.wp-hide-pw .dashicons::before{font-size:.82rem!important;font-weight:700;line-height:1;width:auto;height:auto;margin:0}

/* enlaces de abajo: dos botones separados, uno debajo del otro */
body.login #nav,body.login #backtoblog{margin:0;padding:0;text-align:center;font-size:.92rem}
body.login #nav{margin-top:22px}
body.login #backtoblog{margin-top:10px}
body.login #nav a,body.login #backtoblog a{
  display:block;padding:13px 18px;border-radius:14px;color:var(--ink);font-weight:650;text-decoration:none;
  background:var(--glass);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  transition:transform .12s,border-color .15s,background .15s;
}
body.login #nav a:hover,body.login #backtoblog a:hover,body.login #nav a:focus,body.login #backtoblog a:focus{
  color:var(--ink);text-decoration:none;border-color:var(--ring);background:var(--field);transform:translateY(-1px);
}

/* idioma: tarjeta aparte, sin íconos, con campo y botón alineados */
body.login .language-switcher{margin:26px 0 0;padding:14px 16px;text-align:left;border-radius:18px;background:var(--glass);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
body.login .language-switcher form{display:flex;align-items:center;gap:10px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.login .language-switcher label{display:block;margin:0;font-size:.88rem;font-weight:650;color:var(--muted);white-space:nowrap}
body.login .language-switcher .dashicons{display:none}
body.login .language-switcher select{flex:1;min-width:0;width:auto;margin:0;min-height:42px;padding:0 12px;font-family:inherit;font-size:.92rem;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:12px}
body.login .language-switcher .button,body.login .language-switcher input[type=submit]{
  margin:0;min-height:42px;padding:0 16px;font-family:inherit;font-weight:700;font-size:.88rem;color:var(--ink);
  background:var(--glass);border:1px solid var(--line);border-radius:12px;box-shadow:none;
}
body.login .language-switcher .button:hover{border-color:var(--ring);background:var(--field)}
body.login .privacy-policy-page-link{margin:16px 0 0;text-align:center}

/* ═══ casilla "Recordarme" y listas desplegables: igual en Chrome y en Firefox ═══
   WordPress fuerza appearance:none y dibuja su propio tick, así que accent-color no se aplica en Chrome.
   Se dibuja la casilla completa: borde, relleno verde al marcarla y tick blanco. */
body.login{--check:#2a6a50;--check-line:rgba(14,39,28,.45);--field-solid:#f4f8f1;--opt-bg:#ffffff;--opt-ink:#0e271c;--opt-hover:#d9ecd9}
@media (prefers-color-scheme:dark){body.login{--check:#2f9a64;--check-line:rgba(255,255,255,.4);--field-solid:#12342a;--opt-bg:#0e2a20;--opt-ink:#eaf3ec;--opt-hover:#1f5a3f}}
body.login input[type=checkbox]{
  -webkit-appearance:none!important;appearance:none!important;
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;padding:0!important;
  display:inline-grid!important;place-content:center;vertical-align:middle;flex:none;cursor:pointer;line-height:0;
  background:var(--field)!important;border:1.5px solid var(--check-line)!important;border-radius:6px!important;box-shadow:none!important;
  -webkit-backdrop-filter:none;backdrop-filter:none;transition:background .12s,border-color .12s;
}
body.login input[type=checkbox]:hover{border-color:var(--check)!important}
body.login input[type=checkbox]:checked{background:var(--check)!important;border-color:var(--check)!important}
body.login input[type=checkbox]:checked::before{
  content:""!important;float:none!important;display:block!important;margin:0!important;
  width:5px!important;height:10px!important;border:solid #fff;border-width:0 2.5px 2.5px 0;border-radius:0!important;background:none!important;
  transform:translate(0,-1px) rotate(45deg);
}
body.login input[type=checkbox]:focus-visible{outline:2px solid var(--ring)!important;outline-offset:2px;box-shadow:none!important}
body.login form .forgetmenot label{cursor:pointer}

body.login select{background-color:var(--field-solid);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
body.login select option,body.login select optgroup{background-color:var(--opt-bg);color:var(--opt-ink)}
body.login select option:checked,body.login select option:hover{background-color:var(--opt-hover);color:var(--opt-ink)}
body.login .language-switcher select{background-color:var(--field-solid)}