/* Canal Colaboradores — Acceso · Da Seguridad
   Pantalla de acceso (wp-login.php) y página de salir. */

@font-face{font-family:"CC Figtree";font-weight:400;font-display:swap;src:url(figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"CC Figtree";font-weight:500;font-display:swap;src:url(figtree-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"CC Figtree";font-weight:600;font-display:swap;src:url(figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"CC Figtree";font-weight:700;font-display:swap;src:url(figtree-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"CC Figtree";font-weight:800;font-display:swap;src:url(figtree-latin-800-normal.woff2) format("woff2")}

:root{
  --cc-navy:#062B4A; --cc-navy-2:#0B3D68; --cc-blue:#1D5EA5; --cc-blue-2:#2E7AD1; --cc-yellow:#FFBE00;
  --cc-ink:#0F2235; --cc-mut:#5B6B7C; --cc-faint:#8C99A7; --cc-line:#D8E0EA; --cc-bg:#F3F6FA; --cc-white:#fff;
  --cc-ok:#17875E; --cc-ok-bg:#E3F4EC; --cc-bad:#C23B3B; --cc-bad-bg:#FBE8E8; --cc-info-bg:#E8F1FB;
  --cc-font:"CC Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cc-r:14px;
}

/* ---------- Base ---------- */
html{background:var(--cc-bg)!important}
body.login{
  font-family:var(--cc-font)!important; color:var(--cc-ink)!important;
  background:var(--cc-bg)!important; margin:0!important; min-height:100vh;
  display:flex!important; align-items:stretch; -webkit-font-smoothing:antialiased;
}
body.login *{box-sizing:border-box}
body.login > *:not(.cc-brand):not(#login){display:none!important}
body.login .clear{display:none}

/* ---------- Panel de la red (derecha) ---------- */
.cc-brand{
  position:relative; order:2; flex:0 0 52%; min-height:100vh; overflow:hidden; color:#fff;
  display:flex; flex-direction:column; padding:44px 48px;
  background:radial-gradient(800px 600px at 20% 110%,rgba(46,122,209,.5),transparent 60%),linear-gradient(160deg,#04223B 0%,#062B4A 45%,#0B3D68 100%);
}
.cc-brand > *{position:relative;z-index:1}
.cc-brand-map{position:absolute!important;z-index:0!important;left:4%;top:8%;width:92%}
.cc-map{display:block;width:100%;height:auto;overflow:visible}
.cc-map .ln{stroke-dasharray:1;stroke-dashoffset:1;animation:cc-draw 1.3s ease var(--d,0s) forwards}
.cc-map .nd{opacity:0;animation:cc-fade .6s ease calc(.4s + var(--d,0s)) forwards}
.cc-map .nd .rg{transform-box:fill-box;transform-origin:center;opacity:0;animation:cc-ping 3.2s ease-out calc(1.4s + var(--d,0s)) infinite}
@keyframes cc-draw{to{stroke-dashoffset:0}}
@keyframes cc-fade{to{opacity:1}}
@keyframes cc-ping{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.4)}}
@keyframes cc-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.cc-brand-top{display:none}
.cc-brand-top .cc-logos{margin:0}
.cc-feed{position:absolute!important;right:40px;top:44px;width:280px;display:grid}
.cc-toast{grid-area:1/1;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:11px 14px;opacity:0;animation:cc-toast 9s ease-in-out infinite;font-family:var(--cc-font)}
.cc-toast:nth-child(2){animation-delay:3s}.cc-toast:nth-child(3){animation-delay:6s}
.cc-ti{width:34px;height:34px;border-radius:10px;background:var(--cc-yellow);color:var(--cc-navy);display:grid;place-items:center;flex:none}
.cc-ti svg{width:17px;height:17px}
.cc-toast b{display:block;font-weight:700;font-size:14px}.cc-toast span{font-size:12.5px;color:rgba(255,255,255,.65)}
@keyframes cc-toast{0%{opacity:0;transform:translateX(30px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateX(-10px)}}

.cc-brand-txt{margin-top:auto;max-width:460px;font-family:var(--cc-font)}
.cc-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--cc-font);letter-spacing:.18em;text-transform:uppercase;color:var(--cc-yellow)}
.cc-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cc-yellow);box-shadow:0 0 0 5px rgba(255,190,0,.18)}
.cc-brand-h{font:800 40px/1.08 var(--cc-font)!important;letter-spacing:-.02em;margin:14px 0 10px!important;color:#fff!important;text-wrap:balance}
.cc-brand-h em{font-style:normal;color:#9CC7F5}
.cc-brand-p{font:400 16px/1.55 var(--cc-font);color:rgba(255,255,255,.72);margin:0}

.cc-logos{display:flex;align-items:center;gap:14px;margin:0 0 34px}
.cc-logo-da{height:21px;width:auto;display:block}
.cc-logo-adt{height:32px;width:32px;display:block;border-radius:50%}
.cc-logos.is-color .cc-logo-adt{background:#0057A4}
.cc-logo-sep{width:1px;height:24px;background:rgba(255,255,255,.3)}
.cc-logos.is-color .cc-logo-sep{background:var(--cc-line)}

/* ---------- Columna del formulario ---------- */
body.login #login{
  order:1; flex:1 1 auto; width:auto!important; max-width:none!important; margin:0!important;
  padding:48px 24px!important; display:flex; flex-direction:column; justify-content:center; align-items:center;
  background:var(--cc-bg);
}
body.login #login > *{width:100%;max-width:420px}
body.login #login h1{display:none!important}

.cc-head{margin:0 0 22px}
.cc-head h2{font:800 32px/1.1 var(--cc-font);letter-spacing:-.02em;margin:0 0 8px;color:var(--cc-ink)}
.cc-head p{font:400 16px/1.5 var(--cc-font);color:var(--cc-mut);margin:0}

/* Avisos */
body.login .message, body.login .notice, body.login #login_error, body.login .success{
  border:0!important; border-radius:12px!important; box-shadow:none!important; margin:0 0 16px!important;
  padding:13px 16px 13px 46px!important; font:500 14.5px/1.45 var(--cc-font)!important; position:relative;
  background:var(--cc-info-bg)!important; color:var(--cc-navy)!important;
}
body.login .message p, body.login .notice p, body.login #login_error p{margin:0!important;font:inherit!important;color:inherit!important}
body.login .message::before, body.login .notice::before, body.login #login_error::before{
  content:""; position:absolute; left:15px; top:13px; width:20px; height:20px; background:currentColor;
  -webkit-mask:var(--cc-ic) center/contain no-repeat; mask:var(--cc-ic) center/contain no-repeat;
  --cc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
}
body.login #login_error, body.login .notice-error{background:var(--cc-bad-bg)!important;color:var(--cc-bad)!important}
body.login .success, body.login .notice-success{background:var(--cc-ok-bg)!important;color:var(--cc-ok)!important}
body.login #login_error a{color:inherit!important;font-weight:700}

/* Formulario */
body.login form{
  margin:0!important; padding:28px 28px 24px!important; border:1px solid var(--cc-line)!important; border-radius:20px!important;
  background:#fff!important; box-shadow:0 1px 2px rgba(15,34,53,.05),0 24px 48px -28px rgba(6,43,74,.35)!important;
  overflow:visible!important;
}
body.login form p, body.login form .user-pass-wrap{margin:0 0 16px!important}
body.login label{font:600 14px/1.3 var(--cc-font)!important;color:var(--cc-ink)!important;display:block;margin:0 0 7px!important}
body.login form .input, body.login input[type=text], body.login input[type=email], body.login input[type=password]{
  width:100%!important; height:52px!important; margin:0!important; padding:0 16px!important;
  font:500 16px var(--cc-font)!important; color:var(--cc-ink)!important; background:#F7F9FC!important;
  border:1.5px solid var(--cc-line)!important; border-radius:12px!important; box-shadow:none!important; transition:border-color .2s,box-shadow .2s,background .2s;
}
body.login form .input:hover{border-color:#B9C6D4!important}
body.login form .input:focus, body.login input:focus{outline:0!important;background:#fff!important;border-color:var(--cc-blue)!important;box-shadow:0 0 0 4px rgba(29,94,165,.14)!important}
body.login input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #F7F9FC inset!important;-webkit-text-fill-color:var(--cc-ink)!important}

/* Ojo de la contraseña */
body.login .wp-pwd{position:relative}
body.login .wp-pwd .input{padding-right:52px!important}
body.login .button.wp-hide-pw{
  position:absolute!important; right:6px!important; top:6px!important; width:40px!important; height:40px!important; min-height:0!important;
  padding:0!important; margin:0!important; border:0!important; border-radius:10px!important; background:transparent!important; box-shadow:none!important;
  color:var(--cc-mut)!important; display:grid!important; place-items:center;
}
body.login .button.wp-hide-pw:hover{background:var(--cc-info-bg)!important;color:var(--cc-blue)!important}
body.login .button.wp-hide-pw:focus{box-shadow:0 0 0 3px rgba(29,94,165,.25)!important;outline:0}
body.login .button.wp-hide-pw .dashicons{width:20px!important;height:20px!important;font-size:0!important;top:0!important;background:currentColor;
  -webkit-mask:var(--cc-eye) center/contain no-repeat; mask:var(--cc-eye) center/contain no-repeat;
  --cc-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
body.login .button.wp-hide-pw .dashicons::before{content:none!important}
body.login .button.wp-hide-pw .dashicons-hidden{--cc-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.9 17.9A10.1 10.1 0 0 1 12 19c-6.4 0-10-7-10-7a18.5 18.5 0 0 1 5.1-5.9M9.9 5.2A9.1 9.1 0 0 1 12 5c6.4 0 10 7 10 7a18.5 18.5 0 0 1-2.2 3.2M14.1 14.1a3 3 0 1 1-4.2-4.2M2 2l20 20'/%3E%3C/svg%3E")}

/* Recordarme */
body.login .forgetmenot{display:flex!important;align-items:center;gap:10px;float:none!important;margin:4px 0 20px!important}
body.login .forgetmenot label{margin:0!important;font-weight:500!important;color:var(--cc-mut)!important;cursor:pointer;display:inline}
body.login input[type=checkbox]{
  -webkit-appearance:none;appearance:none;width:20px!important;height:20px!important;min-width:20px;margin:0!important;
  border:1.5px solid #B9C6D4!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;display:grid!important;place-items:center;
}
body.login input[type=checkbox]:checked{background:var(--cc-blue)!important;border-color:var(--cc-blue)!important}
body.login input[type=checkbox]:checked::before{content:""!important;width:11px;height:11px;margin:0!important;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* Botón principal */
body.login .submit{margin:0!important;padding:0!important;clear:both}
body.login .button-primary, body.login #wp-submit{
  float:none!important; width:100%!important; height:54px!important; min-height:0!important; padding:0 20px!important; margin:0!important;
  font:700 16.5px var(--cc-font)!important; letter-spacing:.01em; color:#fff!important; text-shadow:none!important;
  border:0!important; border-radius:13px!important; cursor:pointer;
  background:linear-gradient(135deg,var(--cc-blue-2) 0%,var(--cc-blue) 55%,var(--cc-navy-2) 100%)!important;
  box-shadow:0 14px 26px -14px rgba(29,94,165,.85), inset 0 1px 0 rgba(255,255,255,.18)!important;
  transition:transform .15s ease, filter .2s ease, box-shadow .2s ease;
}
body.login .button-primary:hover, body.login #wp-submit:hover{filter:brightness(1.07);transform:translateY(-1px)}
body.login .button-primary:active, body.login #wp-submit:active{transform:none}
body.login .button-primary:focus, body.login #wp-submit:focus{outline:0;box-shadow:0 0 0 4px rgba(255,190,0,.45),0 14px 26px -14px rgba(29,94,165,.85)!important}
body.login .button-secondary:not(.wp-hide-pw){border-radius:10px!important;font:600 14px var(--cc-font)!important;border:1.5px solid var(--cc-line)!important;background:#fff!important;color:var(--cc-blue)!important;min-height:40px!important;box-shadow:none!important}
body.login #pass-strength-result{border-radius:10px!important;font:600 13.5px var(--cc-font)!important;margin:8px 0 0!important;padding:8px 12px!important}
body.login .indicator-hint, body.login .description{font:400 13.5px/1.45 var(--cc-font)!important;color:var(--cc-mut)!important}
body.login .pw-weak{display:flex;gap:8px;align-items:center}

/* Enlaces bajo el formulario */
body.login #nav, body.login #backtoblog{margin:16px 0 0!important;padding:0!important;text-align:center;font:500 14.5px var(--cc-font)!important}
body.login #nav{color:transparent!important}
body.login #nav a, body.login #backtoblog a{color:var(--cc-blue)!important;text-decoration:none!important;font-weight:600}
body.login #nav a:hover, body.login #backtoblog a:hover{text-decoration:underline!important}
body.login #backtoblog{display:none!important}
body.login.login-action-lostpassword #backtoblog, body.login.login-action-rp #backtoblog, body.login.login-action-resetpass #backtoblog{display:none!important}
body.login .privacy-policy-page-link, body.login .language-switcher{display:none!important}

/* Ayuda */
.cc-ayuda{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--cc-line);font:400 14px/1.45 var(--cc-font);color:var(--cc-mut)}
.cc-ayuda a{color:var(--cc-blue);font-weight:700;text-decoration:none;white-space:nowrap}
.cc-ayuda-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#FFF5D6;color:#9A6B00}
.cc-ayuda-ic svg{width:17px;height:17px}
.cc-legal{margin:22px 0 0;text-align:center;font:600 11.5px var(--cc-font);letter-spacing:.14em;text-transform:uppercase;color:var(--cc-faint)}

/* Entrada suave */
body.login #login > *{animation:cc-rise .7s cubic-bezier(.16,.8,.2,1) both}
body.login #login > *:nth-child(2){animation-delay:.06s}
body.login #login > *:nth-child(3){animation-delay:.12s}
body.login #login > *:nth-child(4){animation-delay:.18s}

/* Ventanita de «sesión caducada» dentro del área */
body.login.interim-login{display:block!important;background:#fff!important}
body.login.interim-login #login{padding:24px!important;background:#fff!important;min-height:0}
body.login.interim-login form{box-shadow:none!important;border:0!important;padding:0!important}
body.login.interim-login .cc-head h2{font-size:24px}

/* ---------- Móvil ---------- */
@media (max-width:860px){
  body.login{flex-direction:column!important}
  .cc-brand{order:0;flex:none;min-height:0;padding:22px 20px 26px}
  .cc-brand-map{top:-6%;left:auto;right:-20%;width:110%;opacity:.6}
  .cc-feed,.cc-brand-p{display:none}
  .cc-brand-top{display:block}
  .cc-brand-txt{margin-top:26px}
  .cc-brand-h{font-size:26px!important;margin:10px 0 0!important}
  body.login #login{justify-content:flex-start;padding:24px 16px 40px!important}
  body.login #login .cc-logos{display:none}
  .cc-head h2{font-size:26px}
  body.login form{padding:22px 18px 20px!important}
}
@media (prefers-reduced-motion:reduce){
  .cc-map *, .cc-toast, body.login #login > *, .cc-salir-in{animation:none!important}
  .cc-map .ln{stroke-dashoffset:0}.cc-map .nd{opacity:1}
  .cc-toast:first-child{opacity:1}
  .cc-map animateMotion{display:none}
}

/* =========================================================================
   Página de salir (misma distribución: tarjeta a la izquierda, red a la derecha)
   ========================================================================= */
body.cc-salir{margin:0;min-height:100vh;display:flex;font-family:var(--cc-font);color:var(--cc-ink);background:var(--cc-bg);-webkit-font-smoothing:antialiased}
body.cc-salir *{box-sizing:border-box}
.cc-salir-wrap{order:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.cc-salir-in{width:100%;max-width:420px;animation:cc-rise .7s cubic-bezier(.16,.8,.2,1) both}
.cc-salir-card{background:#fff;border:1px solid var(--cc-line);border-radius:20px;padding:28px;box-shadow:0 1px 2px rgba(15,34,53,.05),0 24px 48px -28px rgba(6,43,74,.35)}
.cc-avatar{position:relative;width:72px;height:72px;margin:0 0 16px;border-radius:50%;display:grid;place-items:center;font:800 26px var(--cc-font);color:var(--cc-navy);background:linear-gradient(145deg,#fff,#D9E7F7);box-shadow:0 0 0 1px var(--cc-line)}
.cc-avatar-dot{position:absolute;right:2px;bottom:4px;width:16px;height:16px;border-radius:50%;background:var(--cc-yellow);border:3px solid #fff}
.cc-salir-hola{margin:0;font:700 15px var(--cc-font);color:var(--cc-blue)}
.cc-salir-card h1{margin:4px 0 10px;font:800 32px/1.1 var(--cc-font);letter-spacing:-.02em;color:var(--cc-ink)}
.cc-salir-p{margin:0 0 24px;font:400 16px/1.5 var(--cc-font);color:var(--cc-mut)}
.cc-salir-btns{display:flex;flex-direction:column;gap:10px}
.cc-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:13px;text-decoration:none;font:700 16.5px var(--cc-font);transition:transform .15s ease,filter .2s ease}
.cc-btn svg{width:19px;height:19px}
.cc-btn:hover{transform:translateY(-1px)}
.cc-btn:focus-visible{outline:3px solid var(--cc-yellow);outline-offset:3px}
.cc-btn-pri{color:#fff;background:linear-gradient(135deg,var(--cc-blue-2) 0%,var(--cc-blue) 55%,var(--cc-navy-2) 100%);box-shadow:0 14px 26px -14px rgba(29,94,165,.85)}
.cc-btn-pri:hover{filter:brightness(1.07)}
.cc-btn-sec{background:#fff;color:var(--cc-ink);border:1.5px solid var(--cc-line)}
.cc-salir-tip{display:flex;gap:8px;align-items:center;margin:18px 0 0;font:500 13px/1.4 var(--cc-font);color:var(--cc-mut)}
.cc-salir-tip svg{width:16px;height:16px;flex:none;color:var(--cc-ok)}
body.cc-salir .cc-legal{margin-top:22px;text-align:center}
@media (max-width:860px){
  body.cc-salir{flex-direction:column}
  .cc-salir-wrap{justify-content:flex-start;align-items:stretch;padding:24px 16px 40px}
  .cc-salir-in{max-width:none}
  .cc-salir-in > .cc-logos{display:none}
  .cc-salir-card{padding:22px 18px}
  .cc-salir-card h1{font-size:28px}
}