/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Raleway-Regular;
  src: url('../fonts/raleway/Raleway-Regular.ttf'); 
}

@font-face {
  font-family: Raleway-Medium;
  src: url('../fonts/raleway/Raleway-Medium.ttf'); 
}

@font-face {
  font-family: Raleway-SemiBold;
  src: url('../fonts/raleway/Raleway-SemiBold.ttf'); 
}

@font-face {
  font-family: Raleway-Bold;
  src: url('../fonts/raleway/Raleway-Bold.ttf'); 
}

:root {
	/*VARIABLES RELACIONADOS CON LOGIN, RECUPERO Y REGISTRARSE Y ESTILOS GENERICOS A TODO EL SITIO*/
	/*FONDO DEL SITIO CUANDO SE TERMINA LA IMAGEN DE FONDO*/
	--wrapper-background-color: #2C2C3Ec; /*V1.0*/
	--url-fondo-general: url(../../../template_for_client/imgs/fondo_login.png);
	--url-fondo-general-mobile: url(../../../template_for_client/imgs/fondo_login_mobile.png);
	/*HEADER DONDE ESTA EL ESCUDO DEL CLUB*/
	/*V1.0*/
	--color-header-title-desktop: #ffffff !important; /*V1.0*/
	--color-h3: #000;
	--color-h3-span: #000;
	--font-header-family: 'Jockey One'; /*V1.0*/
	--font-header-weight: 600; /*V1.0*/
	--font-header-size: 30px; /*V1.0*/
	/*TITULO QUE SE MUESTRA EN VERSION MOBILE*/
	--font-title-color-mobile: #ffffff !important; /*V1.0*/
	--font-title-font-family-mobile: Raleway-Regular; /*V1.0*/
	--font-title-font-weight-mobile: 700; /*V1.0*/
	--font-title-font-size-mobile: 24px; /*V1.0*/
	/*TITULO QUE SE MUESTRA EN VERSION DESKTOP EN ALGUNAS VENTANAS (NO HEADER)*/
	--font-title-color-desktop: #000000 !important; /*V1.0*/
	--font-title-font-family-desktop: Raleway-Regular; /*V1.0*/
	--font-title-font-weight-desktop: 100; /*V1.0*/
	--font-title-font-size-desktop: 35px; /*V1.0*/
	--font-title-color-notice: #ffffff;
	--color-font-title-login: #ccc;
	/*Texto que se muestra en las noticias y en algunos textos chicos*/
	--color-title-tiny: #c5c3c3 !important;
	--font-notice-family: "Arial";
	--font-notice-color: #ffffffd6;
	--font-notice-size: 16px;
	--notice-background-color: rgb(44 44 62 / 55%);
	--color-text-h-span: var--color-texto-general; /*Cambia el color de algunos h y span*/
	--color-font-label: #000000;
	--color-font-recuperocontra: white;
	--color-font-recuperocontra-hover: white;
	--color-font-imputs: #ffffff;
	--color-font-terminos: #eeeeee;
	--font-family-imputs: Inter;
	--font-color-footer-ourclub: #ffffff !important;
	--font-color-footer-ourclub-terminos: #A0A0A0 !Important;
	/*--logo-youtbe: none;*/ /* en caso de que no posea alguna red social descomentar dicha red*/
	--logo-tiktok: none; /* en caso de que no posea alguna red social descomentar dicha red*/
	/*--logo-facebook: none;*/ /* en caso de que no posea alguna red social descomentar dicha red*/
	/*--logo-instagram: none;*/ /* en caso de que no posea alguna red social descomentar dicha red*/
	/*--logo-Xtwitter: none;*/ /* en caso de que no posea alguna red social descomentar dicha red*/
	/*RECUADRO DONDE SE ENCUENTRAN LOS INPUT*/
	--color-recuadro-mensaje: #000000; /*V1.0*/
	--borde-recuadro-mensaje: 3px; /*V1.0*/
	--color-text-informativos-recuadro-mensajes: #ffffff; /*V1.0*/
	--color-line-text: gray; /* Algunas de las lineas que se encuentran debajo de los imputs*/
	--color-font-imput-text: #f0f0f0;
	--color-font-chosen-text: #000000;
	--color-droplist-selectedResult: #000000 !important; /*El color cuando se selecciona en el droplist*/
	--color-background-droplist: #ffffff; /*Fondo del droplist*/
	--color-border-botom: 1px solid #6d6d6d !important;
	--color-border-imputs: solid 2px white;
	--color-user: var--color-texto-general;
	/*BOTONES COLORES*/
	--color-button-login-backround: #2424719e; /*V1.0*/
	--color-button-login-text: #ffffff; /*V1.0*/
	--color-button-login-backround-active: #000000; /*V1.0*/
	--color-button-login-text-active: #ffffff; /*V1.0*/
	--color-button-focus: var--color-texto-general !important;
	--color-button-registrar-backround: #000000; /*V1.0*/
	--color-button-registrar-text: #ffffff; /*V1.0*/
	--color-button-registrar-backround-active: #b90064; /*V1.0*/
	--color-button-registrar-text-active: #ffffff; /*V1.0*/
	--color-button-registrar-border: #000000;
	--color-button-recuperar-backround: rgba(44, 44, 62, 0.8); /*V1.0*/
	--color-button-recuperar-text: #ffffff; /*V1.0*/
	--color-button-recuperar-backround-active: #000000; /*V1.0*/
	--color-button-recuperar-text-active: #ffffff; /*V1.0*/
	--font-buttons: 'Jockey One';
	--color-button-background-reservas: #3E3D52;
	--color-font-button-reservas: white;
	--color-border-buttton-reservas: #3E3D52;
	--color-button-background-ticket: #FFFFFF !important;
	--color-button-border-ticket: #e77d7d !important;
	--color-button-font-ticket: #e77d7d !important;
	--color-background-ticket-active:;
	--color-font-active-ticket: white;
	--color-button-background-butacas: #FFFFFF;
	--color-button-border-butacas: #000 !important;
	--color-button-background-butacas-active: #000000;
	--color-button-font-butacas: #000;
	--color-button-i: #808080;
	--color-button-i-hover: #ccc;
	--tickets-button-color: #fff;
	--tickets-button-backround-color: #12175e;
	--tickets-button-border-color: #12175e;
	--tickets-button-color-hover: #12175e;
	--tickets-button-backround-color-hover: #fff;
	--tickets-button-border-color-hover: #12175e;
	/*MENSAJE DE ERROR*/
	--color-warning-background: #ffffff; /*V1.0*/
	--color-warning-text: #000000; /*V1.0*/
	--color-warning-border: #000000; /*V1.0*/
	/*custom ojo password para visualizar la calve*/
	--class-eye-color: #555555; /*V1.0*/
	--class-eye-color-focus: #555555; /*V1.0*/
	/*aplica para todos los componentes input*/
	--color-text-input: rgba(41,49,88,1); /*V1.0*/
	--color-background-dni: #ffffff;
	--color-font-dni-droplist: black;
	/*rgba(255,255,255,1) eso es como ejemplo para representar en rgb el color #000000, se usa rgba para representar transparencia en el ultimo parametro (1 no tranpsarente, 0 total transparente)*/
	/*header con login nombre user y menu superior*/
	--header-login-nombre-user-right: 20px; /*V1.0*/
	--header-login-nombre-user-font-size: 18px; /*V1.0*/
	--header-login-nombre-user-color: #000000; /*V1.0*/
	--header-login-nombre-user-top: 18px; /*V1.0*/
	--header-login-nombre-user-menu-hamburguesa: #ffffff; /*V1.0*/

	--header-login-nombre-user-menu-list-background: #ffffff; /*V1.0*/
	--header-login-nombre-user-menu-list-borde: #000000; /*V1.0*/
	--header-login-nombre-user-menu-list-texto-color: #000000; /*V1.0*/
	--header-login-torta-color: #000000; /*V1.0*/
	--color-fondo-contenido-logueado: #ffffff; /*V1.0*/
	--color-fondo-contenido-no-logueado: #ffffff; /*V1.0*/
	/*Elementos en la seccion de eventos*/
	--color-title-eventos: #0BBAD9 !important;
	--color-informacion-eventos: #bfbfbf;
	--color-home-arrow: white;
	--border-formulario: solid 2px white;
	--color-background-reservas: #2C2C3A;
	--color-font-reservas: white;
	/*Backgrounds de algunos sectores*/
	--color-autogestion-background: #852558;
	--color-background-Mistickets: #f8f9fae3;
	--color-background-abono-active: 0e182b75;
	/*Color que las lineas que muestran informacion*/
	--color-line-DatosdeContacto: #000000;
	--color-font-title-datosDeContacto: #000000;
	--color-texto-login: #000000;
	--color-line-login: 2px solid white !important;
	--color-write-imput: #0000000;
	--color-vs-eventos: white;
	--color-opciones-datoscomplementarios: #000000;
	--subtitulo-eventos-color: var--color-texto-general;
	--color-font-autogestion: #c5c3c3;
	--color-numero-abono: #1b7eab;
	/*  VARIABLES DEFINICIONES */

	--color-text-red: #fd6565;
	--font-general: Raleway-Regular;
	--color-texto-general: #000000;
	--color-container_background: #FFFFFF;
	--color-container: #000000;
	--color-container-text: #000000;
	--color-h5: #000000;
	--color-texto-resaltado: #12175e;
	--color-resaltado: #12175e;
	--color-texto-reservas-precios: #12175e;
	--color-button-defaut-backround: #12175e;
	--color-button-defaut-text: #ffffff;
	--color-button-defaut-backround-hover: #ccc;
	--color-button-defaut-text-hover: #ffffff;
	--color-button-defaut-border: #000000;
	--color-button-defaut-cancelar-backround: #ccc;
	--color-button-defaut-cancelar-text: #ffffff;
	--color-button-defaut-cancelar-backround-hover: #12175e;
	--color-button-defaut-cancelar-text-hover: #ffffff;
	--color-button-defaut-cancelar-border: #000000;
	--color-button-events-backround: var(--color-button-defaut-backround);
	--color-button-events-text: var(--color-button-defaut-text);
	--color-button-events-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-events-text-hover: var(--color-button-defaut-text-hover);
	--color-button-events-border: var(--color-button-defaut-border);
	--color-button-events-font-weight: 500;
	--link-a-hover-generic: var(--color-texto-resaltado);
	--reload-captcha: var(--color-texto-resaltado);
	--a-color-generico: var(--color-texto-resaltado);
	--a-color-generico-hover: #ccc;
	/*  HEDER */
	--color-header-backround: rgba(255,255,255,1);
	--header-texto-color: #12175e;
	/*FOOTER*/
	--color-footer-backround-border: #2C2C3Ec; /*V1.0*/
	--color-footer-backround: #2C2C3E; /*V1.0*/
	--color-footer-logo-ourclub: #ccc; /*V1.0*/
	/*  EVENTS */
	--events-no-vs-badge-disponible: var(--color-texto-resaltado);
	--events-no-vs-badge-no-disponible: #ccc;
	--evento-seat-ocupado-reservado: #dba914;
	--seat_evento_ocupado_reservado-color: #dba914;
	--seat_evento_ocupado_reservado-info-color: var(--seat_evento_ocupado_reservado-color);
	--seat_evento_dispoible-color: #000;
	--seat_evento_ocupado_color: #000;
	--seat_evento_seleccionado_color: #e77d7d;
	--seat_evento_seleccionado_info_color_text: #fff;
	--seat_evento_seleccionado_info_color_backround: var(--seat_evento_seleccionado_color);
	--events-informacion-reserva-expira: var(--color-texto-resaltado);
	--events-informacion-reserva-expira-hover: #ccc;
	--events-informacion-validar-ok: var(--color-texto-resaltado);
	--events-informacion-validar-ok-hover: #ccc;
	--events-sector-nonumerado-entradas-seleccionadas: var(--color-texto-resaltado);
	--events-precio: var(--color-texto-resaltado);
	/*EVENTO VS CON FONDO OSCURO (IMAGEN) Y TEXTO BLANCO*/
	--events-color-vs-border: 1px;
	--events-color-vs-border-color: #e1e1e1; /*#e1e1e1 */
	--events-color-vs-time: #fff;
	--events-color-vs: #fff;
	--events-color-vs-text-color-title: #fff;
	--events-color-vs-text-font-weight-title: 600;
	--events-color-vs-text-color-subtitle: #fff;
	--events-color-vs-text-font-weight-subtitle: 600;
	--events-color-vs-text-color: #fff;
	--events-color-vs-text-font-weight: 600;
	--events-color-vs-line-color: #fff;
	--events-color-vs-line-border: 2px;
	--color-button-events-vs-backround: #fff;
	--color-button-events-vs-text: var(--color-button-defaut-backround);
	--color-button-events-vs-backround-hover: #fff;
	--color-button-events-vs-text-hover: #ccc;
	--color-button-events-vs-border: #ccc;
	--color-button-events-vs-font-weight: 500;
	/*EVENTO VS SIN FONDO
	/*--events-color-vs-border: 1px;
	--events-color-vs-border-color: #e1e1e1;
	--events-color-vs-time: var(--color-texto-resaltado);
	--events-color-vs: var(--color-texto-resaltado);
	--events-color-vs-text-color-title: #fff;
	--events-color-vs-text-font-weight-title: 600;
	--events-color-vs-text-color-subtitle: #fff;
	--events-color-vs-text-font-weight-subtitle: 600;
	--events-color-vs-text-color: #fff;
	--events-color-vs-text-font-weight: 600;
	--events-color-vs-line-color: #e1e1e1;
	--events-color-vs-line-border: 2px;
	--color-button-events-vs-backround:var(--color-button-defaut-backround); 
	--color-button-events-vs-text: var(--color-button-defaut-text); 
	--color-button-events-vs-backround-hover: var(--color-button-defaut-backround-hover); 
	--color-button-events-vs-text-hover: var(--color-button-defaut-text-hover); 
	--color-button-events-vs-border: var(--color-button-defaut-border); 
	--color-button-events-vs-font-weight: 500;*/
	/*EVENTO VS FOOTER*/
	--events-color-vs-footer-list: #ccc; /* ESTO ES EN LISTADO DE EVENTOS*/
	--events-color-vs-footer: #000; /*ESTO ES CUANDO SE INGRESA A COMPRAR*/
	--events-color-vs-footer-text-reservas: #ccc; /*ESTO ES CUANDO SE INGRESA A COMPRAR TEXTO INTERNO RESERVAS*/
	/*MIS ENTRADAS*/
	--tickets-transferido-color: var(--color-text-red);
	--tickets-transferido-backround-color: #fff;
	--tickets-transferido-border-color: var(--color-text-red);
	--ticket-titulo-evento-color: var(--color-texto-resaltado);
	/*PROTOCOLOS*/
	--protocolo-color-sin-registro: var(--color-texto-resaltado);
	--protocolo-color-sin-registro-vs: #fff;
	--protocolo-nombre: var(--color-texto-resaltado);
	--protocolo-lista-invitados-color: var(--color-texto-general);
	--protocolo-invitado-download-color: var(--color-texto-general);
	--protocolo-invitado-delete-color: var(--color-texto-general);
	/*  BOTONES */
	--color-button-modificar-backround: var(--color-button-defaut-backround);
	--color-button-modificar-text: var(--color-button-defaut-text);
	--color-button-modificar-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-modificar-text-hover: var(--color-button-defaut-text-hover);
	--color-button-modificar-border: var(--color-button-defaut-border);
	--color-button-pagar-backround: var(--color-button-defaut-backround);
	--color-button-pagar-text: var(--color-button-defaut-text);
	--color-button-pagar-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-pagar-text-hover: var(--color-button-defaut-text-hover);
	--color-button-pagar-border: var(--color-button-defaut-border);
	--color-button-eliminar-backround: var(--color-button-defaut-backround);
	--color-button-eliminar-text: var(--color-button-defaut-text);
	--color-button-eliminar-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-eliminar-text-hover: var(--color-button-defaut-text-hover);
	--color-button-eliminar-border: var(--color-button-defaut-border);
	--color-button-cancelar-backround: var(--color-button-defaut-cancelar-backround);
	--color-button-cancelar-text: var(--color-button-defaut-cancelar-text);
	--color-button-cancelar-backround-hover: var(--color-button-defaut-cancelar-backround-hover);
	--color-button-cancelar-text-hover: var(--color-button-defaut-cancelar-text-hover);
	--color-button-cancelar-border: var(--color-button-defaut-cancelar-border);
	--color-button-consultar-backround: var(--color-button-defaut-backround);
	--color-button-consultar-text: var(--color-button-defaut-text);
	--color-button-consultar-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-consultar-text-hover: var(--color-button-defaut-text-hover);
	--color-button-consultar-border: var(--color-button-defaut-border);
	--color-button-login-backround: var(--color-button-defaut-backround);
	--color-button-login-text: var(--color-button-defaut-text);
	--color-button-login-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-login-text-hover: var(--color-button-defaut-text-hover);
	--color-button-login-border: var(--color-button-defaut-border);
	--color-button-register-backround: var(--color-button-defaut-backround);
	--color-button-register-text: var(--color-button-defaut-text);
	--color-button-register-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-register-text-hover: var(--color-button-defaut-text-hover);
	--color-button-register-border: var(--color-button-defaut-border);
	--color-button-recupero-backround: var(--color-button-defaut-backround);
	--color-button-recupero-text: var(--color-button-defaut-text);
	--color-button-recupero-backround-hover: var(--color-button-defaut-backround-hover);
	--color-button-recupero-text-hover: var(--color-button-defaut-text-hover);
	--color-button-recupero-border: var(--color-button-defaut-border);
	--color-button-store-backround: #ffffff;
	--color-button-store-text: #9b9b9b;
	--color-button-store-backround-hover: #ffffff;
	--color-button-store-text-hover: var(--color-resaltado);
	--color-button-store-border: #ffffff;
	--color-button-events-validar-dni-backround: #000;
	--color-button-events-validar-dni-text: #fff;
	--color-button-events-validar-dni-backround-hover: #ccc;
	--color-button-events-validar-dni-text-hover: #fff;
	--color-button-events-validar-dni-border: #000;
	--color-button-protocolo-invitado-backround: #ffffff;
	--color-button-protocolo-invitado-text: #9b9b9b;
	--color-button-protocolo-invitado-backround-hover: #ffffff;
	--color-button-protocolo-invitado-text-hover: var(--color-resaltado);
	--color-button-protocolo-invitado-border: #ffffff;
	/*  GENERAL */
	--color-title-pricipal: var(--color-texto-general);
	--color-home-background: rgba(255,255,255,0.95);
	--color-a-text-hover: var(--color-resaltado);
	/* MENU LATERAL */
	--font-navbar-family: var(--font-general);
	--font-navbar-color: #000000;
	--font-navbar-size: 12px;
	--color-background: rgba(255,255,255,1);
	--color-font-barraInicio-a: #ccc;
	--color-borde-barraInicio: #CCC;
	--color-font-barraInicio-active: var(--color-texto-resaltado);
	/*Mi usuario*/
	--color-miUsuario-background: #ffffff;
	--color-ContraseNa-Documnetacion-background: var(--color-autogestion-background);
	--h2-span-color: #000000 !important;
	--color-border-miusuario: none;
	--datos-persnales-socio-categoria-color: var(--color-texto-resaltado);
	/*  CARNET */
	--generando_carnet: var(--color-texto-general);
	--color-container_background-carnet: var(--color-container_background);
	--color-container-carnet: var(--color-container);
	--color-container-text-carnet: var(--color-container-text);
	--color-progres-bar-background: #000000;
	--color-progres-bar-front: #e7eaec;
	/*  DATOS CONTACTO */
	--color-datosDeContacto-background: var(--color-container_background);
	--color-container-background-datoscontacto: var(--color-container_background);
	--color-container-text-datoscontacto: var(--color-container-text);
	--color-subtitulo-datos-contacto: var(--color-container-text);
	--color-datos-contacto-input: #5b5858;
	--color-contacto-detalle: var(--color-container-text);
	/* RESERVAS */
	--color-container_background-reservas: var(--color-container_background);
	--color-container-reservas: var(--color-container);
	--color-container-text-reservas: var(--color-container-text);
	--color-reservas-input: #5b5858;
	/* AUTOGESTION */
	--autogestion-background: var(--color-container_background);
	--autogestion-deudactacte-background: #12175e;
	--autogestion-deudactacte-color: #fff;
	--autogestion-items-ctacte-tipo-concepto-titulo-color: #12175e;
	--autogestion-items-ctacte-tipo-concepto-titulo-color-checkout: #fff;
	--autogestion-items-ctacte-tipo-concepto-titulo-color-checkout-background: #12175e;
	--autogestion-items-ctacte-tipo-concepto-recuadros-i-color: #12175e;
	--autogestion-items-ctacte-tipo-concepto-recuadros-deuda-color: #12175e;
	/* HOME */
	--home-line-border-title: var(--color-resaltado);
	--autoegestion-ctacte-ultima-cuota-paga-color: var(--color-resaltado);
	/* DATOS CONTACTO */
	--datos-contacto-iconos-color: #000;
	--datos-contacto-iconos-color-borde: #ccc;
	--datos-contacto-iconos-color-borde-hover: #12175e;
	--datos-contacto-iconos-color-delete: #000000;
	--datos-contacto-fechadesde-color: #ccc;
	--datos-personales-items-contacto-titulo-color: #12175e;
	--datos-personales-items-contacto-titulo-color-checkout: #fff;
	--datos-personales-items-contacto-titulo-color-checkout-background: #12175e;
	--datos-personales-items-contacto-recuadros-i-color: #12175e;
	--datos-personales-items-contacto-recuadros-deuda-color: #12175e;
	--datos-personales-items-contacto-icon-color: #12175e;
	/*ASOCIARSE*/
	--asociarse-color-subtitulo: var(--color-resaltado);
	--asociarse-text-localidad-a: var(--color-text-red);
	--asociarse-text-localidad-a-hover: var(--color-resaltado);
	--asociarse-confirmacion-categoria-color: var(--color-text-red);
}


/*visibility: visible | hidden | collapse | inherit*/
.ref-playstore-appfan-visibility {
	visibility: hidden;
}


.game-result { /* BACKROUND EN EL FONDO DE LAS IMAGENES */
	/*background: #fff !important;*/
	object-fit: contain;
	background-image: url('https://www.gimnasia.org.ar/adj/imagenes/FondoEventoVS.jpg'); /* Ruta de la imagen */
}

.events-no-vs-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs.png'); /* Ruta de la imagen */
}

.events-no-vs-asamblea-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_asamblea.png'); /* Ruta de la imagen */
}

.events-no-vs-colonia-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_colonia.png'); /* Ruta de la imagen */
}

.events-no-vs-aficionado-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_aficionado.png'); /* Ruta de la imagen */
}

.events-no-vs-futbol-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_aficionado.png'); /* Ruta de la imagen */
}

.events-no-vs-basquet-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_aficionado.png'); /* Ruta de la imagen */
}

.events-no-vs-rugby-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_aficionado.png'); /* Ruta de la imagen */
}

.events-no-vs-tenis-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_aficionado.png'); /* Ruta de la imagen */
}

.events-no-vs-deportes-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_aficionado.png'); /* Ruta de la imagen */
}

.events-no-vs-pack-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/events_no_vs_aficionado.png'); /* Ruta de la imagen */
}

.autogestion-ctacte-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/ctacte.png'); /* Ruta de la imagen */
}

.autogestion-debito-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/debito.png'); /* Ruta de la imagen */
}

.autogestion-mispagos-img {
    background-image: url('https://gestion.ourclub.io/folder_img/generic/mispagos.png'); /* Ruta de la imagen */
}
.container-appfan {
  width: 130px; /* Ancho del contenedor */
  height: auto; /* Altura del contenedor */
  /* Otros estilos del contenedor */
}

.appfan-ios-qr {
	background-image: url('https://gestion.ourclub.io/folder_img/generic/app_fan_ios.jpeg'); /* Ruta de la imagen server */
	/*background-image: url('/template_for_client/imgs/app_fan_ios.jpeg'); */ /* Ruta de la imagen local */
	background-position: center;
	background-size: cover;
	width: 100%; /* Ajustar la imagen al ancho del contenedor */
	height: 100%; /* Ajustar la imagen a la altura del contenedor */

}


.appfan-playstore-qr {	
	
	background-image: url('https://gestion.ourclub.io/folder_img/generic/app_fan_android.jpeg'); /* Ruta de la imagen server */
    /* background-image: url('/template_for_client/imgs/app_fan_android.jpeg'); */ /* Ruta de la imagen local */
	background-position: center;
	background-size: cover;
	width: 100%; /* Ajustar la imagen al ancho del contenedor */
	height: 100%; /* Ajustar la imagen a la altura del contenedor */

}


.novedades-renovamos-img {
	background-image: url('https://gestion.ourclub.io/folder_img/generic/renovamos_sitio.jpeg'); /* Ruta de la imagen */
}

.novedades-autogestion-img {
	background-image: url('https://gestion.ourclub.io/folder_img/generic/noticia_autogestion.jpeg'); /* Ruta de la imagen */
}