/* =====================================================================
   CKIDS LOGIN · V32 · visible refresh + cache-safe layer
   ===================================================================== */
body.ck6-login{background:linear-gradient(145deg,#eaf2fb 0%,#f5f1ff 52%,#edf8ff 100%)}
.ck6-login-shell:before,.ck6-login-shell:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(2px);opacity:.5}
.ck6-login-shell:before{width:260px;height:260px;right:24%;top:-100px;background:radial-gradient(circle,rgba(101,69,232,.24),rgba(101,69,232,0) 68%);animation:ck32OrbA 10s ease-in-out infinite alternate}
.ck6-login-shell:after{width:220px;height:220px;right:-70px;bottom:10%;background:radial-gradient(circle,rgba(18,104,216,.19),rgba(18,104,216,0) 68%);animation:ck32OrbB 12s ease-in-out infinite alternate}
.ck6-access{background:linear-gradient(150deg,#f8fbff 0%,#f1f4fb 54%,#f6f0ff 100%)!important}
.ck6-access-inner{border:1px solid rgba(205,219,236,.95)!important;box-shadow:0 28px 80px rgba(15,47,83,.16),0 0 0 1px rgba(255,255,255,.82) inset!important;overflow:hidden}
.ck6-access-inner:before{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#1769c2,#6a45e6,#ef4ac5);opacity:.9}
.ck6-access-heading .eyebrow{background:linear-gradient(135deg,#eaf5ff,#f3efff)!important;border:1px solid #d8e6f5;color:#3657a8!important}
.ck6-access-heading h2{letter-spacing:-.035em}
.ck6-role-choice>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.ck6-role-choice label{position:relative!important;min-width:0!important;min-height:48px!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid #dbe5ef!important;border-radius:14px!important;background:#f9fbfd!important;font-weight:800!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
.ck6-role-choice label:hover{transform:translateY(-2px);border-color:#c9d8e8!important;box-shadow:0 9px 20px rgba(32,65,105,.08)}
.ck6-role-choice label.is-selected{background:linear-gradient(135deg,#eaf5ff,#f1edff)!important;border-color:#8d7be4!important;box-shadow:0 8px 18px rgba(76,65,183,.12)!important}
.ck6-login-field>div{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
.ck6-login-field>div:hover{border-color:#c5d6e5;background:#fff}
.ck6-login-submit{min-height:60px!important;border-radius:18px!important;box-shadow:0 15px 32px rgba(62,70,211,.26)!important}
.ck6-login-submit:before{animation:ck32SubmitShine 4.6s ease-in-out infinite!important}

/* Todos los accesos inferiores usan la misma familia visual de Consultar y pagar. */
.ck6-premat-cta,.ck6-pay-hero,.ck6-quick-actions>a:not(.ck6-pay-hero){
  min-height:78px!important;width:100%!important;margin:0!important;padding:13px 14px!important;
  display:grid!important;grid-template-columns:52px minmax(0,1fr) 24px!important;grid-template-rows:auto!important;
  align-items:center!important;gap:12px!important;border:1px solid #d9d9f3!important;border-radius:19px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f5f2ff 100%)!important;
  box-shadow:0 10px 24px rgba(70,64,162,.10)!important;position:relative!important;overflow:hidden!important;
}
.ck6-premat-cta{margin-top:12px!important}
.ck6-quick-actions{grid-template-columns:1fr!important;gap:9px!important;margin-top:9px!important}
.ck6-premat-cta:before,.ck6-pay-hero:before,.ck6-quick-actions>a:not(.ck6-pay-hero):before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.78) 48%,transparent 66%);transform:translateX(-125%);transition:transform .7s ease;pointer-events:none}
.ck6-premat-cta:hover:before,.ck6-pay-hero:hover:before,.ck6-quick-actions>a:not(.ck6-pay-hero):hover:before{transform:translateX(125%)}
.ck6-premat-cta:hover,.ck6-pay-hero:hover,.ck6-quick-actions>a:not(.ck6-pay-hero):hover{transform:translateY(-3px)!important;border-color:#beb5ec!important;box-shadow:0 16px 32px rgba(78,62,183,.16)!important}
.ck6-premat-icon,.ck6-pay-icon,.ck6-quick-actions>a:not(.ck6-pay-hero)>span{
  grid-column:1!important;grid-row:1!important;width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ef4ac5,#6545e8)!important;color:#fff!important;
  box-shadow:0 9px 20px rgba(99,69,222,.23)!important;font-size:23px!important;
}
.ck6-premat-icon svg,.ck6-quick-actions>a:not(.ck6-pay-hero)>span svg{width:22px!important;height:22px!important}
.ck6-premat-copy,.ck6-pay-copy{grid-column:2!important;grid-row:1!important;min-width:0!important}
.ck6-premat-copy small{font-size:8px!important;color:#7164a6!important}.ck6-premat-copy strong,.ck6-pay-copy b,.ck6-quick-actions>a:not(.ck6-pay-hero) b{color:#302461!important;font-size:12px!important;font-weight:900!important}
.ck6-premat-copy em,.ck6-pay-copy small,.ck6-quick-actions>a:not(.ck6-pay-hero) small{color:#6f7a90!important;font-size:8px!important;line-height:1.4!important}
.ck6-premat-arrow,.ck6-pay-arrow{grid-column:3!important;grid-row:1!important;margin:0!important;color:#6545df!important;font-size:22px!important}
.ck6-quick-actions>a:not(.ck6-pay-hero) b{grid-column:2!important;grid-row:1!important;align-self:center!important}
.ck6-quick-actions>a:not(.ck6-pay-hero) small{grid-column:2!important;grid-row:1!important;align-self:end!important;margin-top:23px!important}
.ck6-quick-actions>a:not(.ck6-pay-hero):after{content:"→";grid-column:3;grid-row:1;color:#6545df;font-size:22px;font-weight:800}
.ck6-premat-shine{display:none!important}
.ck6-bot-fab{z-index:9999!important;pointer-events:auto!important;isolation:isolate;animation:ck32BotFloat 3.2s ease-in-out infinite}
.ck6-bot{z-index:10000!important;pointer-events:auto!important}
.ck6-bot.is-open{display:block!important;visibility:visible!important;opacity:1!important}
.ck6-bot-options button{min-height:42px;border-radius:12px!important;transition:transform .16s ease,background .16s ease,border-color .16s ease!important}
.ck6-bot-options button:hover{transform:translateY(-2px)}
.ck6-campus-features>div{animation:ck32Feature 6s ease-in-out infinite}.ck6-campus-features>div:nth-child(2){animation-delay:.7s}.ck6-campus-features>div:nth-child(3){animation-delay:1.4s}
@keyframes ck32OrbA{to{transform:translate(34px,26px) scale(1.12)}}
@keyframes ck32OrbB{to{transform:translate(-26px,-24px) scale(.92)}}
@keyframes ck32SubmitShine{0%,62%{transform:translateX(-125%)}78%,100%{transform:translateX(125%)}}
@keyframes ck32BotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ck32Feature{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:600px){
 .ck6-campus{height:292px!important;min-height:292px!important;border-radius:0 0 34px 34px!important}
 .ck6-campus-copy{bottom:31px!important}.ck6-campus-copy h1{font-size:29px!important}
 .ck6-access-inner{margin-top:-26px!important;padding:21px 15px 18px!important;border-radius:25px!important}
 .ck6-role-choice>div{grid-template-columns:1fr 1fr!important}
 .ck6-premat-cta,.ck6-pay-hero,.ck6-quick-actions>a:not(.ck6-pay-hero){min-height:72px!important;grid-template-columns:47px minmax(0,1fr) 20px!important;padding:11px 12px!important;gap:10px!important}
 .ck6-premat-icon,.ck6-pay-icon,.ck6-quick-actions>a:not(.ck6-pay-hero)>span{width:47px!important;height:47px!important;min-width:47px!important;border-radius:14px!important}
 .ck6-bot-fab{right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){.ck6-login-shell:before,.ck6-login-shell:after,.ck6-campus-features>div,.ck6-bot-fab{animation:none!important}}