#lectorArticulo{display:flex;align-items:center;gap:8px;width:100%;margin:0 auto 18px;box-sizing:border-box}#lectorPlay{display:flex;align-items:center;justify-content:center;gap:7px;width:320px;height:38px;padding:0 18px;border:0;border-radius:8px;background:#0057b8;color:#fff;font-family:Poppins,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:0 5px 12px rgba(0,87,184,.18);transition:transform .2s,box-shadow .2s,background .2s}#lectorPlay:hover{background:#004a9c;transform:translateY(-1px);box-shadow:0 7px 15px rgba(0,87,184,.25)}.lector-controles{display:flex;align-items:center;gap:5px}.lector-controles button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:#0057b8;color:#fff;font-size:12px;cursor:pointer}.lector-controles button:hover{background:#004a9c}.lector-controles select{height:32px;padding:0 5px;border:1px solid #ccd6e0;border-radius:6px;background:#fff;color:#333;font-size:12px;cursor:pointer}.lector-controles span{color:#666;font-size:11px;white-space:nowrap}@media(max-width:600px){#lectorArticulo{display:flex;gap:5px;width:100%;margin-bottom:15px}#lectorPlay{flex:1;width:auto;height:38px;padding:0 10px;font-size:13px}.lector-controles{gap:4px}.lector-controles button{width:30px;height:30px}.lector-controles select{height:30px;font-size:11px}.lector-controles span{display:none}}