/**





 * Venus FM - Registro y Perfil





 * Hoja de estilos del plugin





 *





 * Incluye:





 *  - Estilos de los formularios de registro/login (modal) y del shortcode [venusfm_perfil]





 *  - Estilos de la página standalone de confirmación de eliminación de cuenta





 */











        .vfm-rp-form{max-width:420px;margin:0 auto;font-family:inherit}





        .vfm-rp-form input[type=text],.vfm-rp-form input[type=email],.vfm-rp-form input[type=password]{width:100%;padding:12px 14px;margin-bottom:13px;border:1.5px solid #e4e0ee;border-radius:10px;box-sizing:border-box;font-size:15px;color:#1c1424;background:#faf9fc;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}





        .vfm-rp-form input[type=text]::placeholder,.vfm-rp-form input[type=email]::placeholder,.vfm-rp-form input[type=password]::placeholder{color:#a9a3b5}





        .vfm-rp-form input[type=text]:focus,.vfm-rp-form input[type=email]:focus,.vfm-rp-form input[type=password]:focus{outline:none;border-color:#8b3ffb;background:#fff;box-shadow:0 0 0 4px rgba(139,63,251,.12)}





        .vfm-rp-form input[type=date],.vfm-rp-form select{width:100%;padding:12px 14px;margin-bottom:13px;border:1.5px solid #e4e0ee;border-radius:10px;box-sizing:border-box;font-size:15px;color:#1c1424;background:#faf9fc;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;font-family:inherit;appearance:none;-webkit-appearance:none}





        .vfm-rp-form input[type=date]:focus,.vfm-rp-form select:focus{outline:none;border-color:#8b3ffb;background:#fff;box-shadow:0 0 0 4px rgba(139,63,251,.12)}





        .vfm-rp-form select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2718%27 height=%2718%27%3E%3Cpath fill=%27%238a8397%27 d=%27M7 10l5 5 5-5z%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}





        .vfm-rp-form select:invalid{color:#a9a3b5}





        .vfm-rp-form .vfm-rp-row{display:flex;gap:10px}





        .vfm-rp-form .vfm-rp-row>*{flex:1;min-width:0}





        .vfm-rp-form label.vfm-rp-field-label{display:block;font-size:12.5px;font-weight:600;color:#726c7d;margin:-6px 0 6px 2px}





        .vfm-rp-form .vfm-rp-field-hint{font-size:12px;color:#8a8397;margin:-9px 0 13px 2px}





        .vfm-rp-form label.vfm-rp-checkbox-label{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:500;color:#4a4356;cursor:pointer;line-height:1.4;margin-bottom:13px}





        .vfm-rp-form label.vfm-rp-checkbox-label input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:1px;accent-color:#6a1fd8;cursor:pointer}





        .vfm-rp-form label.vfm-rp-checkbox-label a{color:#6a1fd8;font-weight:600}





        .vfm-rp-form button{width:100%;padding:13px;border:0;border-radius:10px;background:linear-gradient(135deg,#8b3ffb,#6a1fd8);color:#fff;font-weight:700;cursor:pointer;font-size:15px;margin-top:4px;box-shadow:0 6px 16px rgba(123,47,247,.3);transition:transform .15s ease,box-shadow .15s ease}





        .vfm-rp-form button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(123,47,247,.4)}





        .vfm-rp-form button:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}





        .vfm-rp-msg{padding:11px 13px;border-radius:9px;margin-bottom:13px;font-size:13.5px;font-weight:500}





        .vfm-rp-msg.error{background:#fdecea;color:#a4222a}





        .vfm-rp-msg.success{background:#e8f7ee;color:#1a7a3d}





        .vfm-rp-perfil{max-width:600px;margin:0 auto;text-align:center;font-family:inherit}





        .vfm-rp-perfil img{border-radius:50%;width:120px;height:120px;object-fit:cover;margin-bottom:14px}





        .vfm-rp-perfil h2{margin:0 0 4px}





        .vfm-rp-perfil .vfm-rp-fecha{color:#888;font-size:13px;margin-bottom:16px}





        .vfm-rp-perfil-datos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px}




        .vfm-rp-perfil-login-required{padding:40px 16px;color:#666;font-size:15px}





        .vfm-rp-perfil-datos span{background:#f4f2f9;color:#4a4356;font-size:13px;font-weight:500;padding:6px 12px;border-radius:20px}











        .vfm-rp-editar-btn{padding:9px 22px;border-radius:8px;background:#f4f2f9;color:#6a1fd8;border:1.5px solid #e4e0ee;cursor:pointer;font-weight:600;font-size:14px;transition:background .15s ease,border-color .15s ease}





        .vfm-rp-editar-btn:hover{background:#ece7fb;border-color:#c9bdf2}











        /* --- Editar perfil: fluye con la página, sin panel/tarjeta flotante --- */





        .vfm-rp-editar-form{text-align:left;margin:22px auto 0;max-width:420px;padding-top:22px;border-top:1px solid #ece7f5}





        .vfm-rp-editar-card{padding:0}





        .vfm-rp-editar-titulo{font-size:16px;font-weight:700;color:#241b2e;margin:0 0 20px}











        .vfm-rp-avatar-wrap{position:relative;width:120px;height:120px;margin:0 auto 14px;display:block;cursor:pointer}





        .vfm-rp-perfil #vfmRpFotoMsg{max-width:260px;margin:0 auto 14px}





        .vfm-rp-avatar-wrap .vfm-rp-avatar-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin:0}





        .vfm-rp-avatar-edit-badge{position:absolute;right:0;bottom:2px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b3ffb,#6a1fd8);display:flex;align-items:center;justify-content:center;border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.22)}





        .vfm-rp-avatar-edit-badge svg{width:14px;height:14px;fill:#fff}





        .vfm-rp-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}











        .vfm-rp-editar-card .vfm-rp-row{align-items:flex-start}





        .vfm-rp-field{margin-bottom:15px}





        .vfm-rp-field .vfm-rp-field-label{margin:0 0 6px 2px}





        .vfm-rp-input-icon{position:relative}





        .vfm-rp-input-icon svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:#a9a3b5;pointer-events:none}





        .vfm-rp-input-icon input{padding-left:38px!important;margin-bottom:0!important}





        .vfm-rp-input-icon input:focus ~ svg,.vfm-rp-input-icon:focus-within svg{fill:#8b3ffb}





        .vfm-rp-editar-card button[type=submit]{margin-top:6px}











        .vfm-rp-seguridad{margin-top:26px;padding-top:22px;border-top:1px solid #ece7f5}





        .vfm-rp-seguridad .vfm-rp-editar-titulo{margin-bottom:14px}





        .vfm-rp-password-row{position:relative}





        .vfm-rp-password-row input[type=password]{padding-right:44px!important}





        .vfm-rp-password-edit-btn{position:absolute;right:6px;top:6px;width:32px;height:32px;border-radius:8px;background:#f4f2f9;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}





        .vfm-rp-password-edit-btn:hover{background:#ece7fb}





        .vfm-rp-password-edit-btn svg{width:15px;height:15px;fill:#6a1fd8}





        .vfm-rp-password-box{display:none;margin-top:13px;text-align:left}











        .vfm-rp-eliminar-btn{padding:9px 22px;border-radius:8px;background:#fdecea;color:#a4222a;border:1.5px solid #f6cdd0;cursor:pointer;font-weight:600;font-size:14px;transition:background .15s ease,border-color .15s ease}





        .vfm-rp-eliminar-btn:hover{background:#fbdadd;border-color:#eeb3b8}





        .vfm-rp-eliminar-btn:disabled{opacity:.6;cursor:default}











        .vfm-rp-acciones-row{display:flex;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}





        .vfm-rp-acciones-row .vfm-rp-editar-btn{margin:0;text-decoration:none;display:inline-flex;align-items:center}





        .vfm-rp-acciones-row .vfm-rp-eliminar-btn{margin:0}











        .vfm-rp-newsletter{margin-top:22px;padding-top:18px;border-top:1px solid #eee2;text-align:left;max-width:380px;margin-left:auto;margin-right:auto}





        .vfm-rp-newsletter-label{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;font-weight:500;color:#4a4356;cursor:pointer;line-height:1.4}





        .vfm-rp-newsletter-label input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin-top:1px;accent-color:#6a1fd8;cursor:pointer}





        .vfm-msg{padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;display:none}





        .vfm-msg.error{background:#fdecea;color:#a4222a}





        .vfm-msg.success{background:#e8f7ee;color:#1a7a3d}





        .vfm-rp-newsletter .vfm-msg{margin-top:10px;margin-bottom:0}











            /* Boton "Mi Perfil" (usuario NO logeado): sin fondo, letras e icono blancos */





        .vfm-rp-trigger-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:transparent;color:#fff;border:0;cursor:pointer;font-weight:600;font-size:15px;box-shadow:none;transition:background .15s ease,opacity .15s ease}





        .vfm-rp-trigger-btn svg{width:19px;height:19px;fill:#fff;flex:0 0 19px}





        .vfm-rp-trigger-btn:hover{background:rgba(255,255,255,.12);transform:none;box-shadow:none}











        /* Contenedor del bloque "logeado": chip de perfil + link Salir, uno al lado del otro */





        .vfm-rp-acceso-logged{display:inline-flex;align-items:center;gap:6px}











        /* Chip de usuario logeado dentro de [venusfm_acceso]: avatar circular a la izquierda + nombre, sin fondo, letras blancas */





        .vfm-rp-user-chip{display:inline-flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border-radius:999px;background:transparent;text-decoration:none;transition:background .15s ease}





        .vfm-rp-user-chip:hover{background:rgba(255,255,255,.12)}





        .vfm-rp-user-chip-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px;display:block}





        .vfm-rp-user-chip-nombre{font-weight:600;font-size:14.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}











        /* Link "Salir" (cerrar sesion), junto al chip de perfil: sin fondo, letras e icono blancos */





        .vfm-rp-logout-link{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;transition:background .15s ease}





        .vfm-rp-logout-link svg{width:17px;height:17px;fill:#fff;flex:0 0 17px}





        .vfm-rp-logout-link:hover{background:rgba(255,255,255,.12)}











        /* Overlay a pantalla completa, cubre TODA la página (por encima de header, player, etc.) */





        .vfm-rp-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(10,6,20,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2147483646;opacity:0;pointer-events:none;transition:opacity .28s ease}





        .vfm-rp-overlay.vfm-active{opacity:1;pointer-events:auto}











        /* Modal centrado, ya no es panel lateral */





        .vfm-rp-panel{position:fixed;top:50%;left:50%;width:440px;max-width:92vw;max-height:88vh;background:#fff;z-index:2147483647;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.35),0 4px 16px rgba(0,0,0,.15);overflow-y:auto;padding:38px 34px 30px;box-sizing:border-box;





            transform:translate(-50%,-46%) scale(.94);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s ease}





        .vfm-rp-panel.vfm-active{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}





        .vfm-rp-panel::-webkit-scrollbar{width:8px}





        .vfm-rp-panel::-webkit-scrollbar-thumb{background:#e4e0ee;border-radius:8px}











        .vfm-rp-panel-close{position:absolute;top:16px;right:16px;background:#f4f2f9;border:0;font-size:20px;line-height:1;cursor:pointer;color:#555;width:34px;height:34px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}





        .vfm-rp-panel-close:hover{background:#ece7fb;color:#6a1fd8}











        .vfm-rp-panel .vfm-rp-panel-title{margin:2px 0 24px;font-size:23px;font-weight:700;color:#1c1424;text-align:center;letter-spacing:-.2px}











        .vfm-rp-tabs{position:relative;display:flex;gap:0;margin-bottom:24px;background:#f4f2f9;border-radius:10px;padding:4px}





        .vfm-rp-tab{flex:1;position:relative;z-index:2;padding:10px 4px;background:none;border:0;cursor:pointer;font-weight:600;font-size:14px;color:#8a8397;border-radius:8px;transition:color .2s ease}





        .vfm-rp-tab.vfm-active{color:#6a1fd8}





        .vfm-rp-tabs::before{content:"";position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .25s cubic-bezier(.2,.8,.2,1);z-index:1}





        .vfm-rp-tabs:has(.vfm-rp-tab[data-tab="registro"].vfm-active)::before{transform:translateX(100%)}











        /* Al mostrar el panel de "olvidé mi contraseña" (que no tiene pestaña





           propia) ocultamos las pestañas login/registro, ya que ninguna de





           las dos está realmente activa mientras se ve ese panel. */





        .vfm-rp-panel:has(.vfm-rp-tab-panel[data-panel="recuperar"].vfm-active) .vfm-rp-tabs{display:none}











        .vfm-rp-tab-panel{display:none}





        .vfm-rp-tab-panel.vfm-active{display:block;animation:vfmFadeIn .25s ease}





        @keyframes vfmFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}











        .vfm-rp-switch-link{text-align:center;font-size:13.5px;margin-top:16px;color:#726c7d}





        .vfm-rp-switch-link a{color:#6a1fd8;cursor:pointer;font-weight:600;text-decoration:none}





        .vfm-rp-switch-link a:hover{text-decoration:underline}











        body.vfm-rp-lock{overflow:hidden}











        @media (max-width:480px){





            .vfm-rp-panel{width:94vw;padding:30px 20px 24px;border-radius:16px}





        }











        /* NOTA: las reglas de "body", ".vfm-box" y ".vfm-msg" para la página standalone





           de eliminación de cuenta se sacaron de acá porque este CSS se carga en TODO





           el sitio (wp_enqueue_scripts sin condicional) y el "body{display:flex;...}"





           rompía el layout de otras páginas (ej. el grid de categorías).





           Esas reglas ya están definidas en el <style> inline que arma esa página





           standalone directamente en el PHP (buscar "vfm-box" en venusfm-registro-perfil.php). */