@charset "UTF-8";

/* Esta hoja de estilos es utilizada por default.xhtml, header.xhtml y footer.xhml */

/* Media Query

   Use estos estándares de resoluciones:
   	320px — 480px: Mobile devices
	481px — 768px: iPads, Tablets
	769px — 1024px: Small screens, laptops
	1025px — 1200px: Desktops, large screens
	1201px and more —  Extra large screens, TV
*/
@media screen and (max-width: 480px) {
  .img-header {
    width: 90%;
    max-height: 75px;
  }
  .img-footer {
  	max-width: 50% !important;
  }
}

@media screen and (min-width: 481px) {
  .img-header {
    width: 50%;
    max-height: 75px;
  }
}

body, html {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}


 /* Estilo para el header del sistema */
.header {
  	height: auto !important;
    background: #FFFFFF;
    color: #f1f1f1;
    text-align: left;
    max-width: 1200px;
    margin: 0 auto; /* centra el div en el contenido */
}

.header-menu-icono {
    background-image: url(/resources/img/user.svg) !important;
    width: 42px !important;
    height: 42px !important;
    background-size: 42px !important;
}

.header-menu-boton .ui-button-icon-only .ui-icon{
	left: 10% !important;
	top: 30% !important;
}

/* Estilo para el div de contenido principal del sistema */
.contenido {
	width: 100%;
	height: 90%;
	flex: 0 0 auto;
	margin: 0 auto; /* centra el div en el contenido */
}

.footer {
	height: auto !important;
	background: #1B5C4F !important;
	width: 100% !important;
	/*  position:relative !important;  */
	bottom: 0 !important;
	left: 0 !important;
	min-height: 3em !important;
	padding-top: 1.4em !important;
}


.footer-texto-titulo {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 15.1089px;
	line-height: 14px;
	letter-spacing: -0.342293px;
	color: #FFFFFF;
}

.footer-texto {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 13.3314px;
	line-height: 20px;
	letter-spacing: -0.088876px;
	color: #FFFFFF;
}

.footer-texto-bold {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 13.3314px;
	line-height: 20px;
	letter-spacing: -0.088876px;
	color: #FFFFFF;
}

.footer-icono {
	display: inline-block;
	width: 24.65px;
	height: 24.65px;
	width: 24.65px;
}

.footer-portal-datos {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url(/resources/img/footer-background.png);
	background-size:cover;
	background-position:center;
	background-repeat:repeat;
	border-radius: 5.50303px;
}

.footer-portal-datos-imagen {
	display: inline-block;
	width: 140.97px;
	height: 84.77px;
	width: 140.97px;
}

.footer-cintillo {
	background-image: url(/resources/img/cintillo.svg);
	background-repeat: no-repeat;
	background-position-x: center;
	height: 30px;
}

.footer-celda {
	margin-block-end: 10px;
}