@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap');


:root{
	--color-mode: 'light';
	--theme-color: #f5f5f5;
	--second-color: #2d2a26;
	--texto-color: #707070;
	--focus-color:  #a3a99c;
	--active-color: #70000;
	--third-color: #EBEBEB; /*COLOR USADO PARA LOS FONDOS DE BOTONES MAYORMENTE*/
	--complemento-color: #D6D6D6;
	--lite-color:rgba(235, 235, 235, .7); /*BURBUJA*/
	/*GENERALES*/
	--fondo-screen: var(--second-color);
	--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:'Public Sans', sans-serif;
	--texto-encabezados: var(--second-color);
	--iconos-redes: var(--second-color);
	--border-img: 5px;
	--smartlink-firma: #000;
	--smartlink-puntos: #ff8d6b;
	--offcanvas-fondo-backdrop: var(--second-color);
	--svg-linea: var(--second-color);
	--svg-relleno: #ea805d;
	--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: #eaeaea;
	/*WEB*/
	--fondo-web: #eaeaea;
	--web-nav-bar: var(--second-color);
	--color-secciones: var(--theme-color);
	--naranja-fondo:#e49e6b ;
	--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: transparent; /*FONDO NAVEGADOR*/
	--fondo-header-g: transparent; /*FONDO NAVEGADOR GRADIANTE*/
	--menu-color-header: var(--second-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;
	--margen-nav1-header:;
	--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-g-hover: var(--theme-color);
	--border-boton-hover: none;
	--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: var(--theme-color);
	--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: var(--second-color);
	/*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;
	--icono-catalogo:;
	--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(--focus-color);
	--form-check-border: var(--focus-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: var(--theme-color);
	--lang-fondo-card:var(--theme-color);
	--color-lang-card: var(--second-color);
	/*DARKMODE*/
	--display-sol: none;
	--display-luna: inline-block;
	--darkmode-border-card: none;
	--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: 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;

}