/* 
	FICHERO CON EL ESTILO PARA TABLET
	
	Autor: Robert Sallent
	Última revisión: 05/02/2024
*/


/* Correcciones de clases genéricas para adaptarlas a pantallas medianas */

.pc{display: none !important;}

.tablet{
	display: initial !important;
}

.two-columns			{ column-count: 2 }
.three-columns			{ column-count: 2 }
.four-columns			{ column-count: 2 }


/* ----------------------------------MENU ----------------------------------*/

#main-menu{
	justify-content: end;
	position: sticky;
	z-index: 50;
	top: 5px;
	left: 5px;
	width: 100%;
}

#burger { display: block }

.menu {
  position: absolute;
  flex-direction: column;
  padding: 6px;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
  flex-direction: column;
}

.menu li{ 
	margin: auto;
	width: 100%;
}

.menu.open {
  display: flex;
}

 .menu li:not(:first-of-type) {
   padding: 0;
   border-top: 2px solid white;
 }





/* -------------------------------- LISTAS ---------------------------------*/

.grid-list-header {
   display: none;
}

.grid-list-item {
   grid-template-columns: 1fr;
   grid-row-gap: 8px;
}

.grid-list-item span {
   display: block;
   font-weight: normal;
}


.grid-list-item span::before {
   content: attr(data-label) ": ";
   font-weight: bold;
}

.grid-list-item span.caution::before{ 
	content: attr(data-label) ": ";
    background-image: url('../images/icons/warning.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 22px;
    display: inline-block;	
}


/* ----- Formulario filtro --- */
#filtro{
	text-align: left;
}

#filtro label, 
#filtro input[type='text'], 
#filtro input[type='search'], 
#filtro select{
	display: block;
	width: 100%;
	margin-top: 5px;
}

#filterFormButton{
	margin: 20px auto;
	display: block;
}

#login{
	width: 90%;
}