/* RAPF*CK V20.3 — explanatory training demo on logged-out landing */
body.landing-body .phone-mock.rf-demo{position:relative!important;padding-top:58px!important}
body.landing-body .phone-mock.rf-demo .rf-demo-head{position:absolute;left:18px;right:18px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #242321}
body.landing-body .phone-mock.rf-demo .rf-demo-head span{display:inline-flex;align-items:center;gap:7px;color:#d9ff43;font-size:11px;font-weight:1000;letter-spacing:1.3px}
body.landing-body .phone-mock.rf-demo .rf-demo-head span:before{content:'●';font-size:8px;color:#ff4a62}
body.landing-body .phone-mock.rf-demo .rf-demo-head small{color:#8d867f;font-size:10px;font-weight:900;letter-spacing:.7px}
body.landing-body .phone-mock.rf-demo .rf-demo-copy{margin:14px 0 18px;padding:14px 15px;border:1px solid #2d2b28;border-radius:14px;background:#0a0a0a;color:#b7afa7;font-size:14px;line-height:1.45}
body.landing-body .phone-mock.rf-demo .rf-demo-copy strong{color:#fff0dc}
body.landing-body .phone-mock.rf-demo .mock-rank:before{content:'TU PROGRESO';display:block;margin-bottom:4px;color:#827c75;font-size:9px;font-weight:1000;letter-spacing:1.2px}
body.landing-body .phone-mock.rf-demo .mock-word:before{content:'PALABRA QUE TIENES QUE METER';display:block;margin-bottom:10px;color:#d9ff43;font-size:9px;font-weight:1000;letter-spacing:1.1px}
body.landing-body .phone-mock.rf-demo .mock-meta{margin-top:12px!important}
body.landing-body .phone-mock.rf-demo .mock-meta span:nth-child(1):before{content:'TIEMPO · ';color:#77716b}
body.landing-body .phone-mock.rf-demo .mock-meta span:nth-child(2):before{content:'RITMO · ';color:#77716b}
body.landing-body .phone-mock.rf-demo .mock-meta span:nth-child(3):before{content:'MIC · ';color:#77716b}
body.landing-body .phone-mock.rf-demo .mock-actions{position:relative;margin-top:16px!important}
body.landing-body .phone-mock.rf-demo .mock-actions:before{content:'MARCA SI LA HAS METIDO EN LA RIMA';position:absolute;left:0;right:0;top:-24px;color:#8d867f;font-size:9px;font-weight:1000;letter-spacing:1px;text-align:center}
body.landing-body .phone-mock.rf-demo button{pointer-events:none;cursor:default}
body.landing-body .phone-mock.rf-demo .rf-demo-note{margin-top:18px;padding-top:14px;border-top:1px dashed #34312d;color:#8d867f;font-size:12px;line-height:1.45}
body.landing-body .phone-mock.rf-demo .rf-demo-note b{color:#f2b84b}
@media(max-width:760px){
 body.landing-body .phone-mock.rf-demo{padding:16px!important;padding-top:58px!important}
 body.landing-body .phone-mock.rf-demo .rf-demo-head{left:16px;right:16px;top:14px}
 body.landing-body .phone-mock.rf-demo .rf-demo-copy{font-size:15px}
 body.landing-body .phone-mock.rf-demo .mock-word{padding-top:20px!important;padding-bottom:20px!important}
 body.landing-body .phone-mock.rf-demo .rf-demo-note{font-size:13px}
}