@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/manrope-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/manrope-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/manrope-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/manrope-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/manrope-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/space-grotesk-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/space-grotesk-1.ttf) format('truetype');
}

.player-body{--accent:#31e978;--ink:#f7fbf8;--muted:#ebf4efb8;--line:#ffffff18;color-scheme:dark;font-family:Manrope,Arial,sans-serif;color:#f7fbf8;background:radial-gradient(ellipse at 80% 0%,#31e97812,transparent 55%),linear-gradient(180deg,#08110d,#040806);min-height:100vh}
.player-body .room{padding-top:28px}.player-body h1,.player-body h2,.player-body h3{font-family:'Space Grotesk',Arial,sans-serif}.player-body .room h1{font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:-1.4px}.player-body .room .muted{color:#ebf4efb8}.player-body .eyebrow,.player-body .cm-tag{font-size:11px;letter-spacing:2px;color:#8dff8f;text-transform:uppercase}
.webinar-brand{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 24px;margin-bottom:30px;border-bottom:1px solid #ffffff14;text-align:left}.webinar-brand a{font:700 18px 'Space Grotesk',Arial,sans-serif;letter-spacing:1px;text-decoration:none;color:#f7fbf8}.webinar-brand a span{color:#31e978}.brand-tag{font-size:10px;letter-spacing:1.5px;color:#8dff8f}
.player-body button,.player-body .button,.player-body .cm-button{font-family:Manrope,Arial,sans-serif}.player-body .cm-button,.player-body .entrance-form button,.player-body #room-chat-form button,.player-body .room .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:16px 28px;background:linear-gradient(135deg,#31e978,#8dff8f);color:#041008;font-weight:800;font-size:15px;border:0;border-radius:12px;cursor:pointer;text-decoration:none}.player-body a:focus-visible,.player-body button:focus-visible{outline:2px solid #8dff8f;outline-offset:4px}
.player-body .video-wrap{border:1px solid #ffffff18;border-radius:24px;box-shadow:0 30px 90px #0005}.player-body .chat-panel,.player-body .waiting{background:#0a120e;border:1px solid #ffffff18;border-radius:24px}.player-body .chat-message{border-color:#ffffff14}.player-body .chat-message strong{color:#8dff8f}.player-body #room-chat-form{border-color:#ffffff18}.player-body #room-chat-form input,.player-body #room-chat-form textarea,.player-body .entrance-form input{background:#07110b;border-color:#ffffff26;border-radius:12px}.player-body .webinar-host img{border-color:#31e978}.player-body .entrance-stage{border-color:#ffffff18;border-radius:24px;background:radial-gradient(ellipse at top right,#31e97814,transparent 65%),#0a120e;box-shadow:0 30px 90px #0005}.player-body .premiere-waiting{background:linear-gradient(90deg,#08110df0,#040806df),url('assets/portada.jpg') center/cover no-repeat}.player-body .countdown{font-family:'Space Grotesk',Arial,sans-serif;color:#8dff8f}.player-body .sound-overlay{background:linear-gradient(135deg,#31e978,#8dff8f)}
.player-body #after{max-width:1000px;border:0;padding:0;background:transparent;margin-top:40px}.player-body #after>h2{font-size:clamp(25px,4vw,34px)}.player-body .cm-product-info{text-align:left}.player-body .cm-product-info p{white-space:normal}.player-body .cm-help{text-align:left}.player-body .cm-currency-back{min-height:28px}.player-body .cm-currency.is-open{height:185px}.player-body .cm-whatsapp-icon{flex-shrink:0}.player-body .cm-products{margin-top:40px}
@media(max-width:600px){.webinar-brand{padding-bottom:18px;margin-bottom:24px}.webinar-brand a{font-size:15px}.brand-tag{font-size:8px;letter-spacing:.8px;max-width:100px;text-align:right}.player-body .video-wrap{border-radius:16px}.player-body .cm-help .cm-button{width:100%}.player-body .room{padding:22px 16px 40px}.player-body .cm-currency-question{font-size:13px}}
.player-body .cm-products{margin-top:56px}
.player-body .cm-products-heading{text-align:center;margin-bottom:26px}
.player-body .cm-products-heading h2{font:700 clamp(26px,4vw,36px)/1.15 'Space Grotesk',sans-serif;color:#f7fbf8;margin:10px 0 12px;letter-spacing:-.8px}
.player-body .cm-products-heading p{color:#ebf4efb8;font-size:14px;line-height:1.7;margin:0}
.player-body .cm-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.player-body .cm-product-card{display:flex;flex-direction:column;min-width:0;background:#0a120e;border:1px solid #ffffff18;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #0003}
.player-body .cm-product-image{display:block;width:100%!important;height:auto!important;max-width:100%;min-height:0!important;aspect-ratio:1/1;object-fit:contain;flex:0 0 auto;margin:0!important;padding:0!important;background:#031022}
.player-body .cm-product-info{display:flex;flex-direction:column;flex:1;padding:28px}
.player-body .cm-product-info h3{color:#f7fbf8;font:700 30px/1.15 'Space Grotesk',sans-serif;margin:0 0 12px}
.player-body .cm-product-info>p{color:#ebf4efb8;font-size:14px;line-height:1.7;margin:0 0 20px}
.player-body .cm-feature-list{list-style:none;padding:0;margin:0 0 28px}
.player-body .cm-feature-list li{display:flex;gap:10px;color:#ebf4ef;font-size:14px;line-height:1.6;margin:12px 0}
.player-body .cm-feature-list li::before{content:'✓';color:#31e978;font-weight:800;flex-shrink:0}
.player-body .cm-product-info .cm-button{width:100%;margin-top:auto}
.player-body .cm-help{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:24px;border:1px solid #ffffff14;border-radius:18px;background:#ffffff03}
.player-body .cm-help strong{display:block;font-size:17px;color:#f7fbf8;margin-bottom:6px}
.player-body .cm-help p{color:#ebf4efb8;font-size:13px;line-height:1.6;margin:0}
.player-body .cm-help .cm-button{flex-shrink:0}
.player-body .cm-obtain{animation:cm-plans-pulse 2.4s ease-in-out infinite}
.player-body .cm-obtain:hover,.player-body .cm-obtain:focus-visible{animation-play-state:paused}
@media(max-width:600px){.player-body .cm-product-grid{grid-template-columns:1fr;gap:22px}.player-body .cm-product-info{padding:22px}.player-body .cm-help{flex-direction:column;text-align:center;padding:22px 18px}.player-body .cm-products{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.player-body .cm-obtain{animation:none}}

.player-body .cm-product-label{display:block;color:#8dff8f;font:700 11px/1.6 Manrope,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.player-body .cm-currency{position:relative;margin-top:auto;height:56px;transition:height .45s cubic-bezier(.22,1,.36,1)}
.player-body .cm-currency.is-open{height:170px}
.player-body .cm-currency>.cm-obtain{position:absolute;inset:0 0 auto;margin:0;width:100%;transition:opacity .2s,visibility .2s}
.player-body .cm-currency.is-open>.cm-obtain{opacity:0;visibility:hidden;pointer-events:none;animation:none}
.player-body .cm-currency-panel{position:absolute;inset:0;padding:16px;background:linear-gradient(130deg,#143222,#0b1b12);border:1px solid #31e97855;border-radius:14px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1),visibility .3s}
.player-body .cm-currency.is-open .cm-currency-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.player-body .cm-currency-question{margin:0 0 13px;color:#f7fbf8;font:700 14px/1.4 Manrope,Arial,sans-serif;text-align:center}
.player-body .cm-currency-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.player-body .cm-currency-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;padding:9px 6px;border:1px solid #31e97855;border-radius:10px;color:#f7fbf8;background:#31e9780b;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.player-body .cm-currency-choice strong{font:800 19px/1.2 'Space Grotesk',sans-serif;color:#8dff8f}
.player-body .cm-currency-choice span{font:500 10px/1.5 Manrope,Arial,sans-serif;margin-top:4px}
.player-body .cm-currency-choice:hover{background:#31e97822;border-color:#8dff8f;transform:translateY(-2px)}
.player-body .cm-currency-back{display:block;margin:10px auto 0;padding:2px 8px;border:0;background:transparent;color:#ebf4ef99;font:600 11px Manrope,Arial,sans-serif;cursor:pointer}
.player-body .cm-currency-choice:focus-visible,.player-body .cm-currency-back:focus-visible{outline:2px solid #8dff8f;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.player-body .cm-currency,.player-body .cm-currency-panel,.player-body .cm-currency>.cm-obtain,.player-body .cm-currency-choice{transition:none}}.player-body .cm-currency.is-open{height:185px}.player-body .cm-currency-back{min-height:28px}.player-body .cm-currency{min-height:56px}.player-body .cm-obtain{animation:none}
