/* Dos cabezas opuestas, mismo sentido. Mascara: solo se ilumina el borde. */
[hidden]{display:none!important}
#logout{display:block;margin-top:14px;font-size:13px;border:0;color:var(--muted);padding:4px 0}
button:disabled{opacity:.55;cursor:wait}
.section-heading>p{max-width:none;font-size:14px}
@media(min-width:1100px){.section-heading>p{white-space:nowrap}}
@media(max-width:1099px){.section-heading{flex-wrap:wrap;gap:14px}}
.packages .card{padding:20px}
.packages .card .eyebrow{margin-bottom:8px}
.packages .card h3{font-size:21px}
.packages .card .term{margin-top:5px;font-size:14px}
.packages .card .price{font-size:46px;margin:18px 0}
.packages .card ul{margin-bottom:16px}
.packages .card li{margin:6px 0;line-height:1.45}
.packages .card .saving-detail{font-size:13px;line-height:1.4;margin:-4px 0 10px}
.packages .card button{padding:10px;min-height:44px}
.packages .saving-badge{top:20px}
.saving-badge{position:absolute;top:24px;right:16px;padding:5px 9px;border:1px solid #fb716866;background:#6f23254d;color:#ffb1a5;font-size:12px;font-weight:800;letter-spacing:.04em}
.saving-detail{font-size:14px;line-height:1.5;color:var(--muted);margin:-10px 0 18px}
.ui-icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle;color:#ff938a}
.hero .neon-link{gap:10px}
.card-icon{width:26px;height:26px;margin-bottom:12px;padding:5px;box-sizing:content-box;border:1px solid #ee53533d;background:#ee53530a;filter:drop-shadow(0 0 6px #ff343326)}
.coffee h3{display:flex;align-items:center;gap:12px}
.coffee h3 .ui-icon{width:26px;height:26px}
@property --pulse-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes border-orbit{to{--pulse-angle:360deg}}
.neon-link,.card,.coffee{position:relative;isolation:isolate}
.neon-link::before,.card::before,.coffee::before{
 content:'';position:absolute;inset:-1px;padding:2px;pointer-events:none;
 background:conic-gradient(from var(--pulse-angle),transparent 0deg 120deg,#e52e3522 145deg,#ed394b 174deg,#ffd0c3 180deg,transparent 181deg 300deg,#e52e3522 325deg,#ed394b 354deg,#ffd0c3 360deg);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
 animation:border-orbit 9s linear infinite;opacity:.8;
}
.hero .neon-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 21px;margin-top:16px;border:1px solid #ffffff40;background:linear-gradient(135deg,#25202a99,#12151b);font-size:14px;font-weight:700;letter-spacing:.025em;box-shadow:inset 0 0 18px #de252908;transition:background .2s,box-shadow .2s,color .2s}
.hero .vote-link{margin-left:14px;min-width:130px}
.hero .neon-link:hover,.hero .neon-link:focus-visible{color:#fff;background:#391a21;box-shadow:0 0 24px #ec354529,inset 0 0 20px #ec354510}
.neon-link::before{animation-duration:6s}
.vote-link::before{animation-delay:-3s}
.card::before{opacity:.45;animation-duration:13s;padding:1px}
.card:nth-child(2)::before{animation-delay:-3s}
.card:nth-child(3)::before{animation-delay:-6s}
.card:nth-child(4)::before{animation-delay:-9s;opacity:.85;padding:2px}
.card:hover::before{opacity:1}
.featured::after{display:none}
.coffee{grid-template-columns:110px minmax(0,1fr) 260px;gap:24px}
.coffee::before{animation-duration:16s;opacity:.5;padding:1px}
.killa-mascot{width:110px;height:150px;position:relative;pointer-events:none}
.killa-sprite{width:140px;height:140px;position:absolute;left:-15px;bottom:4px;background-image:url('assets/killa.png');background-size:800% 800%;background-position:0 28.5714286%;background-repeat:no-repeat;transform-origin:50% 90%;filter:drop-shadow(0 7px 9px #0008);animation:killa-idle 10s ease-in-out infinite}
@keyframes killa-idle{0%,35%,65%,100%{transform:rotate(0deg) translateY(0)}40%,50%{transform:rotate(-3deg) translateY(-2px)}55%,60%{transform:rotate(2deg) translateY(0)}}
@media(max-width:900px){.coffee{grid-template-columns:90px minmax(0,1fr)}.coffee form{grid-column:2}.killa-mascot{width:90px}.killa-sprite{left:-25px}}
@media(max-width:650px){.hero .neon-link{padding:10px 14px;font-size:14px}.hero .vote-link{min-width:95px;margin-left:8px}.coffee{gap:16px;grid-template-columns:65px minmax(0,1fr)}.killa-mascot{width:65px;height:100px}.killa-sprite{width:100px;height:100px;left:-20px;bottom:0}.coffee form{grid-column:1 / -1}.coffee h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.neon-link::before,.card::before,.coffee::before,.killa-sprite{animation:none!important}}