/* Demo visual de reservas grupales para la landing de gimnasios. */
.gym-conversion-page .visual{min-height:590px;padding:8px;display:grid;place-items:center;isolation:isolate}.gym-conversion-page .visual:before{inset:4%;border-radius:50%;filter:blur(2px)}.gym-phone-orbit{position:absolute;width:440px;height:440px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;z-index:-1}.gym-phone-orbit:before,.gym-phone-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent2) 13%,transparent)}.gym-phone-orbit:before{left:26px;top:95px}.gym-phone-orbit:after{right:45px;bottom:66px}.gym-phone{position:relative;width:314px;height:574px;padding:8px;border-radius:43px;background:#151827;box-shadow:0 30px 60px #11182735;animation:gymPhoneFloat 5.4s ease-in-out infinite}.gym-phone:before,.gym-phone:after{content:"";position:absolute;right:-5px;width:5px;border-radius:0 4px 4px 0;background:#151827}.gym-phone:before{top:145px;height:59px}.gym-phone:after{top:220px;height:48px}.gym-phone-notch{position:absolute;z-index:2;top:8px;left:50%;width:104px;height:20px;transform:translateX(-50%);border-radius:0 0 16px 16px;background:#151827}.gym-phone-screen{height:100%;overflow:hidden;border-radius:35px;background:#f7f9f4}.gym-phone-status{height:32px;padding:9px 16px 0;display:flex;justify-content:space-between;font-size:9px;font-weight:850;color:#30374a}.gym-phone-header{height:57px;padding:9px 13px;display:flex;align-items:center;gap:9px;background:#fff;border-bottom:1px solid #e8ece4}.gym-phone-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-size:15px}.gym-phone-header div{display:grid;gap:2px}.gym-phone-header b{font-size:11px}.gym-phone-header small{font-size:8px;color:#7a8490}.gym-phone-header i{margin-left:auto;width:29px;height:29px;border-radius:10px;background:#f2f6e9;color:var(--accent);display:grid;place-items:center;font-style:normal}.gym-phone-body{padding:18px 16px 66px}.gym-phone-body>small{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--accent)}.gym-phone-body h3{margin:5px 0 14px;font-size:21px;letter-spacing:-.04em}.gym-class-card{padding:13px;border:1px solid #e1e7db;border-radius:16px;background:#fff;box-shadow:0 10px 22px #2943140d}.gym-class-top{display:flex;align-items:center;gap:9px}.gym-class-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eff6dc;font-size:16px}.gym-class-top div{display:grid;gap:3px;flex:1}.gym-class-top b{font-size:11px}.gym-class-top small{font-size:9px;color:#758075}.gym-class-top em{padding:5px 7px;border-radius:9px;background:#e7f7d2;color:#477021;font-size:8px;font-style:normal;font-weight:850}.gym-class-meta{display:flex;gap:6px;margin:12px 0 10px}.gym-class-meta span{padding:6px 7px;border-radius:7px;background:#f5f7f2;color:#657067;font-size:9px;font-weight:700}.gym-day{display:flex;justify-content:space-between;align-items:center;margin:17px 2px 8px;font-size:11px}.gym-day b{font-size:12px}.gym-day span{font-size:9px;color:#778277}.gym-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gym-time-grid span{padding:9px 2px;border:1px solid #dce4d5;border-radius:9px;text-align:center;font-size:10px;font-weight:800}.gym-time-grid strong{padding:9px 2px;border-radius:9px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;text-align:center;font-size:10px}.gym-reserve-button{width:100%;margin-top:15px;padding:12px;border:0;border-radius:11px;background:#152011;color:#fff;font-size:11px;font-weight:850}.gym-phone-nav{position:absolute;bottom:0;left:0;right:0;height:57px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e6ebe1;background:#fff}.gym-phone-nav span{display:grid;place-items:center;align-content:center;gap:3px;color:#95a095;font-size:8px}.gym-phone-nav span:before{font-size:13px}.gym-phone-nav span:nth-child(1):before{content:"⌂"}.gym-phone-nav span:nth-child(2):before{content:"◫"}.gym-phone-nav span:nth-child(3):before{content:"♙"}.gym-phone-nav span:nth-child(4):before{content:"$"}.gym-phone-nav .active{color:var(--accent);font-weight:850}.gym-demo-note{position:absolute;z-index:3;display:grid;gap:2px;padding:11px 13px;border:1px solid #e1e8d8;border-radius:14px;background:#fffffff0;box-shadow:0 16px 35px #15201118;backdrop-filter:blur(8px)}.gym-demo-note b{font-size:11px}.gym-demo-note small{font-size:9px;color:#718075}.gym-demo-note em{font-style:normal;color:#2f7a3d;font-size:9px;font-weight:850}.gym-demo-note.capacity{left:calc(50% - 250px);top:126px}.gym-demo-note.wait{right:calc(50% - 245px);bottom:117px}.gym-demo-note.wait b:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:7px;background:#e7f7d2;color:#477021}.gym-demo-caption{position:absolute;bottom:8px;left:0;right:0;margin:0;text-align:center;color:#5c685e;font-size:12px;font-weight:750}@keyframes gymPhoneFloat{50%{transform:translateY(-9px)}}@media(max-width:800px){.gym-conversion-page .visual{min-height:544px;margin-top:2px}.gym-phone{width:292px;height:532px}.gym-phone-body{padding:15px 14px 62px}.gym-phone-orbit{width:390px;height:390px}.gym-demo-note.capacity{left:calc(50% - 205px);top:100px}.gym-demo-note.wait{right:calc(50% - 205px);bottom:92px}.gym-demo-caption{display:none}}@media(max-width:390px){.gym-conversion-page .visual{min-height:510px}.gym-phone{transform:scale(.92)}.gym-demo-note{display:none}}
