@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Hamburger-Heaven-NF';
    src:url('fonts/Hamburger-Heaven-NF.ttf.woff') format('woff'),
        url('fonts/Hamburger-Heaven-NF.ttf.svg#Hamburger-Heaven-NF') format('svg'),
        url('fonts/Hamburger-Heaven-NF.ttf.eot'),
        url('fonts/Hamburger-Heaven-NF.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
}

:root{
	--theme-color: #e8e8e8;
	--second-color: #2d2929;
	--texto-color: #2d2929;
	--focus-color:  #87292d;
	--active-color: #70000;
	--third-color: #d9d9d9; /*COLOR USADO PARA LOS FONDOS DE BOTONES MAYORMENTE*/
	--complemento-color: #D6D6D6;
	--lite-color:rgba(235, 235, 235, .7); /*BURBUJA*/
	/*GENERALES*/
	--fondo-screen: #282727;
	--porcentaje-screen: var(--theme-color);
	--loader-secreen-dots: var(--focus-color);
	--loader-logo: var(--theme-color);
	--fondo: var(--theme-color);
	--fondo-g: var(--theme-color);
	--font-family:'Jost', sans-serif;
	--font-family-extra:'Hamburger-Heaven-NF';
	--texto-encabezados: var(--second-color);
	--iconos-redes: var(--second-color);
	--border-img: 5px;
	--smartlink-firma: var(--second-color);
	--smartlink-puntos: var(--second-color);
	--offcanvas-fondo-backdrop: var(--second-color);
	--svg-linea: var(--second-color);
	--svg-relleno: #87292d;
	--texted-muted: #6c757d;
	--modal-fondo-link-tally: var(--theme-color);
	--modal-fondo-link-tally-close: var(--second-color);
	--modal-ios: var(--second-color);
	--modal-ios-texto: var(--theme-color);
	--mensaje-copy: var(--second-color);
	--mensaje-texto-copy: var(--theme-color);	

	--fondo-header-for-web: var(--second-color);
	--color-header-for-web: var(--theme-color);

	--scroll: var(--third-color);
	--scroll-slide: var(--complemento-color);

	--fondo-nodark: var(--theme-color);
	--color-nodark: var(--second-color);
	--counter-color: var(--second-color);
	--counter-fondo: var(--third-color);
	/*CALENDARIO*/
	--fondo-calendario: var(--third-color);
	/*WEB*/
	--fondo-web: var(--complemento-color);
	--color-secciones: var(--theme-color);
	--naranja-fondo:#87292d;
	--naranja-color: var(--second-color);
	--azul-fondo:#a6acb3 ;
	--azul-color-text: var(--second-color);
	--border-tabla-web:var(--second-color);
	--fondo-tabla-web:var(--theme-color);
	--naranja-web:var(--naranja-fondo) ;
	--ahorra-fondo: var(--third-color);
	--boton-nav-web: var(--third-color);
	--stroke-web: #181716;
	--fondo-light: #fafafa;
	--row-destacada: #ffdead;
	/*HEADER-NAV*/
	--fondo-header: #87292d; /*FONDO NAVEGADOR*/
	--fondo-header-g: #87292d; /*FONDO NAVEGADOR GRADIANTE*/
	--menu-color-header: var(--theme-color); /*TEXTO NAVEGADOR TEXTO*/
	--footer-menu: none;
	--border-header: none;
	--border-radius-header: 0 0 7px 7px;
	--header-card-bottom: .20rem;
	--padding-card-bottom: 5rem 5rem 2rem;
	--img-link-header-index: transparent;
	--img-link-border-index: transparent;
	--fondo-foto-header:rgba(245, 245, 245,.6);
	/*MENU DEL HEADER-NAVEGADOR*/
	--fondo-menu-header: var(--third-color);
	--border-menu-header: var(--third-color);
	--texto-menu-header: var(--second-color);
	--a-hover-menu-nav-header:var(--third-color);
	--svg-header-menu-icono-color: var(--second-color);
	--fondo-menu-offcanvas: var(--theme-color);
	/*NAV 2 FOOTER */
	--nav-inferior: var(--complemento-color);
	--nav-inferior-g:var(--complemento-color);
	--border-nav-inferior: var(--complemento-color);
	--nav-inferior-color: var(--second-color);
	--nav-inferior-color-hover: var(--focus-color);
	/*NAV3-TAB-SCROLL*/
	--fondo-nav3: var(--theme-color); /*COLOR NAVEGADOR*/
	--fondo-nav3-g:var(--theme-color); /*COLOR NAVEGADOR GRADIANTE*/
	--color-nav3:var(--second-color);
	--color-nav3-hover: var(--focus-color);
	--font-size-nav-link: 4vw;
	--border-nav3:  3px solid var(--third-color);
	--tab-active: var(--focus-color);
	--a-fondo-active-tab: var(--third-color);
	--scroll-dots-nav: none; /*dots del  navegador scorll 'none' para que no se muetren, dejar vacio para que si se muestren.*/
	--scroll-next-prev-nav: ; /*botones next y prev navegador scorll 'none' para que no se muetren, dejar vacio para que si se muestren.*/
	--card-body-fondo: var(--third-color);
	--card-border-radius: 25px;
	/*NAV SELECT MENU/CATALOGO MODULO*/
	--fondo-nav-menu:var(--complemento-color);
	--select-menu-fondo: var(--theme-color);
	--select-menu-texto: var(--second-color);
	--iconos-menu-content: var(--texto-color);
	--menu-titulo-header-border: var(--second-color);
	--tabla-menu-color: var(--texto-color);
	--color-target-menu: gold;
	--modal-color-nuevo: var(--theme-color);
	--modal-fondo-nuevo: var(--second-color);
	--boton-menu-seccion: var(--third-color);
	--boton-menu-seccion-color: var(--second-color);

	/*INDEX*/
	--color-index-texto: var(--second-color);
	--icono-relleno-svg: #b8c494;
	--icono-linea-svg: #000;
	--logo-header-index: 80vw;
	--color-nota: var(--texto-color);
	--nota-opacity: .8;
	/*HORARIOS*/
	--horario-margin-bottom: 2rem;
	--horario-margin-top: 3rem;
	--horario-color-texto: var(--second-color);
	--horario-color-horas: var(--second-color);
	--fondo-cerrado-abierto: var(--focus-color);
	--texto-cerrado-abierto: var(--theme-color);
	--horario-fondo: var(--third-color);
	/*BOTONES*/
	--boton-texto:var(--second-color);
	--fondo-boton: var(--third-color);
	--fondo-boton-g: var(--third-color);
	--border-boton: none;
	--boton-texto-hover:var(--second-color);
	--fondo-boton-hover: var(--theme-color);
	--fondo-boton-hover: #e0d7cf;
	--fondo-boton-g-hover: #e0d7cf;
	--shadow-boton:2px 2px 2px 1px rgb(0 0 0 / 20%);
	--shadow-boton-hover:1px 1px 1px 0 rgb(0 0 0 / 20%);
	--radius-border: 20px;
	--padding-boton-bg:  .7rem;
	--width-boton-bg: 90%; /* 'auto' para tamaño toda la pantalla- 'fit-content' para ajistar tamaño.*/
	--boton-contraseña: var(--focus-color);
	/*BOTONES GRANDES*/
	--fondo-boton-bg: var(--third-color);
	--texto-boton-bg: var(--second-color);
	--radius-border-botonbg: var(--radius-border);
	--border-boton-bg:none;
	--shadow-boton-bg:2px 2px 2px 1px rgb(0 0 0 / 20%);
	--shadow-boton-hover-bg: 1px 1px 1px 0 rgb(0 0 0 / 20%);
	--fondo-boton-bg-hover: #e0d7cf;
	--texto-boton-bg-hover: var(--second-color);
	--border-boton-bg-hover:none;
	/*BOTON ORDEN MOVIL*/
	--boton-ordenm-fondo: var(--focus-color);
	--boton-ordenm-texto: var(--boton-texto);
	/*BOTON-INFO*/
	--btn-info-fondo: var(--focus-color);
	--btn-info-border: var(--focus-color);
	--btn-info-color: var(--boton-texto);
	/*BOTON COMPARTIR UBICACION*/
	--ubicacion-share-color: var(--theme-color);
	--ubicacion-share-fondo: #3b1717;
	/*BOTONES-INICIO-ATRAS*/
	--btn-atras-home-color:var(--second-color);
	--btn-atras-home-fondo:var(--third-color);
	--btn-atras-home-color-hover: var(--focus-color);
	/*BOTONES-TOP*/
	--btn-top-color:var(--second-color);
	--btn-top-fondo:var(--third-color);
	--btn-top-color-hover: var(--focus-color);
	/*CLOSE*/
	--btn-x: var(--second-color);
	--btn-x-hover: var(--focus-color);
	/*RETURN*/
	--btn-retun-color: var(--second-color);

	/*MAIN*/
	--fondo-pdf: var(--second-color);
	--texto-burbuja:var(--second-color);
	--fondo-burbuja:var(--lite-color);
	--icono-burbuja:var(--theme-color);
	--texto-burbuja-hover:var(--second-color);
	--fondo-burbuja-hover:var(--theme-color);
	--overlay-img-fondo: var(--second-color);
	--overlay-img-texto: var(--theme-color);
	/*OVERLAY*/
	--overlay-color: var(--second-color);
	/*CATALOGO*/
	--fondo-catalogo: transparent;
	--texto-listas: var(--texto-color);
	/*MODAL*/
	--modal-fondo:var(--theme-color);
	--modal-border: none;
	--modal-fade:var(--second-color);
	--modal-btn-cerrar-color: var(--theme-color);;
	--modal-btn-cerrar-fondo: var(--second-color);
	--modal-btn-cerrar-border: var(--second-color);
	--modal-btn-cerrar-border-radius: 50px;
	--modal-btn-cerrar-icono-hover: var(--focus-color);
	--modal-btn-cerrar-background-hover: var(--focus-color);
	--footer-modal-border:none ;
	/*FOOTER*/
	--firma-color: var(--second-color);
	--footer-fondo:var(--theme-color);
	--aviso_terminos_color: var(--second-color);
	--aviso_terminos_fondo:transparent;

	/*FORM*/
	--form-fondo-input: var(--third-color);
	--form-texto-input: var(--second-color);
	--form-check: #fff;
	--form-check-fondo: var(--second-color);
	--form-check-border: var(--second-color);
	--form-focus: var(--focus-color);
	--check-fondo-focus: rgba(250,250,250,.1);
	--label-color:#a2a2a2;
	--share-icono: var(--second-color);
	--input-file-border: var(--second-color);
	--input-file-border-hover: var(--second-color);
	--input-file-fondo-hover: var(--second-color);
	--input-file-color: var(--theme-color);
	/*CONTACTO*/
	--contacto-color: var(--second-color);
	--contacto-fondo: var(--third-color);
	--contacto-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
	--contacto-shadow-hover:  1px 1px 1px 0 rgb(0 0 0 / 20%);
	--icono-color-contacto: var(--second-color);
	--icono-color-contacto-g: var(--second-color);
	/*CALIFICANOS*/
	--color-iconos-calificanos: var(--second-color);
	--color-icono-calificanos-hover: var(--focus-color);
	--calificanos-texto: var(--texto-color);
	/*ACORDION*/
	--fondo-acordion: var(--third-color);
	--shadow-acordion:0 0 0 0.25rem rgb(255 141 109 / 25%) ;
	--color-acordion: var(--second-color);
	--color-texto-hover-acordion: var(--second-color);
	--icon-dark: ;
	/*MARK*/
	--color-mark: var(--theme-color);
	--fondo-mark:var(--focus-color);
	/*TOAST*/
	--toast-fondo: ;
	--toast-color: ;
	/*ALERTA*/
	--color-alerta: #141619 ;
	--fondo-alerta: #d3d3d4;
	--border-alerta:  #bcbebf;
	/*INFO*/
	--lista-fondo: var(--focus-color);
	--lista-color: var(--theme-color);
	--info-slide-link: var(--focus-color);
	/*LENGUAJE*/
	--lang-border: var(--theme-color);
	--lang-fondo:var(--theme-color);
	--color-lang: var(--second-color);
	--color-lang-no: var(--texto-color);
	--color-lang-selected: var(--focus-color);
	--fondo-lang: rgba(250,250,250,1);
	/*CARD*/
	--lang-border-card: transparent;
	--lang-fondo-card: transparent;
	--color-lang-card: var(--second-color);
	/*DARKMODE*/
	--display-sol: none;
	--display-luna: block;
	--darkmode-border-card: none;
	--darkmode-fondo-card: transparent;
	--darkmode-border-hover-card: transparent;
	--darkmode-fondo-hover-card: transparent;
	--darkmode-color:var(--second-color);
	--darkmode-color-hover:var(--second-color);
	/*SWITCH-DARKMODE*/
	--darkmode-border: var(--theme-color);
	--darkmode-fondo: var(--theme-color);
	--darkmode-border-hover: var(--second-color);
	--darkmode-fondo-hover: var(--focus-color);
	--sol-menu: var(--second-color);
	--sol-menu-padding: .25rem 1rem 0.25rem 0.25em;
	--color-sol: var(--theme-color);
	--luna-menu: transparent;
	--luna-menu-padding: .25rem .25rem 0.25rem 0.25em;
	--color-luna: var(--second-color);
	--luna-index-padding:.25rem .25rem 0.25rem .25em;
	--sol-index-padding:.25rem 2rem 0.25rem 0.25em;

	--a-hover: var(--focus-color); /*rgb(250,250,250,.1);*/
	--filter-img: none;
	--invert-img: none;
}


@media (prefers-color-scheme: dark) {
	:root {
		--color-mode: 'dark';
	}

	:root:not([data-user-color-scheme]) {
		--theme-color: #302e2b;
		--second-color:  #f5f5f5;
		--dark-color: #423E38;
		--texto-color: var(--second-color);
		--focus-color:  #87292d;
		--fondo-screen: #2d2a26;
		--porcentaje-screen: #f5f5f5;
		--loader-secreen-dots: var(--focus-color);
		--loader-logo: #f5f5f5;

		/*GENERALES*/

		--fondo: var(--theme-color);
		--fondo-g: var(--theme-color);
		--texto-encabezados: var(--second-color);
		--iconos-redes: var(--second-color);
		--smartlink-firma: #f5f5f5;
		--smartlink-puntos: #87292d;
		--offcanvas-fondo-backdrop: var(--second-color);
		--svg-linea: #ebebeb;
		--svg-relleno: #87292d;
		--texted-muted: var(--texto-color);
		--modal-fondo-link-tally: var(--theme-color);
		--modal-fondo-link-tally-close: var(--second-color);
		--modal-ios: var(--dark-color);
		--modal-ios-texto: var(--second-color);
		--mensaje-copy: var(--dark-color);
		--mensaje-texto-copy: var(--second-color);
		
		--fondo-header-for-web: #000000;
		--color-header-for-web: var(--second-color);

		--scroll: var(--theme-color);
		--scroll-slide: var(--dark-color);

		--fondo-nodark: var(--second-color);
		--color-nodark: var(--theme-color);
		--counter-color: var(--second-color);
		--counter-fondo: var(--dark-color);
		/*CALENDARIO*/
		--fondo-calendario: #000000;
		/*WEB*/
		--fondo-web: #181818;
		--color-secciones: var(--second-color);
		--naranja-fondo: #CE9063 ;
		--naranja-color: var(--theme-color);
		--azul-fondo:#9ea0a7 ;
		--azul-color-text: var(--theme-color);
		--border-tabla-web: #1b1a1a;
		--fondo-tabla-web: #1b1a1a;
		--naranja-web: #bb845c;
		--ahorra-fondo: var(--azul-color);
		--boton-nav-web: var(--fondo-web);
		--stroke-web: #2e2d2d;
		--fondo-light: #393939;
		--row-destacada: #725d3c73;

		/*HEADER-NAV*/
		--fondo-header: transparent; /*COLOR NAVEGADOR*/
		--fondo-header-g: transparent; /*COLOR NAVEGADOR GRADIANTE*/
		--menu-color-header: var(--second-color); /*COLOR NAVEGADOR TEXTO*/
		--footer-menu: var(--theme-color);
		--border-header: none;
		--svg-header-menu-icono-color: var(--second-color);
		--fondo-menu-offcanvas: var(--theme-color);
		--fondo-foto-header:rgba(45, 42, 38,.6);
		/*MENU DEL HEADER-NAVEGADOR*/
		--fondo-menu-header: var(--dark-color);
		--border-menu-header: var(--dark-color);
		--texto-menu-header: var(--second-color);
		--a-hover-menu-nav-header:var(--dark-color);
		/*NAV 2 FOOTER */
		--nav-inferior: var(--dark-color);
		--nav-inferior-g: var(--dark-color);
		--border-nav-inferior: var(--dark-color);
		--nav-inferior-color: var(--second-color);
		/*NAV3-TAB-SCROLL*/
		--fondo-nav3: var(--theme-color); /*COLOR NAVEGADOR*/
		--fondo-nav3-g: var(--theme-color); /*COLOR NAVEGADOR GRADIANTE*/
		--color-nav3:var(--second-color);
		--color-nav3-hover: var(--focus-color);
		--border-nav3: none;
		--tab-active: var(--focus-color);
		--a-fondo-active-tab: var(--dark-color);
		--card-body-fondo: var(--dark-color);
		/*NAV SELECT MENU/CATALOGO MODULO*/
		--fondo-nav-menu:var(--dark-color);
		--select-menu-fondo: var(--theme-color);
		--select-menu-texto: var(--second-color);
		--iconos-menu-content: var(--texto-color);
		--menu-titulo-header-border: var(--second-color);
		--tabla-menu-color: var(--texto-color);
		--color-target-menu: gold;
		--modal-color-nuevo: var(--theme-color);
		--modal-fondo-nuevo: var(--second-color);
		--boton-menu-seccion: var(--dark-color);
		--boton-menu-seccion-color: var(--second-color);


		/*INDEX*/
		--color-index-texto:  var(--second-color);
		--icono-relleno-svg: #b8c494;
		--color-nota: var(--texto-color);
		--nota-opacity: .8;
		/*HORARIOS*/
		--horario-color-texto: var(--second-color);
		--horario-color-horas: var(--second-color);
		--fondo-cerrado-abierto: var(--focus-color);
		--texto-cerrado-abierto: var(--theme-color);
		--horario-fondo: var(--dark-color);
		/*BOTONES*/
		--boton-texto:var(--second-color);
		--fondo-boton:var(--dark-color);
		--fondo-boton-g:var(--dark-color);
		--border-boton:none;
		--boton-texto-hover:var(--second-color);
		--fondo-boton-hover: var(--theme-color);
		--fondo-boton-g-hover: var(--theme-color);
		--border-boton-hover: none;
		/*BOTON GRANDE*/
		--fondo-boton-bg: var(--dark-color);
		--texto-boton-bg: var(--second-color);
		--border-boton-bg:none;
		--shadow-boton-bg: 2px 2px 2px 1px rgb(0 0 0 / 20%);
		--shadow-boton-hover:1px 1px 1px 0 rgb(0 0 0 / 20%);
		--fondo-boton-bg-hover: var(--theme-color);
		--texto-boton-bg-hover: var(--second-color);
		--border-boton-bg-hover:none;
		/*BOTONES-INICIO-ATRAS*/
		--btn-atras-home-color:var(--second-color);
		--btn-atras-home-fondo:var(--dark-color);
		--btn-atras-home-color-hover: var(--focus-color);
		/*BOTON ORDEN MOVIL*/
		--boton-ordenm-fondo: var(--focus-color);
		--boton-ordenm-texto: var(--boton-texto);
		/*BOTON-INFO*/
		--btn-info-fondo: var(--focus-color);
		--btn-info-border: var(--focus-color);
		--btn-info-color: var(--boton-texto);
		/*BOTON COMPARTIR UBICACION*/
		--ubicacion-share-color: var(--second-color);
		--ubicacion-share-fondo: var(--dark-color);
		/*BOTONES-INICIO-ATRAS*/
		--btn-atras-home-color:var(--second-color);
		--btn-atras-home-fondo:var(--dark-color);
		--btn-atras-home-color-hover: var(--focus-color);
		/*BOTONES-TOP*/
		--btn-top-color:var(--second-color);
		--btn-top-fondo:var(--dark-color);
		--btn-top-color-hover: var(--focus-color);
		/*CLOSE*/
		--btn-x: var(--second-color);
		--btn-x-hover: var(--focus-color);
		/*RETURN*/
		--btn-retun-color: var(--texto-color);

		/*MAIN*/
		--fondo-pdf: var(--dark-color);
		--texto-burbuja: var(--second-color);
		--fondo-burbuja: #373432;
		--icono-burbuja:var(--second-color);
		--texto-burbuja-hover:var(--second-color);
		--fondo-burbuja-hover:var(--theme-color);
		--overlay-img-fondo: var(--theme-color);
		--overlay-img-texto: var(--second-color);

		/*OVERLAY*/
		--overlay-color: var(--dark-color);
		/*CATALOGO*/
		--fondo-catalogo: transparent;
		--texto-listas: var(--texto-color);
		/*MODAL*/
		--modal-fondo:var(--theme-color);
		--modal-border:none;
		--modal-fade:var(--dark-color);
		--modal-btn-cerrar-color: #fff;
		--modal-btn-cerrar-fondo: var(--fondo-boton-bg);
		--modal-btn-cerrar-border: var(--fondo-boton-bg);
		--modal-btn-cerrar-icono-hover: var(--focus-color);
		--modal-btn-cerrar-background-hover: var(--focus-color);
		--footer-modal-border:none ;
		/*FOOTER*/
		--firma-color: var(--second-color);
		--footer-fondo:var(--theme-color);
		--aviso_terminos_color: var(--second-color);
		--aviso_terminos_fondo:transparent;

		/*FORM*/
		--form-fondo-input: rgba(250,250,250,.1);
		--form-texto-input: var(--second-color);
		--form-check: #fff;
		--form-check-fondo: var(--dark-color);
		--form-check-border: var(--dark-color);
		--form-focus: var(--focus-color);
		--check-fondo-focus: rgba(250,250,250,.1);
		--label-color:#a2a2a2;
		--share-icono: var(--second-color);
		--input-file-border: var(--second-color);
		--input-file-border-hover: var(--second-color);
		--input-file-fondo-hover: var(--second-color);
		--input-file-color: var(--theme-color);



		/*CONTACTO*/
		--contacto-color: var(--second-color);
		--contacto-fondo: var(--dark-color);
		--contacto-shadow: 2px 2px 2px 1px rgb(0 0 0/ 20%);
		--contacto-shadow-hover:  1px 1px 1px 0 rgb(0 0 0 / 20%);
		--icono-color-contacto: var(--second-color);
		--icono-color-contacto-g: var(--second-color);
		/*CALIFICANOS*/
		--color-iconos-calificanos: #302e2b;
		--color-icono-calificanos-hover: var(--focus-color);
		--calificanos-texto: #302e2b;
		/*ACORDION*/
		--fondo-acordion: var(--dark-color);
		--shadow-acordion:0 0 0 0.25rem rgb(255 141 109 / 25%) ;
		--color-acordion: var(--second-color);
		--color-texto-hover-acordion: var(--second-color);
		--icon-dark: none !important;
		/*MARK*/
		--color-mark:var(--focus-color);
		--fondo-mark: transparent;
		/*TOAST*/
		--toast-fondo: ;
		--toast-color: ;
		/*ALERTA*/
		--color-alerta: var(--second-color);
		--fondo-alerta: var(--dark-color);
		--border-alerta: var(--dark-color);
		/*LENGUAJE*/
		--lang-border: var(--theme-color);
		--lang-fondo:var(--theme-color);
		--color-lang: var(--second-color);
		--color-lang-selected: var(--focus-color);
		--color-lang-selected: var(--focus-color);
		--fondo-lang: rgba(0,0,0,.9);
		/*CARD*/
		--lang-border-card: var(--theme-color);
		--lang-fondo-card:var(--theme-color);
		--color-lang-card: var(--second-color);

		/*DARKMODE*/
		--display-sol: block;
		--display-luna: none;
		--darkmode-border-card: transparent;
		--darkmode-fondo-card: var(--theme-color);
		--darkmode-border-hover-card: none;
		--darkmode-fondo-hover-card: var(--focus-color);

		--darkmode-color:var(--second-color);
		--darkmode-color-hover:var(--theme-color);
		/*SWITCH-DARKMODE*/
		--darkmode-border: var(--theme-color);
		--darkmode-fondo: var(--theme-color);
		--darkmode-border-hover: var(--second-color);
		--darkmode-fondo-hover: var(--focus-color);
		--sol-menu: transparent;
		--sol-menu-padding: .25rem .25rem 0.25rem 0.25rem;
		--color-sol: var(--second-color);
		--luna-menu: var(--second-color);
		--luna-menu-padding: .25rem .25rem 0.25rem 1rem;
		--color-luna: var(--theme-color);
		--luna-index-padding:.25rem .25rem 0.25rem 2rem;
		--sol-index-padding:.25rem .25rem 0.25rem 0.25rem;


		--a-hover:var(--focus-color); /*rgb(250,250,250,.1);*/
		--filter-img: brightness(.8) contrast(1.2);
		--invert-img: invert(1) ;

		
	}
}

[data-user-color-scheme='dark'] {
	--theme-color: #302e2b;
	--second-color:  #f5f5f5;
	--dark-color: #423E38;
	--texto-color: var(--second-color);
	--focus-color:  #87292d;
	--fondo-screen: #2d2a26;
	--porcentaje-screen: #f5f5f5;
	--loader-secreen-dots: var(--focus-color);
	--loader-logo: #f5f5f5;

	/*GENERALES*/

	--fondo: var(--theme-color);
	--fondo-g: var(--theme-color);
	--texto-encabezados: var(--second-color);
	--iconos-redes: var(--second-color);
	--smartlink-firma: #f5f5f5;
	--smartlink-puntos: #87292d;
	--offcanvas-fondo-backdrop: var(--second-color);
	--svg-linea: #ebebeb;
	--svg-relleno: #c88670;
	--texted-muted: var(--texto-color);
	--modal-fondo-link-tally: var(--theme-color);
	--modal-fondo-link-tally-close: var(--second-color);
	--modal-ios: var(--dark-color);
	--modal-ios-texto: var(--second-color);
	--mensaje-copy: var(--dark-color);
	--mensaje-texto-copy: var(--second-color);	
	--scroll: var(--theme-color);
	--scroll-slide: var(--dark-color);
	
	--fondo-header-for-web: #000000;
	--color-header-for-web: var(--second-color);

	--fondo-nodark: var(--second-color);
	--color-nodark: var(--theme-color);
	--counter-color: var(--second-color);
	--counter-fondo: var(--dark-color);
	/*CALENDARIO*/
	--fondo-calendario: #000000;
	/*WEB*/
	--fondo-web: #181818;
	--color-secciones: var(--second-color);
	--naranja-fondo: #CE9063 ;
	--naranja-color: var(--theme-color);
	--azul-fondo:#9ea0a7 ;
	--azul-color-text: var(--theme-color);
	--border-tabla-web: #1b1a1a;
	--fondo-tabla-web: #1b1a1a;
	--naranja-web: #87292d;
	--ahorra-fondo: var(--azul-color);
	--boton-nav-web: var(--fondo-web);
	--stroke-web: #2e2d2d;
	--fondo-light: #393939;
	--row-destacada: #725d3c73;
	/*HEADER-NAV*/
	--fondo-header: transparent; /*COLOR NAVEGADOR*/
	--fondo-header-g: transparent; /*COLOR NAVEGADOR GRADIANTE*/
	--menu-color-header: var(--second-color); /*COLOR NAVEGADOR TEXTO*/
	--footer-menu: var(--theme-color);
	--border-header: none;
	--svg-header-menu-icono-color: var(--second-color);
	--fondo-menu-offcanvas: var(--theme-color);
	--fondo-foto-header:rgba(45, 42, 38,.7);
	/*MENU DEL HEADER-NAVEGADOR*/
	--fondo-menu-header: var(--dark-color);
	--border-menu-header: var(--dark-color);
	--texto-menu-header: var(--second-color);
	--a-hover-menu-nav-header:var(--dark-color);
	/*NAV 2 FOOTER */
	--nav-inferior: var(--dark-color);
	--nav-inferior-g: var(--dark-color);
	--border-nav-inferior: var(--dark-color);
	--nav-inferior-color: var(--second-color);
	/*NAV3-TAB-SCROLL*/
	--fondo-nav3: var(--theme-color); /*COLOR NAVEGADOR*/
	--fondo-nav3-g: var(--theme-color); /*COLOR NAVEGADOR GRADIANTE*/
	--color-nav3:var(--second-color);
	--color-nav3-hover: var(--focus-color);
	--border-nav3: none;
	--tab-active: var(--focus-color);
	--a-fondo-active-tab: var(--dark-color);
	--card-body-fondo: var(--dark-color);
	/*NAV SELECT MENU/CATALOGO MODULO*/
	--fondo-nav-menu:var(--dark-color);
	--select-menu-fondo: var(--theme-color);
	--select-menu-texto: var(--second-color);
	--iconos-menu-content: var(--texto-color);
	--menu-titulo-header-border: var(--second-color);
	--tabla-menu-color: var(--texto-color);
	--color-target-menu: gold;
	--modal-color-nuevo: var(--theme-color);
	--modal-fondo-nuevo: var(--second-color);
	--boton-menu-seccion: var(--dark-color);
	--boton-menu-seccion-color: var(--second-color);


	/*INDEX*/
	--color-index-texto:  var(--second-color);
	--icono-relleno-svg: #b8c494;
	--color-nota: var(--texto-color);
	--nota-opacity: .8;
	/*HORARIOS*/
	--horario-color-texto: var(--second-color);
	--horario-color-horas: var(--second-color);
	--fondo-cerrado-abierto: var(--focus-color);
	--texto-cerrado-abierto: var(--theme-color);
	--horario-fondo: var(--dark-color);
	/*BOTONES*/
	--boton-texto:var(--second-color);
	--fondo-boton:var(--dark-color);
	--fondo-boton-g:var(--dark-color);
	--border-boton:none;
	--boton-texto-hover:var(--second-color);
	--fondo-boton-hover: var(--theme-color);
	--fondo-boton-g-hover: var(--theme-color);
	--border-boton-hover: none;
	/*BOTON GRANDE*/
	--fondo-boton-bg: var(--dark-color);
	--texto-boton-bg: var(--second-color);
	--border-boton-bg:none;
	--shadow-boton-bg: 2px 2px 2px 1px rgb(0 0 0 / 20%);
	--shadow-boton-hover:1px 1px 1px 0 rgb(0 0 0 / 20%);
	--fondo-boton-bg-hover: var(--theme-color);
	--texto-boton-bg-hover: var(--second-color);
	--border-boton-bg-hover:none;
	/*BOTONES-INICIO-ATRAS*/
	--btn-atras-home-color:var(--second-color);
	--btn-atras-home-fondo:transparent;
	--btn-atras-home-color-hover: var(--focus-color);
	/*BOTON ORDEN MOVIL*/
	--boton-ordenm-fondo: var(--focus-color);
	--boton-ordenm-texto: var(--boton-texto);
	/*BOTON-INFO*/
	--btn-info-fondo: var(--focus-color);
	--btn-info-border: var(--focus-color);
	--btn-info-color: var(--boton-texto);
	/*BOTON COMPARTIR UBICACION*/
	--ubicacion-share-color: var(--second-color);
	--ubicacion-share-fondo: var(--dark-color);
	/*BOTONES-INICIO-ATRAS*/
	--btn-atras-home-color:var(--second-color);
	--btn-atras-home-fondo:transparent;
	--btn-atras-home-color-hover: var(--focus-color);
	/*BOTONES-TOP*/
	--btn-top-color:var(--second-color);
	--btn-top-fondo:var(--dark-color);
	--btn-top-color-hover: var(--focus-color);
	/*CLOSE*/
	--btn-x: var(--second-color);
	--btn-x-hover: var(--focus-color);
	/*RETURN*/
	--btn-retun-color: var(--texto-color);

	/*MAIN*/
	--fondo-pdf: var(--dark-color);
	--texto-burbuja: var(--second-color);
	--fondo-burbuja: #373432;
	--icono-burbuja:var(--second-color);
	--texto-burbuja-hover:var(--second-color);
	--fondo-burbuja-hover:var(--theme-color);
	--overlay-img-fondo: var(--theme-color);
	--overlay-img-texto: var(--second-color);

	/*OVERLAY*/
	--overlay-color: var(--dark-color);
	/*CATALOGO*/
	--fondo-catalogo: transparent;
	--texto-listas: var(--texto-color);
	/*MODAL*/
	--modal-fondo:var(--theme-color);
	--modal-border:none;
	--modal-fade:var(--dark-color);
	--modal-btn-cerrar-color: #fff;
	--modal-btn-cerrar-fondo: var(--fondo-boton-bg);
	--modal-btn-cerrar-border: var(--fondo-boton-bg);
	--modal-btn-cerrar-icono-hover: var(--focus-color);
	--modal-btn-cerrar-background-hover: var(--focus-color);
	--footer-modal-border:none ;
	/*FOOTER*/
	--firma-color: var(--second-color);
	--footer-fondo:var(--theme-color);
	--aviso_terminos_color: var(--second-color);
	--aviso_terminos_fondo:transparent;

	/*FORM*/
	--form-fondo-input: rgba(250,250,250,.1);
	--form-texto-input: var(--second-color);
	--form-check: #fff;
	--form-check-fondo: var(--dark-color);
	--form-check-border: var(--dark-color);
	--form-focus: var(--focus-color);
	--check-fondo-focus: rgba(250,250,250,.1);
	--label-color:#a2a2a2;
	--share-icono: var(--second-color);
	--input-file-border: var(--second-color);
	--input-file-border-hover: var(--second-color);
	--input-file-fondo-hover: var(--second-color);
	--input-file-color: var(--theme-color);



	/*CONTACTO*/
	--contacto-color: var(--second-color);
	--contacto-fondo: var(--dark-color);
	--contacto-shadow: 2px 2px 2px 1px rgb(0 0 0/ 20%);
	--contacto-shadow-hover:  1px 1px 1px 0 rgb(0 0 0 / 20%);
	--icono-color-contacto: var(--second-color);
	--icono-color-contacto-g: var(--second-color);
	/*CALIFICANOS*/
	--color-iconos-calificanos: #302e2b;
	--color-icono-calificanos-hover: var(--focus-color);
	--calificanos-texto: #302e2b;
	/*ACORDION*/
	--fondo-acordion: var(--dark-color);
	--shadow-acordion:0 0 0 0.25rem rgb(255 141 109 / 25%) ;
	--color-acordion: var(--second-color);
	--color-texto-hover-acordion: var(--second-color);
	--icon-dark: none !important;
	/*MARK*/
	--color-mark:var(--focus-color);
	--fondo-mark: transparent;
	/*TOAST*/
	--toast-fondo: ;
	--toast-color: ;
	/*ALERTA*/
	--color-alerta: var(--second-color);
	--fondo-alerta: var(--dark-color);
	--border-alerta: var(--dark-color);
	/*LENGUAJE*/
	--lang-border: var(--theme-color);
	--lang-fondo:var(--theme-color);
	--color-lang: var(--second-color);
	--color-lang-selected: var(--focus-color);
	--color-lang-selected: var(--focus-color);
	--fondo-lang: rgba(0,0,0,.9);
	/*CARD*/
	--lang-border-card: var(--theme-color);
	--lang-fondo-card:var(--theme-color);
	--color-lang-card: var(--second-color);

	/*DARKMODE*/
	--display-sol: block;
	--display-luna: none;
	--darkmode-border-card: transparent;
	--darkmode-fondo-card: var(--theme-color);
	--darkmode-border-hover-card: none;
	--darkmode-fondo-hover-card: var(--focus-color);

	--darkmode-color:var(--second-color);
	--darkmode-color-hover:var(--theme-color);
	/*SWITCH-DARKMODE*/
	--darkmode-border: var(--theme-color);
	--darkmode-fondo: var(--theme-color);
	--darkmode-border-hover: var(--second-color);
	--darkmode-fondo-hover: var(--focus-color);
	--sol-menu: transparent;
	--sol-menu-padding: .25rem .25rem 0.25rem 0.25rem;
	--color-sol: var(--second-color);
	--luna-menu: var(--second-color);
	--luna-menu-padding: .25rem .25rem 0.25rem 1rem;
	--color-luna: var(--theme-color);
	--luna-index-padding:.25rem .25rem 0.25rem 2rem;
	--sol-index-padding:.25rem .25rem 0.25rem 0.25rem;


	--a-hover:var(--focus-color); /*rgb(250,250,250,.1);*/
	--filter-img: brightness(.8) contrast(1.2);
	--invert-img: invert(1) ;


}