.page-suerte{background:#FBF8F0}
.page-suerte .site-footer{background:#F7F1DF;margin-top:0}
.su-hero{position:relative;padding:2.6rem 0 2.8rem;overflow:hidden}
.su-deco{position:absolute;pointer-events:none}
.su-deco-tr{top:-12px;right:0;width:min(270px,36vw);opacity:.92}
.su-deco-bl{bottom:-8px;left:0;width:min(210px,32vw);opacity:.48}
.su-grid{display:grid;grid-template-columns:.86fr 1.12fr .98fr;gap:1.6rem;align-items:center;position:relative;z-index:1}
.su-copy h1{
  font-family:var(--font-d);font-weight:400;color:var(--green-xd);
  font-size:clamp(2.35rem,5.2vw,3.45rem);margin:0 0 .55rem;line-height:1;
}
.su-copy > p{color:var(--muted);max-width:22rem;margin:0 0 1.25rem;font-size:1.05rem}
.su-spin,.su-again{width:100%;max-width:300px;margin-bottom:.55rem}
.su-spin{min-height:52px;box-shadow:0 10px 22px rgba(47,88,28,.22)}
.su-spin svg,.su-again svg{width:18px;height:18px}
.su-spin:disabled,.su-again:disabled{opacity:.55;cursor:wait;transform:none}
.su-safe{display:flex;align-items:center;gap:.4rem;color:var(--green-d);font-weight:700;font-size:.92rem;margin:.85rem 0 0}
.su-safe svg{width:16px;height:16px;flex:0 0 auto}
.su-wheel-box{position:relative;width:min(100%,400px);margin:0 auto;aspect-ratio:1}
.su-pointer{
  position:absolute;left:50%;top:-4px;z-index:4;width:28px;height:34px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#F8E38A,#C9A227 60%,#8B6914);
  clip-path:polygon(50% 100%,0 0,100% 0);
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));
}
.su-wheel{position:relative;width:100%;height:100%;transform-origin:center center;will-change:transform}
.su-wheel svg{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 28px rgba(47,88,28,.22))}
.su-wheel text{font-family:Kimbab,Manrope,sans-serif}
.su-bulb{fill:#FFF6C2;filter:url();animation:su-blink 1.15s ease-in-out infinite}
.su-wheel-box.is-spinning .su-bulb{animation-duration:.38s}
@keyframes su-blink{50%{fill:#fff;opacity:.4}}
.su-hub{
  position:absolute;left:50%;top:50%;z-index:3;width:28%;height:28%;
  object-fit:cover;object-position:top center;border-radius:50%;
  background:#FCD427;padding:5px;border:3px solid #C9A227;
  transform:translate(-50%,-50%);pointer-events:none;
  box-shadow:0 6px 16px rgba(0,0,0,.16);
}
.su-side{display:grid;gap:.7rem}
.su-result{
  background:#fff;border-radius:24px;padding:1.15rem 1.15rem 1.05rem;
  box-shadow:0 16px 36px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06);
  text-align:center;transition:transform .35s ease,opacity .35s ease;
}
.su-result.is-pop{animation:su-pop .45s ease}
@keyframes su-pop{0%{transform:scale(.96);opacity:.5}100%{transform:scale(1);opacity:1}}
.su-trophy{width:36px;height:36px;margin:0 auto .15rem;color:#C9A227}
.su-trophy svg{width:36px;height:36px}
.su-result-kicker{margin:0 0 .15rem;color:var(--green-d);font-weight:750}
.su-num{
  font-family:var(--font-d);font-size:clamp(2.5rem,5vw,3.35rem);
  color:var(--green-xd);margin:0 0 .55rem;letter-spacing:.06em;line-height:1;
}
.su-result.is-empty .su-num{opacity:.28;letter-spacing:.18em}
.su-ticket .decimo-art{max-width:none;margin:0;box-shadow:none}
.su-ticket-ph{
  display:grid;place-items:center;min-height:118px;padding:.9rem;
  border-radius:12px;background:#F7F1DF;color:var(--muted);font-weight:600;font-size:.92rem;
}
.su-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
@media (max-width:1290px){
  .su-actions{grid-template-columns:1fr}
}
.su-actions.is-idle .su-cta{opacity:.45;pointer-events:none}
.su-cta{
  display:flex;align-items:center;justify-content:flex-start;gap:.5rem;
  width:100%;min-height:58px;border:0;border-radius:16px;padding:.55rem .7rem;
  font:inherit;font-weight:800;text-decoration:none;cursor:pointer;text-align:left;color:#fff;
}
.su-cta span{display:grid;line-height:1.15}
.su-cta small{font-weight:600;opacity:.88;font-size:.72rem}
.su-cta svg{width:20px;height:20px;flex:0 0 auto}
.su-cta-home{background:var(--green-d)}
.su-cta-digital{background:#FCD427;color:var(--green-xd)}
.su-cta:hover{transform:translateY(-1px)}
.su-how{padding:.4rem 0 2.4rem}
.su-how h2{
  text-align:center;color:var(--green-xd);font-family:var(--font-d);font-weight:400;
  font-size:clamp(1.6rem,3vw,2rem);margin:0 0 1.3rem;
}
.su-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.su-steps article{background:#fff;border-radius:20px;padding:1.35rem 1.15rem 1.2rem;box-shadow:0 10px 24px rgba(0,0,0,.05);text-align:center}
.su-steps em{
  display:grid;place-items:center;width:36px;height:36px;margin:0 auto .55rem;
  border-radius:50%;background:#FCD427;color:var(--green-xd);font-style:normal;font-weight:800;
}
.su-steps i{display:grid;place-items:center;color:var(--green-d);margin-bottom:.35rem}
.su-steps i svg{width:28px;height:28px}
.su-steps h3{margin:0 0 .35rem;color:var(--green-xd)}
.su-steps p{margin:0;color:var(--muted)}
.su-mini{padding:0 0 1.2rem}
.su-mini-box{
  display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;
  background:#EEEAE0;border-radius:22px;padding:1.1rem 1rem;
}
.su-mini p{display:flex;align-items:flex-start;gap:.4rem;margin:0}
.su-mini strong{display:block;font-size:.92rem}
.su-mini small{display:block;color:var(--muted);font-weight:500;font-size:.75rem}
.su-mini svg{width:20px;height:20px;color:var(--green-d);flex:0 0 auto;margin-top:.12rem}
.su-share{background:#E7F0D8;padding:1.15rem 0}
.su-share-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.su-share-row img{width:78px;height:78px;object-fit:cover;object-position:top;border-radius:50%;background:#FCD427}
.su-share-row strong{display:block;color:var(--green-xd);font-size:1.15rem}
.su-share-row p{margin:.15rem 0 0;color:var(--muted)}
.su-share-btns{display:flex;flex-wrap:wrap;gap:.45rem;margin-left:auto;align-items:center}
.su-share-btns a,.su-share-btns button{
  width:42px;height:42px;border-radius:99px;border:0;background:var(--green-d);color:#fff;
  display:grid;place-items:center;text-decoration:none;cursor:pointer;padding:0;
}
.su-share-btns svg{width:18px;height:18px}
.su-share-btns button{width:auto;padding:0 .95rem;display:inline-flex;gap:.4rem;font:inherit;font-weight:800;color:#fff}
.su-seals{padding:1.35rem 0 2.1rem}
.su-seals-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}
.su-seals p{
  display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0;
  font-weight:700;color:var(--green-xd);background:#fff;border-radius:16px;
  padding:.75rem .5rem;border:1px solid rgba(0,0,0,.06);
}
.su-seals svg{width:18px;height:18px;color:var(--green-d)}
@media (max-width:1080px){
  .su-grid{grid-template-columns:1fr 1fr}
  .su-side{grid-column:1/-1;max-width:520px;margin:0 auto;width:100%}
  .su-steps{grid-template-columns:1fr}
  .su-mini-box,.su-seals-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .su-grid,.su-mini-box,.su-seals-grid,.su-actions{grid-template-columns:1fr}
  .su-share-btns{margin-left:0}
  .su-spin,.su-again{max-width:none}
  .su-deco-tr,.su-deco-bl{opacity:.32}
}
@media (prefers-reduced-motion:reduce){
  .su-wheel{transition:none!important}
  .su-bulb{animation:none}
}