/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 19 2024 | 20:10:22 */
/*LOGIN*/
/*#login #nav{display: none}*/





/*REGISTRO*/
body.registro{}
/*formulario 1*//*
body.registro section.registro-user form{max-width: 700px; border: 1px solid var(--a-color-gris-claro); border-radius: 10px; padding: 50px;}
body.registro section.registro-user form input{background: var(--a-color-gris-claro)}
body.registro section.registro-user form span.wpum-required{color: var(--a-color-1)}
body.registro section.registro-user form .fieldset-privacy .description{font-family: var(--a-body-fuente) !important; font-size: var(--a-body-tamano);
	line-height: var(--a-body-line-height); font-weight: var(--a-body-grosor); letter-spacing: var(--a-body-letter-spacing); color: var(--a-color-negro);
	text-transform: none !important; color: var(--a-color-negro)}
body.registro section.registro-user form .fieldset-privacy a{color: var(--a-color-2)}
body.registro section.registro-user form .fieldset-privacy a:hover{color: var(--a-color-2); text-decoration: underline}
body.registro section.registro-user form .fieldset-privacy input{margin: 0px}
body.registro section.registro-user form .fieldset-privacy span.wpum-required{color: var(--a-color-negro)}
body.registro section.registro-user form input[type="submit"]{line-height: inherit; margin-top: 10px; margin-bottom: 0px}
/*formulario 2*/
body.registro section.registro-user .user-registration.ur-frontend-form{border: none; padding: 0px; margin-bottom: 0px;}
body.registro section.registro-user form{max-width: 700px; border: 1px solid var(--a-color-gris-claro); border-radius: 10px; padding: 30px;}
body.registro section.registro-user form input:not(.button){background: var(--a-color-gris-claro) !important; border: 1px solid var(--a-color-gris-claro) !important; border-radius: 5px !important}
body.registro section.registro-user form label{font-family: var(--a-label-fuente);font-size: var(--a-label-tamano);line-height: var(--a-label-line-height);
    font-weight: var(--a-label-grosor); color: var(--a-color-1); letter-spacing: var(--a-label-letter-spacing); text-transform: var(--a-label-text-transform);}
body.registro section.registro-user form .required{color: var(--a-color-1)}
body.registro section.registro-user form #ur-recaptcha-node{margin: 30px 10px 0px;}
body.registro section.registro-user form button[type="submit"]{line-height: inherit; margin-top: 10px; margin-bottom: 0px}
/*formulario de login*/
body.registro section.registro-user #user-registration{box-shadow: none; margin: 0px}
body.registro section.registro-user #user-registration > #ur-frontend-form{border: none;}
body.registro section.registro-user #user-registration > a{color: var(--a-color-2)}
body.registro section.registro-user #user-registration form input[type="submit"]{margin-top: 20px; margin-bottom: 0px}
body.registro section.registro-user #user-registration form #ur-recaptcha-node{margin: 30px 10px 0px 0px;}
body.registro section.registro-user #user-registration .user-registration-message{display: flex; align-items: center}
/*enlaces al area de socios y recuperar contraseña*/
body.registro section.registro-user .wpum-action-links{display: none}
body.registro section.registro-user .texto{margin-top: 5px}
body.registro section.registro-user .texto p{margin-bottom: 0px}
body.registro section.registro-user .texto a{color: var(--a-color-2)}
body.registro section.registro-user .texto a:hover{text-decoration: underline}
/*formuarlio*/
body.registro section.registro-user .formulario div.texto{max-width: max-content; display: flex; align-items: flex-end; max-height: 50px;}
body.registro section.registro-user .formulario div.texto > input[type="checkbox"]{margin: 3px 6px 7px 0px;}
/*cambio de contrasena*/
body.registro section.registro-user form.formulario.cambio-contrasena{margin-bottom: 30px}
/*formuarlio de registro*//*
body.registro section.registro-user .formulario.registro-usuario{justify-content: flex-end;}
body.registro section.registro-user .formulario.registro-usuario div{max-width: 100%; width: 100%}
body.registro section.registro-user .formulario.registro-usuario .button{margin-top: 10px; line-height: inherit;}
/*formuarlio de registro*//*
body.registro section.registro-user .formulario.cambio-contrasena{justify-content: flex-end;}
body.registro section.registro-user .formulario.cambio-contrasena div{max-width: 100%; width: 100%}
body.registro section.registro-user .formulario.cambio-contrasena .button{margin-top: 10px; line-height: inherit;}
/*respuestas*/
body.administracion form.cambio-contrasena section.cambio-contrasena,
body.registro section.registro-user form section.cambio-contrasena,
body.registro section.registro-user form section.resultado-login,
body.registro section.registro-user form section.resultado-registro{display: block; width: 100%;}
body.administracion p.color-ok,
body.registro section.registro-user form section.cambio-contrasena p.color-ok,
body.registro section.registro-user form section.resultado-login p.color-ok,
body.registro section.registro-user form section.resultado-registro p.color-ok,
body.registro section.registro-user form section.cambio-contrasena p.color-ok a,
body.registro section.registro-user form section.resultado-login p.color-ok a,
body.registro section.registro-user form section.resultado-registro p.color-ok a{color: var(--a-color-ok)}
body.administracion p.color-no-ok,
body.registro section.registro-user form section.cambio-contrasena p.color-no-ok,
body.registro section.registro-user form section.resultado-login p.color-no-ok,
body.registro section.registro-user form section.resultado-registro p.color-no-ok,
body.registro section.registro-user form section.cambio-contrasena p.color-no-ok a,
body.registro section.registro-user form section.resultado-login p.color-no-ok a,
body.registro section.registro-user form section.resultado-registro p.color-no-ok a{color: var(--a-color-no-ok)}
body.registro section.registro-user form section.cambio-contrasena p a,
body.registro section.registro-user form section.resultado-login p a,
body.registro section.registro-user form section.resultado-registro p a{font-weight: 500;}

/*MI CUENTA*/
/*datos personales*/
body.mi-cuenta section.seccion-1.ancho-web-m .elementor-shortcode{display: flex; flex-wrap: wrap;}
body.mi-cuenta section.seccion-1.ancho-web-m .elementor-shortcode > section.datos-personales{max-width: 50%; flex: 50%;}
body.mi-cuenta section.datos-personales{margin-bottom: 30px; border: 1px solid var(--a-color-gris-claro); background: var(--a-color-gris-claro); border-radius: 10px; padding: 30px; 
	max-width: max-content}
body.mi-cuenta section.datos-personales div{margin-bottom: 5px; font-weight: bold}
body.mi-cuenta section.datos-personales div strong{font-family: var(--a-encabezado-fuente); font-size: var(--a-encabezado-tamano-5);
    line-height: initial;font-weight: var(--a-encabezado-grosor); text-transform: var(--a-encabezado-text-transform); letter-spacing: 0px; 
	margin-bottom: 10px; color: var(--a-color-1);}
/*cambiar contrasena*/
body.mi-cuenta section.seccion-1.ancho-web-m .elementor-shortcode > section.cambio-contrasena{max-width: 50%; flex: 50%; margin-bottom: 30px; display: flex; align-items: center;
	justify-content: space-evenly;}
/*cuentas*/
body.mi-cuenta section.cuentas{margin-top: 50px; max-width: 100%; flex: 100%}
body.mi-cuenta section.cuentas .encabezado{font-family: var(--a-encabezado-fuente); line-height: initial;font-weight: var(--a-encabezado-grosor); 
	text-transform: var(--a-encabezado-text-transform); letter-spacing: var(--a-encabezado-letter-spacing); margin-bottom: 10px; color: var(--a-color-1);}
body.mi-cuenta section.cuentas .encabezado.encabezado-3{font-size: var(--a-encabezado-tamano-3);}
body.mi-cuenta section.cuentas .encabezado.encabezado-4{font-size: var(--a-encabezado-tamano-4);}
body.mi-cuenta section.cuentas table th.saldo,
body.mi-cuenta section.cuentas table td.saldo{text-align: right}
/*tablas*/
body.mi-cuenta table.datos-socio{/*padding: 30px 30px; background: var(--a-color-gris-claro);*/}
body.mi-cuenta table.datos-socio th{/*border-bottom: 1px solid var(--a-color-blanco); padding: 10px 10px 10px 0px*/}
body.mi-cuenta table.datos-socio td.movimientos,
body.mi-cuenta table.datos-socio td.transacciones{/*max-width: max-content; width: auto; display: inline-block;*/}
body.mi-cuenta table.datos-socio td.movimientos  > form,
body.mi-cuenta table.datos-socio td.transacciones > form{width: max-content; margin: 7px auto 0px;}
body.mi-cuenta table.datos-socio td.movimientos  > form input[type="submit"],
body.mi-cuenta table.datos-socio td.transacciones > form input[type="submit"]{line-height: inherit; margin-right: 0px !important}
body.mi-cuenta table.datos-socio .oculto{display: none}
/*movimientos*/
body.mi-cuenta section.movimientos{margin-top: 50px; max-width: 100%; width: 100%;}
body.mi-cuenta section.movimientos h3{font-size: var(--a-encabezado-tamano-4) !important; margin-bottom: 10px}
section.movimientos table th.importe,
section.movimientos table th.saldo,
section.movimientos table td.importe,
section.movimientos table td.saldo{text-align: right}
/*paginacion*/
section.movimientos ul.pagination{display: flex; max-width: 100%; width: 100%; justify-content: center; list-style: none;}
section.movimientos ul.pagination li a.page-link{width: 25px; height: 25px; border-radius: 50%; background: var(--a-color-2); color: var(--a-color-blanco);
    display: flex; justify-content: center; margin: 0px 10px; cursor: pointer; text-decoration: none}
section.movimientos ul.pagination li a.page-link.actual-link{background: var(--a-color-1)}


/*Formularios*/
form.formulario{display: flex; flex-wrap: wrap; justify-content: space-between;}
form.formulario div{max-width: 100%; width: 100%}
form.formulario input:not([type="submit"]){background: var(--a-color-gris-claro)}
form.formulario input.oculto{display: none}
form.formulario .button{margin-top: 10px; line-height: inherit;}
/*formulario para movimientos*/
form.formulario.movimientos{justify-content: flex-end}




/*TRANSFERENCA*/
body.transferencia section.datos-cuenta{margin-bottom: 50px; border: 1px solid var(--a-color-gris-claro); background: var(--a-color-gris-claro); border-radius: 10px; padding: 30px; 
	max-width: max-content}
body.transferencia section.datos-cuenta div{margin-bottom: 5px; font-weight: bold}
body.transferencia section.datos-cuenta div strong{font-family: var(--a-encabezado-fuente); font-size: var(--a-encabezado-tamano-5);
    line-height: initial;font-weight: var(--a-encabezado-grosor); text-transform: var(--a-encabezado-text-transform); letter-spacing: 0px; 
	margin-bottom: 10px; color: var(--a-color-1);}
/*formulario*/
body.transferencia section.datos-transaccion{border: 1px solid var(--a-color-gris-claro); padding: 30px; border-radius: 10px; max-width: 800px;}
body.transferencia section.datos-transaccion .encabezado.encabezado-3{font-size: var(--a-encabezado-tamano-3);}
body.transferencia section.datos-transaccion .encabezado.encabezado-4{font-size: var(--a-encabezado-tamano-4);}
body.transferencia section.datos-transaccion form.formulario.transaccion{max-width: 1005; flex: 100%; margin: 10px 0px}
body.transferencia section.datos-transaccion form.formulario.transaccion div.columna{max-width: 100%; flex: 100%;}
body.transferencia section.datos-transaccion form.formulario.transaccion div.columna.ordenante{margin-bottom: 20px}
body.transferencia section.datos-transaccion form.formulario.transaccion input[type="submit"]{margin-top: 15px; margin-bottom: 0px; line-height: inherit}
body.transferencia p.color-ok,
body.transferencia p.color-ok a{color: var(--a-color-ok)}
body.transferencia p.color-no-ok,
body.transferencia p.color-no-ok a{color: var(--a-color-no-ok)}
/*resultados*/
body.transferencia section.resultado-transaccion{margin-top: 20px}



/*ADMINISTRACIÓN*/
body.administracion section.datos-cuenta .elementor-shortcode{display: flex; flex-wrap: wrap; justify-content: space-between}
body.administracion section.datos-transaccion,
body.administracion form.cambio-contrasena{max-width: 48%; flex: 48%; border: 1px solid var(--a-color-gris-claro); border-radius: 10px; margin-bottom: 30px; padding: 30px;}
body.administracion section.datos-transaccion.v2{max-width: 100%; flex: 100%}
body.administracion section.datos-cuenta .encabezado-3{font-family: var(--a-encabezado-fuente); font-size: var(--a-encabezado-tamano-3);
    line-height: initial;font-weight: var(--a-encabezado-grosor); text-transform: var(--a-encabezado-text-transform); letter-spacing: var(--a-encabezado-letter-spacing); 
	margin-bottom: 10px; color: var(--a-color-1);}
body.administracion section.datos-cuenta .encabezado-4{font-family: var(--a-encabezado-fuente); font-size: var(--a-encabezado-tamano-4);
    line-height: initial;font-weight: var(--a-encabezado-grosor); text-transform: var(--a-encabezado-text-transform); letter-spacing: var(--a-encabezado-letter-spacing); 
	margin-bottom: 10px; color: var(--a-color-1);}
body.administracion table td.fecha{width: 20%; flex: 20%;}
body.administracion section.resultado-cuenta,
body.administracion section.resultado-borrado-operaciones-todas,
body.administracion section.resultado-borrado-operaciones{margin-top: 30px; width: 100%}
body.administracion form.formulario input[type="submit"]{line-height: inherit}
body.administracion section.resultado-cuenta table th.importe,
body.administracion section.resultado-cuenta table th.saldo,
body.administracion section.resultado-cuenta table td.importe,
body.administracion section.resultado-cuenta table td.saldo{text-align: right}
body.administracion section.resultado-cuenta table th.n_cuenta,
body.administracion section.resultado-cuenta table td.n_cuenta{width: 10%}
body.administracion section.resultado-cuenta table th.titular,
body.administracion section.resultado-cuenta table td.titular{width: 20%}
body.administracion section.resultado-cuenta table th.email,
body.administracion section.resultado-cuenta table td.email{width: 20%}
body.administracion section.resultado-cuenta table th.nombre_cuenta,
body.administracion section.resultado-cuenta table td.nombre_cuenta{width: 20%}
body.administracion section.resultado-cuenta table th.fecha_apertura,
body.administracion section.resultado-cuenta table td.fecha_apertura{width: 10%}
body.administracion section.resultado-cuenta table th.situacion,
body.administracion section.resultado-cuenta table td.situacion{width: 5%}
body.administracion section.resultado-cuenta table th.saldo,
body.administracion section.resultado-cuenta table td.saldo{width: 5%}
body.administracion section.resultado-cuenta table th.movimientos,
body.administracion section.resultado-cuenta table td.movimientos{width: 10%}