/* 120 · Delivery: en la entrada solo la corona (sin encabezado), los puntos del código se ven y la corona brilla al entrar */
header.barra:has(+ .entrar){display:none}
.entrar{min-height:100vh;min-height:100dvh}
.entrar .corona-w{position:relative;display:inline-block;line-height:0;margin:0 auto -4px}
.entrar .corona-w img{height:64px;width:auto}
.corona-w .brillo{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(logo.png) center/contain no-repeat;mask:url(logo.png) center/contain no-repeat;
  background:linear-gradient(105deg,transparent 0 30%,rgba(255,236,150,0) 36%,rgba(255,252,232,.98) 47%,rgba(255,224,110,.95) 53%,rgba(255,236,150,0) 64%,transparent 70%);background-size:260% 100%;background-position:130% 0;background-repeat:no-repeat;opacity:0}
.corona-w.brilla .brillo{animation:coronaBrillo .75s ease-in-out forwards}
.corona-w.brilla{animation:coronaLate .7s ease-out forwards}
@keyframes coronaBrillo{0%{background-position:130% 0;opacity:1}85%{opacity:1}100%{background-position:-30% 0;opacity:.0}}
@keyframes coronaLate{0%{transform:scale(1)}45%{transform:scale(1.06)}100%{transform:scale(1.03)}}
.entrar .caja > span{color:#4A5270!important;font-size:15px}
.puntos i.lleno{background:var(--azul);border-color:var(--azul)}
.suc-r button{transition:background .15s}
.suc-r button[aria-pressed="true"]{background:#0F1F3D!important;color:#FFF7E1!important;border-color:#0F1F3D!important}
.suc-r button[aria-pressed="false"]{background:#fff!important;color:#0F1F3D!important;border-color:#D5DCE8!important}
@media (prefers-color-scheme: dark){
  .entrar .caja > span{color:#C9D0E6!important}
  .entrar .caja .puntos i{border-color:#FFF7E1}
  .entrar .caja .puntos i.lleno{background:#FFC600;border-color:#FFC600}
  .suc-r button[aria-pressed="true"]{background:#FFC600!important;color:#0F1F3D!important;border-color:#FFC600!important}
  .suc-r button[aria-pressed="false"]{background:transparent!important;color:#FFF7E1!important;border-color:#2C4E85!important}
}