.guest-rewards-card { display:grid; gap:14px; border-radius:18px; padding:clamp(16px,3vw,28px); background:#faf8f3; border:1px solid #e6e2d9; }
.guest-rewards-card h2,.guest-rewards-card p { margin:0; }
.guest-rewards-card h2 { font-size:clamp(24px,3vw,32px); }
.guest-rewards-card p { margin-top:6px; font-size:14px; }
.guest-rewards-card ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); gap:9px; list-style:none; padding:0; margin:0; }
.guest-rewards-card li { display:grid; gap:4px; border-radius:10px; padding:12px; color:#fff; background:#244b63; }
.guest-rewards-card li b { color:#d8ef76; }
.guest-rewards-card li span { font-size:13px; }
#activity-rewards { margin-top:32px; padding:clamp(14px,2vw,23px); border:1px solid #e6e2d9; border-radius:18px; background:#faf8f3; scroll-margin-top:130px; }
.rewards-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.rewards-heading h2 { font-size:clamp(21px,2.4vw,30px); margin:0; }
.rewards-heading p { margin:6px 0 0; font-size:13px; }
.rewards-balance { border:1px solid #e6e2d9; border-radius:24px; padding:7px 12px; background:white; font-size:13px; }
.rewards-balance span { color:#9d7130; }
.rewards-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:14px; }
.rewards-trajectory { position:relative; min-height:280px; isolation:isolate; overflow:hidden; border-radius:12px; color:white; background:linear-gradient(145deg,#244b63,#102f42); }
.rewards-path { position:absolute; inset:0; width:100%; height:100%; color:#91c9e8; z-index:-1; }
.rewards-progress { position:absolute; top:18px; left:18px; font-size:21px; }
.rewards-progress b { color:#d8ef76; }
.rewards-progress small { display:block; margin-top:3px; font-size:12px; }
.rewards-planet { position:absolute; display:grid; justify-items:center; gap:3px; text-align:center; translate:-50% -32px; font-size:13px; }
.rewards-planet--0 { left:19%; top:67%; }
.rewards-planet--1 { left:50%; top:57%; }
.rewards-planet--2 { left:81%; top:36%; }
.rewards-note { margin:12px 0 0; font-size:12px; color:#426071; }
#encuentro-yoga { scroll-margin-top:130px; }
#experiencias .community-events-rail { display:flex; grid-template-columns:none; gap:16px; overflow-x:auto; padding:2px 2px 10px; }
#experiencias .community-events-rail .experience { flex:0 0 clamp(250px,36%,410px); height:clamp(265px,26vw,340px); min-width:0; }
#detail:has(.rewards-dialog) { width:min(650px,calc(100% - 24px)); padding:clamp(14px,3vw,24px); }
#detail:has(.rewards-dialog) > .close { z-index:1; top:calc(clamp(14px,3vw,24px) + 10px); right:calc(clamp(14px,3vw,24px) + 10px); width:44px; height:44px; padding:0; border-radius:50%; background:white; color:#244b63; line-height:1; }
.rewards-dialog-header { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 58px 16px 16px; border-radius:13px; color:white; background:linear-gradient(145deg,#244b63,#102f42); }
.rewards-dialog-header h2 { margin:0; color:inherit; font-size:clamp(21px,4vw,30px); }
.rewards-dialog-header p { margin:3px 0 0; color:#c3e5f5; font-size:13px; }
.rewards-dialog-orbit { display:grid; place-items:center; width:42px; height:42px; border:1px solid #91c9e8; border-radius:50%; }
.rewards-dialog-count { border-radius:20px; background:#ffffff1a; padding:5px 9px; font-size:13px; }
.rewards-dialog-count span { color:#e2c184; }
.rewards-dialog-tiers { display:grid; gap:8px; padding:0; margin:14px 0; list-style:none; }
.rewards-dialog-tiers li { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:center; border:1px solid #e1e9ed; border-radius:10px; padding:10px; }
.rewards-dialog-tiers li.next { background:#f7fbe8; border-color:#c2d875; }
.rewards-dialog-tiers .rewards-globe { width:26px; margin:0; }
.rewards-dialog-tiers .reached .rewards-globe { background:radial-gradient(circle at 35% 28%,#f1ffa6,#bad748 49%,#738f12 85%); }
.rewards-dialog-tiers .reached i { display:grid; place-items:center; position:absolute; right:-4px; bottom:-3px; width:15px; height:15px; border-radius:50%; background:#d8ef76; font:700 10px DM Sans,sans-serif; }
.rewards-dialog-tiers strong,.rewards-dialog-tiers small { display:block; }
.rewards-dialog-tiers small,.rewards-dialog-note { color:#426071; font-size:12px; }
.rewards-dialog-target { text-align:right; font-size:12px; }
.rewards-dialog-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.rewards-dialog-actions .rewards-action { margin:0; padding:8px 12px; }
.rewards-planet small { color:#c3e5f5; }
.rewards-globe { width:60px; aspect-ratio:1; position:relative; border-radius:50%; margin-bottom:6px; background:radial-gradient(circle at 35% 28%,#bce6fb,#6da8cb 49%,#285475 79%); box-shadow:0 0 0 5px #91c9e82b,inset -5px -4px 12px #183e615c; }
.rewards-globe i { display:none; }
.rewards-planet.reached .rewards-globe { background:radial-gradient(circle at 35% 28%,#f1ffa6,#bad748 49%,#738f12 85%); }
.rewards-planet.reached .rewards-globe i { display:grid; place-items:center; position:absolute; right:-7px; bottom:-2px; width:23px; height:23px; border-radius:50%; background:#d8ef76; color:#244b63; font-style:normal; }
.rewards-planet.reached small { color:#e3f58d; }
.rewards-offer { display:flex; flex-direction:column; overflow:hidden; border:1px solid #e6e2d9; border-radius:12px; background:white; }
.rewards-offer img { width:100%; height:clamp(106px,11vw,158px); object-fit:cover; }
.rewards-offer-body { flex:1; display:flex; flex-direction:column; padding:13px; }
.rewards-offer h3 { margin:0; font-size:clamp(16px,1.65vw,21px); }
.rewards-benefit { margin:8px 0 0; color:#805a28; font-weight:700; font-size:13px; }
.rewards-offer-progress { margin:5px 0 12px; font-size:12px; }
.rewards-action { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:auto; min-height:44px; padding:6px; border-radius:8px; background:#d8ef76; color:#193648; font-size:13px; font-weight:750; }
.rewards-action svg,.rewards-popover svg { width:16px; height:16px; flex:none; }
.mh-account { display:flex; align-items:center; gap:8px; }
.rewards-shortcut { position:relative; }
.rewards-shortcut summary { list-style:none; display:grid; place-items:center; width:44px; height:44px; cursor:pointer; border-radius:50%; }
.rewards-shortcut summary::-webkit-details-marker { display:none; }
.rewards-ring { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; background:conic-gradient(#b0ce32 var(--reward-progress,0%),#dce8ee 0); }
.rewards-symbol { display:grid; place-items:center; position:relative; width:33px; height:33px; border:2px solid white; border-radius:50%; background:#244b63; color:#d8ef76; }
.rewards-symbol::before { content:""; width:22px; height:9px; border:1.5px solid #91c9e8; border-radius:50%; rotate:-36deg; }
.rewards-symbol i { position:absolute; width:9px; height:9px; border-radius:50%; background:currentColor; }
.rewards-popover { position:absolute; z-index:5; top:calc(100% + 8px); right:0; width:min(272px,calc(100vw - 24px)); overflow:hidden; border:1px solid #dce8ee; border-radius:14px; background:white; box-shadow:0 10px 28px #244b6326; color:#244b63; }
.rewards-popover-heading { display:flex; align-items:center; gap:9px; padding:10px 13px; background:#244b63; color:white; }
.rewards-popover-body { padding:13px; }
.rewards-popover p { margin:0 0 7px; font-size:13px; }
.rewards-popover .rewards-popover-balance { font-size:17px; font-weight:750; }
.rewards-popover-balance > span:first-child { color:#946426; }
.rewards-popover progress { display:block; appearance:none; width:100%; height:7px; margin:10px 0; border:0; border-radius:10px; background:#e9eff2; }
.rewards-popover progress[hidden] { display:none; }
.rewards-popover progress::-webkit-progress-bar { border-radius:10px; background:#e9eff2; }
.rewards-popover progress::-webkit-progress-value { border-radius:10px; background:#a9c830; }
.rewards-popover progress::-moz-progress-bar { border-radius:10px; background:#a9c830; }
.rewards-popover a { margin-top:10px; }
@media(max-width:560px){
  .rewards-grid { grid-template-columns:1fr; }
  .rewards-popover { position:fixed; top:65px; right:12px; }
}