:root {
  --color1: #616E7D; /*barras y botoneras*/
  --color2: #00b7dc; /*botones activos - separadores y barras finas*/
  --color3: #dc4444; /*boton cancelar inactivo*/
  --color4: #DC5555; /*boton cancelar en estado hover*/
  --color5: #374454; /*botones inactivos - marcos*/
  --color6: #EEEEEE; /*fondo de pantalla, plantillas etc*/
  --color8: #DDDDDE; /*color intermedio del background gradient*/
  --color10: #F8F8F9; /*color de fonfo de la barras de busqueda*/
  --color11: #C7C8CA; /*color fondo barra de navegacion*/
  --color12: #555f6b; /*botones hover*/
  --shadow: #666666; /*sombras de cajas*/


  /*COLORES V 2.0 CLARO*/
  --buttonsGreen: #51918b; /*Botones formulario de ingreso letras en botones hover*/
  --buttonsGreenHover: #838f9f; /*Hover botones vedes*/
  --inputBackground: #FFFFFF; /*Fondo de inputs de ingreso*/
  --barColor: #CCC; /*Barra de listas*/
  --navColor: #EEEFEF; /*Color de barra de navegacion*/
  --fontColorB: #ffffff;/*color de la fuente claro*/
  --fontColorW: #000000; /*color de la fuente oscuro*/
  --fontColorFilter: #000000; /*color de la fuente de filtro*/
  --background-cardInformation: #fff;
  --text-cardTitle: #eee;
  --text-cardInformation: #333;
  --textArea1: #CCCCCC;
  --textArea2: #DDDDDD;
  --shadowCard: #ccc;
  --temaBtnColor: #bbb;
  --navBtnColor: #51918b ;
  --sectionTitle1: #7A8898;
  --sectionTitle2: #999fAF;
  --infoFormColor: #AAA;

/*COLORES DE TABLA DE PEDIDOS*/
  --colorlineasTablaVertical: #6B7F87;
  --colorlineasTablaHorizontal: #999;
  --tableHead: #CCCCCC;
  --tableColor1: #CCCCCC;
  --tableColor2: #EFEFEF;
  --tableColor3: #758d9e;
  --tableColor4: #BBB;
  --tableText: #000000;
  

/*VARIABLES TARJETAS DE INICIO MODO CLARO*/
  --background-image: url("/static/solicitud_imagenes/images/v2.0/claro/fondo.605905b923dd.png");
  --background-imageCel: url("/static/solicitud_imagenes/images/v2.0/claro/fondo_cel.ac42109c519e.png");
  --background-panel: url("/static/solicitud_imagenes/images/v2.0/panel.5c7a451cd9f9.png");
  --background-dpi: url("/static/solicitud_imagenes/images/v2.0/claro/dpi.8a6cc1c8643f.png");
  --background-dpiHover: url("/static/solicitud_imagenes/images/v2.0/claro/dpi_hover.11562c40552f.png");
  --background-dpiClick: url("/static/solicitud_imagenes/images/v2.0/claro/dpi_click.c5f73bf43935.png");
  --background-dpiNew: url("/static/solicitud_imagenes/images/v2.0/claro/nuevopedido.8e005c759de1.png");
  --background-dpiNewHover: url("/static/solicitud_imagenes/images/v2.0/claro/nuevopedido_hover.fc1503a9515e.png");
  --background-dpiNewClick: url("/static/solicitud_imagenes/images/v2.0/claro/nuevopedido_click.86b56e0a4fe7.png");
  --background-requerimientos: url("/static/solicitud_imagenes/images/v2.0/claro/requerimientos.99c16216420f.png");
  --background-requerimientosHover: url("/static/solicitud_imagenes/images/v2.0/claro/requerimientos_hover.c2560c8eeb36.png");
  --background-requerimientosClick: url("/static/solicitud_imagenes/images/v2.0/claro/requerimientos_click.8019bd05fccd.png");
  --background-requerimientos2021: url("/static/solicitud_imagenes/images/v2.0/claro/2021.77053e95f5e6.png");
  --background-requerimientos2021Hover: url("/static/solicitud_imagenes/images/v2.0/claro/2021_hover.64c1befd087f.png");
  --background-requerimientos2021Click: url("/static/solicitud_imagenes/images/v2.0/claro/2021_click.939e253929de.png");
  --background-requerimientos2022: url("/static/solicitud_imagenes/images/v2.0/claro/2022.c4d402af03d8.png");
  --background-requerimientos2022Hover: url("/static/solicitud_imagenes/images/v2.0/claro/2022_hover.d9615e2d0a8d.png");
  --background-requerimientos2022Click: url("/static/solicitud_imagenes/images/v2.0/claro/2022_click.9a2234ff49a6.png");
  --background-requerimientos2023: url("/static/solicitud_imagenes/images/v2.0/claro/2023.a15965bf272c.png");
  --background-requerimientos2023Hover: url("/static/solicitud_imagenes/images/v2.0/claro/2023_hover.3f5221ef1834.png");
  --background-requerimientos2023Click: url("/static/solicitud_imagenes/images/v2.0/claro/2023_click.5ab3eb25d69b.png");
  --background-requerimientos2024: url("/static/solicitud_imagenes/images/v2.0/claro/2024.2c2905ba04be.png");
  --background-requerimientos2024Hover: url("/static/solicitud_imagenes/images/v2.0/claro/2024_hover.ab37baa1fa68.png");
  --background-requerimientos2024Click: url("/static/solicitud_imagenes/images/v2.0/claro/2024_click.ebd8ae734c94.png");
  --background-requerimientos2025: url("/static/solicitud_imagenes/images/v2.0/claro/2025.3613b610b7dc.png");
  --background-requerimientos2025Hover: url("/static/solicitud_imagenes/images/v2.0/claro/2025_hover.48833debd8c3.png");
  --background-requerimientos2025Click: url("/static/solicitud_imagenes/images/v2.0/claro/2025_click.36cb24a1054f.png");
  --background-requerimientos2026: url("/static/solicitud_imagenes/images/v2.0/claro/2026.db62b7c4cfa8.png");
  --background-requerimientos2026Hover: url("/static/solicitud_imagenes/images/v2.0/claro/2026_hover.22781ae8db8d.png");
  --background-requerimientos2026Click: url("/static/solicitud_imagenes/images/v2.0/claro/2026_click.c22f045a7e4b.png");
  --background-requerimientosActas: url("/static/solicitud_imagenes/images/v2.0/claro/nueva_acta.a0af11b669f6.png");
  --background-requerimientosActasHover: url("/static/solicitud_imagenes/images/v2.0/claro/nueva_acta_hover.a1ae3d2c7c70.png");
  --background-requerimientosActasClick: url("/static/solicitud_imagenes/images/v2.0/claro/nueva_acta_click.3e246598fb83.png");
  --background-lpr:url("/static/solicitud_imagenes/images/v2.0/claro/lpr.dfb89b417ba0.png");
  --background-lprHover:url("/static/solicitud_imagenes/images/v2.0/claro/lpr_hover.5c72deff02e4.png");
  --background-lprClick:url("/static/solicitud_imagenes/images/v2.0/claro/lpr_click.2517901cebc7.png");
  --background-lprNew:url("/static/solicitud_imagenes/images/v2.0/claro/ingreso_lpr.bd47776cdd84.png");
  --background-lprNewHover:url("/static/solicitud_imagenes/images/v2.0/claro/ingreso_lpr_hover.dc3055e46481.png");
  --background-lprNewClick:url("/static/solicitud_imagenes/images/v2.0/claro/ingreso_lpr_click.d637fb4d0eae.png");
  --background-lprList:url("/static/solicitud_imagenes/images/v2.0/claro/consulta_lpr.e7c0ffd85c03.png");
  --background-lprListHover:url("/static/solicitud_imagenes/images/v2.0/claro/consulta_lpr_hover.260bc504001d.png");
  --background-lprListClick:url("/static/solicitud_imagenes/images/v2.0/claro/consulta_lpr_click.c17b3eb846af.png");
  --background-eventos: url("/static/solicitud_imagenes/images/v2.0/claro/eventos.f19266799347.png");
  --background-eventosHover: url("/static/solicitud_imagenes/images/v2.0/claro/eventos_hover.647eea1e4049.png");
  --background-eventosClick: url("/static/solicitud_imagenes/images/v2.0/claro/eventos_click.030a34edf443.png");
  --background-multas: url("/static/solicitud_imagenes/images/v2.0/claro/multas.bf15a9b3cd4c.png");
  --background-multasHover: url("/static/solicitud_imagenes/images/v2.0/claro/multas_hover.01e28331dbe7.png");
  --background-multasClick: url("/static/solicitud_imagenes/images/v2.0/claro/multas_click.c4fed9d0c953.png");
  --background-mapa: url("/static/solicitud_imagenes/images/v2.0/claro/mapa.b2d9590992da.png");
  --background-mapaHover: url("/static/solicitud_imagenes/images/v2.0/claro/mapa_hover.999fd3c3f4e4.png");
  --background-mapaClick: url("/static/solicitud_imagenes/images/v2.0/claro/mapa_click.9c463efbbadd.png");
  --background-estadistica: url("/static/solicitud_imagenes/images/v2.0/claro/estadistica.2f83d4e0c755.png");
  --background-estadisticaHover: url("/static/solicitud_imagenes/images/v2.0/claro/estadistica_hover.851621cb86b4.png");
  --background-estadisticaClick: url("/static/solicitud_imagenes/images/v2.0/claro/estadistica_click.a461474c24df.png");
  --background-siniestros: url("/static/solicitud_imagenes/images/v2.0/claro/siniestro.e450551feae2.png");
  --background-siniestrosHover: url("/static/solicitud_imagenes/images/v2.0/claro/siniestro_hover.36cc1bbe64e9.png");
  --background-siniestrosClick: url("/static/solicitud_imagenes/images/v2.0/claro/siniestro_click.954becc148ad.png");
  --background-textBox: url("/static/solicitud_imagenes/images/v2.0/claro/text_box.f2c53fa63867.png");
  --btnLines: url("/static/solicitud_imagenes/images/v2.0/claro/btn_lines.bc1d5fcb34b2.png");
  --homeBtn: url("/static/solicitud_imagenes/images/v2.0/claro/home.7784a18de131.png");
  --homeBtnHover: url("/static/solicitud_imagenes/images/v2.0/claro/home_hover.f98c5fc492b2.png");
  --temaBtn: url("/static/solicitud_imagenes/images/v2.0/claro/moon.b184463508c4.png");
  --temaBtnHover: url("/static/solicitud_imagenes/images/v2.0/claro/moon_hover.50cb5f622444.png");
  
  

  /* COLORES DE LOS RESULTADOS   */

  --no-hay-camara: #dd7700;
  --existe-material: #00bb00;
  --material-disponible: #0ad;
  --fuera-de-fecha: #ccaa00;
  --no-hay-imagenes: #999999;
  --lpr: #8d2fd4;
  --procesando: #1a2382;
  --error-de-pedido: #ff4d4d;

}	

.dark-mode {
	--background-image: url("/static/solicitud_imagenes/images/v2.0/oscuro/fondo.243be1ff1a29.png");
	--background-imageCel: url("/static/solicitud_imagenes/images/v2.0/oscuro/fondo_cel.cacb370c9f2c.png");
	--background-dpi: url("/static/solicitud_imagenes/images/v2.0/oscuro/dpi.11562c40552f.png");
  	--background-dpiHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/dpi_hover.8a6cc1c8643f.png");
  	--background-dpiNew: url("/static/solicitud_imagenes/images/v2.0/oscuro/nuevopedido.fc1503a9515e.png");
  	--background-dpiNewHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/nuevopedido_hover.3c4a81ff6612.png");
  	--background-requerimientos: url("/static/solicitud_imagenes/images/v2.0/oscuro/requerimientos.c2560c8eeb36.png");
  	--background-requerimientosHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/requerimientos_hover.f7309688a4de.png");
  	--background-requerimientos2021: url("/static/solicitud_imagenes/images/v2.0/oscuro/2021.7a42a43001b3.png");
  	--background-requerimientos2021Hover: url("/static/solicitud_imagenes/images/v2.0/oscuro/2021_hover.2805b4bb79e2.png");
  	--background-requerimientos2022: url("/static/solicitud_imagenes/images/v2.0/oscuro/2022.d9615e2d0a8d.png");
  	--background-requerimientos2022Hover: url("/static/solicitud_imagenes/images/v2.0/oscuro/2022_hover.01f8c5abe931.png");
  	--background-requerimientos2023: url("/static/solicitud_imagenes/images/v2.0/oscuro/2023.3f5221ef1834.png");
  	--background-requerimientos2023Hover: url("/static/solicitud_imagenes/images/v2.0/oscuro/2023_hover.acd81204c746.png");
  	--background-requerimientos2024: url("/static/solicitud_imagenes/images/v2.0/oscuro/2024.ab37baa1fa68.png");
  	--background-requerimientos2024Hover: url("/static/solicitud_imagenes/images/v2.0/oscuro/2024_hover.dd05219e1f75.png");
  	--background-requerimientos2024Click: url("/static/solicitud_imagenes/images/v2.0/oscuro/2024_click.ebd8ae734c94.png");
  	--background-requerimientos2025: url("/static/solicitud_imagenes/images/v2.0/oscuro/2025.48833debd8c3.png");
  	--background-requerimientos2025Hover: url("/static/solicitud_imagenes/images/v2.0/oscuro/2025_hover.841a9d81749b.png");
  	--background-requerimientos2025Click: url("/static/solicitud_imagenes/images/v2.0/oscuro/2025_click.36cb24a1054f.png");
    --background-requerimientos2026: url("/static/solicitud_imagenes/images/v2.0/oscuro/2026.22781ae8db8d.png");
  	--background-requerimientos2026Hover: url("/static/solicitud_imagenes/images/v2.0/oscuro/2026_hover.eb9b15997e2c.png");
  	--background-requerimientos2026Click: url("/static/solicitud_imagenes/images/v2.0/oscuro/2026_click.c22f045a7e4b.png");
  	--background-requerimientosActas: url("/static/solicitud_imagenes/images/v2.0/oscuro/nueva_acta.a1ae3d2c7c70.png");
  	--background-requerimientosActasHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/nueva_acta_hover.4c08e78ca3f7.png");
  	--background-requerimientosActasClick: url("/static/solicitud_imagenes/images/v2.0/oscuro/nueva_acta_click.3e246598fb83.png");
  	--background-lpr:url("/static/solicitud_imagenes/images/v2.0/oscuro/lpr.5c72deff02e4.png");
  	--background-lprHover:url("/static/solicitud_imagenes/images/v2.0/oscuro/lpr_hover.dfb89b417ba0.png");
  	--background-lprClick:url("/static/solicitud_imagenes/images/v2.0/oscuro/lpr_click.2517901cebc7.png");
  	--background-lprNew:url("/static/solicitud_imagenes/images/v2.0/oscuro/ingreso_lpr.f05e533a325d.png");
  	--background-lprNewHover:url("/static/solicitud_imagenes/images/v2.0/oscuro/ingreso_lpr_hover.476f524c8731.png");
  	--background-lprNewClick:url("/static/solicitud_imagenes/images/v2.0/oscuro/ingreso_lpr_click.baa3883a3f67.png");
  	--background-lprList:url("/static/solicitud_imagenes/images/v2.0/oscuro/consulta_lpr.34d4d00f458c.png");
  	--background-lprListHover:url("/static/solicitud_imagenes/images/v2.0/oscuro/consulta_lpr_hover.cd5bb70a1979.png");
  	--background-lprListClick:url("/static/solicitud_imagenes/images/v2.0/oscuro/consulta_lpr_click.e09bf9c7c9a7.png");
  	--background-eventos: url("/static/solicitud_imagenes/images/v2.0/oscuro/eventos.647eea1e4049.png");
  	--background-eventosHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/eventos_hover.f19266799347.png");;
  	--background-multas: url("/static/solicitud_imagenes/images/v2.0/oscuro/multas.01e28331dbe7.png");
  	--background-multasHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/multas_hover.bf15a9b3cd4c.png");
  	--background-mapa: url("/static/solicitud_imagenes/images/v2.0/oscuro/mapa.999fd3c3f4e4.png");
  	--background-mapaHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/mapa_hover.b2d9590992da.png");
  	--background-estadistica: url("/static/solicitud_imagenes/images/v2.0/oscuro/estadistica.851621cb86b4.png");
  	--background-estadisticaHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/estadistica_hover.2f83d4e0c755.png");
  	--background-siniestros: url("/static/solicitud_imagenes/images/v2.0/oscuro/siniestro.2a395e19dbba.png");
  	--background-siniestrosHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/siniestro_hover.aa4ef4e546f5.png");
  	--homeBtn: url("/static/solicitud_imagenes/images/v2.0/oscuro/home.1139a947c8f2.png");
  	--homeBtnHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/home_hover.ceea3e0c2a8e.png");
  	--temaBtn: url("/static/solicitud_imagenes/images/v2.0/oscuro/sun.3c1155014e56.png");
  	--temaBtnHover: url("/static/solicitud_imagenes/images/v2.0/oscuro/sun_hover.f14d0b760bda.png");
  
  	
    /*COLORES DE TABLA DE PEDIDOS*/
    --background-cardInformation: #333;
    --colorlineasTablaHorizontal: #999;
    --colorlineasTablaVertical: #6B7F87;
    --tableHead: #CCCCCC;
    --tableColor1: #CCCCCC;
    --tableColor2: #EFEFEF;
    --tableColor3: #758d9e;
    --tableColor4: rgb(85,102,116);
    --tableText: #FFFFFF;
    --textArea1: #374454;
    --textArea2: #555f6b;
    --fontColorW: #ffffff;/*color de la fuente claro*/
    --fontColorB: #000000;
    --sectionTitle1: #FFFFFF;
    --sectionTitle2: #CCCCCC;
  	
    /*Color ingreso info*/
    --infoFormColor: #616E7D;
  	/*--text-cardTitle: #333;
  	--text-cardInformation: #eee;
  	--shadowCard: #222;
  	--temaBtnColor: #333;
  	--navBtnColor: #FF5500 ;
  	--navColor: #333333;
  	--navTextColor: #EEEEEE;

  	/* COLORES DE LOS RESULTADOS   */

 	--no-hay-camara: #dd7700;
	--existe-material: #00bb00;
	--material-disponible: #0ad;
	--fuera-de-fecha: #ccaa00;
	--no-hay-imagenes: #999999;
    --lpr: #95c;
	--procesando: #1a8982;
	--error-de-pedido: #ff4d4d;
}

@font-face {
	font-family: "comgp_text_std";
	src: local("comgp_text_std"), url("./fonts/comgp_text_std.24f4c6f09ac3.otf");
}

* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
	font-family: "comgp_text_std"

}

body {
	width: auto;
	max-width: 98vw;
	height: auto;
	min-height: 100vh;
	max-height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-size: 100% 100%;
	background-image: var(--background-image);
}



.fondoPc {
	width: 90%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	z-index: 0;
}

header {
	min-width: 100%;
	
}
.headerPc {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 17px;
}

.headerRsp {
	display: none;
}

#logo {
	width: 10%;
	height: 45px;
	margin-left: 10px;
}

.linkLogo {
	width: 100%;
	height: 100%;
}

.linkLogoBtn {
	width: 100%;
	height: 100%;
}

.userName {
	margin-left: 20px;
	color: var(--fontColorW);
	font-size: 13px;
}

.fa-arrow-right-from-bracket {
	margin-left: 5px;
}

#reserva {
	width: auto;
	min-width: 100.7%;
	height:15px;
	background-color: var(--color1);
}

.navBarRsp{
	display: none;
	z-index: 28; /* Make the menu appear over other elements */
}

.navBar {
	width: auto;
	min-width: 100%;
	margin: 0 auto;
	height: 40px;
	min-height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--navColor);
	opacity: 80%;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.navLeft {
	width: 50%;
	height: 100%;
	display: flex;
	align-content: left;
	align-items: center;
}

.navRight {
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.navDiv {
	width: auto;
	min-width: 190px;
	height: 100%;
	color: var(--navTextColor);
	display: flex;
	align-items: center;
	justify-content: center;
}

.homeDiv {
	width: auto;
	height: 100%;
	color: var(--navTextColor);
	display: flex;
	align-items: center;
	justify-content: center;
}


.navBtn {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	color: var(--navTextColor);
	text-decoration: none;
}

.navBtn:hover {
	color: var(--buttonsGreen);
	transition: .3s;
}

.navDivRight {
	position: absolute;
	right: 70px;
	border: none;
	font-size: 20px;
	width: auto;
	height: 45px;
	margin-right: 10px;
	display: flex;
	gap: 0 10px;
}

.navDiv:hover {
	cursor: pointer;
}

.navBtnCS::after {
	display: none;
	
}

/* ESTILO DE BOTONES */


.inputRound {
	border-radius: 5px;
	border: 1px solid #000;
}


.btnsStyles {
  width: 250px;
  height: 35px;
  clip-path: polygon(100% 0, 100% 70%, 97% 100%, 0 100%, 0 0);
  border: none;
  text-align: left;
  padding-left: 5px;
  transition: .4s;
  font-weight: bold;
  margin-bottom: 10px;
  background-color: var(--color5);
  color: var(--fontColorW);
  border-bottom: 1px solid #fff;
  }

.btnDisabled {
	color: #bbb;
}

.btnDisabled:hover {
	color: #bbb;
	background-color: var(--color5);
	cursor: not-allowed;
}

/*VIDEOMULTAS*/

.mainVideoMultas {
	width: auto;
	max-width: 100%;
	height: auto;
	min-height: 50%;
	max-height: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}

.btnsStyles:hover {
	background-color: var(--buttonsGreen);
	cursor: pointer;
}

.btnsStyles:active {
  box-shadow: 2px 2px 5px var(--shadow);
} 

.logoutBtn{
	width: 150px;
	height: 80%;
	color: var(--fontColorW);
	clip-path: polygon(100% 0, 100% 70%, 97% 100%, 0 100%, 0 0);
	background-color: var(--tableColor4);
	border-bottom: 2px solid var(--fontColorW);
	font-size: 15px;
	opacity: 75%;
}

.fa-arrow-right-from-bracket {
	margin-left: 8px;
}

#temaBtn {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	color: var(--text-cardInformation);
}

#temaMoon, #temaSun {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	object-fit: contain;
	background-repeat: no-repeat;
}

.fa-caret-right {
  width: 20px;
  height: 20px;
  margin-right: 70px;
  color: var(--fontColorW);
}

/* When in the light mode, set the last-child of the temaBtn (the sun icon) to display none, thus leaving only the moon icon visible */

#temaBtn i:last-child{
	display: none;
}

/* When in the dark mode, the first-child ( the moon icon ) is set to display none, and the moon icon (last-child) is set to display block */

.dark-mode #temaBtn i:first-child{
	display: none;
}

.dark-mode #temaBtn i:last-child{
	display: block;
}

/*BOTON DE MODO CLARO/OSCURO*/

#temaMoon  {
	background-image: var(--temaBtn);
}

#temaMoonHover {
	background-image: var(--temaBtnHover);
}

#temaSun  {
	background-image: var(--temaBtn);
}

#temaSunHover {
	background-image: var(--temaBtnHover);
}

/*BOTON VOLVER*/

.homeBar {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	margin-left: 35px;
	margin-top: 10px;
}

.homeBtn {
	width: 40px;
	height: 40px;
	background-image: var(--homeBtn);
	object-fit: contain;
	background-size: 100% 100%;
}

.homeBtn:hover {
	background-image: var(--homeBtnHover);
}



/*MENSAJE DE ERROR*/

.errorBackground {
	width: 100vw;
	max-width: 99vw;
	height: 100vh;
	background-color: #fff;
	opacity: 50%;
	position: absolute;
	margin-left: 40px;
	z-index: 29;
}

.messageContainer {
	width: auto;
	min-width: 20%;
	max-width: 60%;
	border: 1px solid #000;
	background-color: var(--color3);
	color: var(--fontColorW);
	padding: 15px;
	margin-top: 10%;
	list-style: none;
	border-radius: 5px;
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 30;
}

.error-message {
	color: var(--fontColorW);
	list-style: none;
}

.errorBtn {
	width: 150px;
	height: 40px;
	border-radius: 20px;
	color: var(--fontColorW);
	background-color: var(--color5);
	border: none;
	margin-top: 10px;
}

.errorBtn:hover {
	cursor: pointer;
	background-color: var(--color2);
}

/* Add a red border to fields with errors */
.error {
  border: 1px solid #ff0000;
}



@media screen and (max-width: 600px) {

	/*MENU DESPLEGABLE*/

	body {
		background-image: var(--background-imageCel);
	}


	.headerPc {
		display: none;
	}

	.headerRsp {
		display: flex;
		flex-direction: column;
	}

	.navBar {
		display: none;
	}

	#logo {
		width: 15%;
		height: 25px;
	}

	.navBarRsp {
		width: 100%;
		height: 50px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.navLeft {
		width: 93%;
		height: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin: 0;
	}

	.navLeftBack {
		width: 93%;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0;
	}

	.homeBar {
	margin-top: 0;
}

	.navRight {
		display: none;
	}

	.divMenuIcon {
		font-size: 25px;
		margin-right: 20px;
		background-color: transparent;
	}

	.menuIcon {
		color: var(--fontColorW);
		margin-left: 5px;
	}

	.menuIcon:hover {
		scale: 1.1;
		cursor: pointer;
	}

	.userName {
		margin-left: 0;
		font-weight: lighter;
	}
	.divMenu {
		position: absolute;
		width: 100vw;
		height: auto;
		background: #FFF;
		right: 0;
		margin-top: 150px;
		display: none;
		z-index: 50;
		background-color: var(--tableColor4);
	}

	.navDiv {
		width: 100%;
		height: 40px;
		color: 	var(--fontColorW);
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 0;
		border-right: none;
		border-bottom: 2px solid var(--shadow);
		padding: 0 5px;
	}

	.navDiv::after {
		display: none;
	}

	.navDiv:last-child {
		border-radius: 0 0 5px 5px;
	}

	.navDiv:hover {
		font-weight: bold;
		cursor: pointer;
	}
	
	.navDivRight {
		width: 140px;
		border: none;
	}

	a {
		color: var(--fontColorW);
	}

	.temaBtnRsp{
 	width: 100%;
 	height: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 	#temaBtnRsp {
 		display: none;
 	}

 	/*BOTON VOLVER*/

 	.homeDiv {
		width: 40px;
		height: 40px;
	}

	.homeDivSolicitud {
		display: none;
	}


}


@keyframes textshadow {

	0% {
		opacity: 0%;
	}

	25% {
		opacity: 25%;
	}

	50% {
		opacity: 50%;
	}

	75% {
		opacity: 75%;
	}

	100% {
		opacity: 100%
	}
}



@keyframes nextImg {

	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0%);
	}
}

@keyframes prevImg {

	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0%);
	}
}