/* Adapted from Kokonut UI (MIT); attribution and source links in SOURCES.md. */
.koko-slide-window { display:block; overflow:hidden; position:relative; }
.koko-slide-track { display:block; position:relative; transition:transform .32s cubic-bezier(.22,1,.36,1); }
.koko-slide-copy { display:block; }
.koko-slide-copy[aria-hidden] { position:absolute; inset:100% 0 auto; }
.koko-slide:focus-visible { outline:3px solid #000; outline-offset:6px; }
.koko-slide:focus-visible .koko-slide-track { transform:translateY(-100%); }
@media(hover:hover) and (pointer:fine) { .koko-slide:hover .koko-slide-track { transform:translateY(-100%); } }
.m1k-deliv-item.koko-spotlight { border:0; box-shadow:none; background:transparent; overflow:visible; }
.koko-card-surface { height:100%; position:relative; isolation:isolate; overflow:hidden; border:2px solid #000; border-radius:18px; background:#fff; box-shadow:4px 4px 0 #000; }
.koko-card-glow { position:absolute; width:280px; height:280px; top:0; left:0; z-index:2; border-radius:50%; background:radial-gradient(circle,rgba(245,255,107,.28),rgba(245,255,107,0) 70%); opacity:0; pointer-events:none; }
.koko-card-surface::after { content:''; position:absolute; bottom:0; left:0; right:0; height:4px; background:#d6e31d; transform:scaleX(0); transform-origin:left; transition:transform .35s; }
.koko-spotlight:hover .koko-card-surface::after { transform:scaleX(1); }
.koko-spotlight.is-spotlight { position:relative; z-index:3; }
.koko-bento { grid-template-columns:1fr 1fr; gap:18px; }
.koko-bento .pack-benefit { border-width:2px; border-radius:20px; margin:0; }
.koko-bento .pack-benefit:first-child { grid-row:span 2; flex-direction:column; gap:22px; background:#f5ff6b; }
.koko-bento .pack-benefit:first-child .pack-benefit-thumb { width:100%; height:auto; aspect-ratio:3/2; border-radius:12px; object-fit:cover; }
.koko-bento .pack-benefit:first-child h3 { font-size:27px; letter-spacing:-.04em; }
.koko-bento .pack-benefit:first-child p { color:#313128; }
.koko-bento .pack-benefit:not(:first-child) { flex-direction:column; align-items:flex-start; justify-content:center; gap:16px; }
.koko-bento .pack-benefit:not(:first-child) .pack-benefit-thumb { width:104px; height:78px; align-self:flex-start; }
.koko-bento .pack-benefit-icon { top:12px; left:12px; }
.koko-price { position:relative; padding:30px; max-width:520px; background:#11120d; color:#fff8e6; box-shadow:6px 6px 0 #f5ff6b,6px 6px 0 2px #000; }
.m1k-price-box.koko-price .de,.m1k-price-box.koko-price .sub { color:#e9e9d4; }
.m1k-price-box.koko-price .por { color:#f5ff6b; font-size:clamp(64px,8vw,84px); margin:12px 0; }
.koko-price-label { display:inline-flex; align-items:center; gap:8px; border:1px solid #747958; color:#f5ff6b; border-radius:999px; font:600 10px var(--m1k-mono); padding:7px 12px; margin-bottom:18px; letter-spacing:.05em; }
.koko-price-label::before { content:''; width:6px; height:6px; border-radius:50%; background:#f5ff6b; }
.koko-price .m1k-btn { margin-top:26px; padding:19px 20px!important; font-size:16px!important; box-shadow:0 0 0 1px #f5ff6b!important; }
.koko-faq .m1k-faq-item { border:1.5px solid #000; border-radius:14px; overflow:hidden; background:#fff; margin-bottom:12px; }
.koko-faq .m1k-faq-item[open] { background:#fffde9; box-shadow:3px 3px 0 #000; }
.koko-faq .m1k-faq-q { padding:20px; display:flex; align-items:center; gap:14px; }
.koko-faq-number { font:500 11px var(--m1k-mono); color:#686858; flex-shrink:0; }
.koko-faq-question { flex:1; }
.koko-faq .m1k-faq-a { padding:0 24px 24px 58px; }
.koko-faq .m1k-faq-q:focus-visible { outline:3px solid #697300; outline-offset:-4px; }
.koko-shimmer { color:#000; }
@supports(background-clip:text) { .koko-shimmer { background-image:linear-gradient(100deg,#080900 35%,#677000 48%,#080900 61%); background-size:250% 100%; background-position:150% center; background-clip:text; -webkit-background-clip:text; color:transparent; } }
@media(max-width:650px) {
 .koko-bento { grid-template-columns:1fr; }
 .koko-bento .pack-benefit:first-child { grid-row:auto; }
 .koko-bento .pack-benefit:not(:first-child) { flex-direction:row; align-items:center; }
 .koko-bento .pack-benefit:not(:first-child) .pack-benefit-thumb { width:72px; height:80px; align-self:center; }
 .koko-bento .pack-benefit:first-child h3 { font-size:24px; }
 .koko-price { padding:24px 18px; }
 .koko-price .m1k-btn { font-size:14px!important; padding:17px 12px!important; }
 .koko-faq .m1k-faq-q { padding:18px 14px; gap:10px; }
 .koko-faq .m1k-faq-a { padding:0 18px 20px; }
}
@media(prefers-reduced-motion:reduce) {
 .koko-slide-track,.koko-card-surface::after { transition:none; }
 .koko-slide:hover .koko-slide-track,.koko-slide:focus-visible .koko-slide-track { transform:none; }
 .koko-card-glow { display:none; }
 .koko-shimmer { background:none; color:#000; }
}

#oferta { scroll-margin-top:100px; }