* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; 
/* Disable font boosting */
  max-height: 1000000px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body { margin: 0 2px; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }

p, ul, li, input, div, table, spam, select, option, textarea { 
  font-size: 1em; font-weight: normal; font-family: Arial, Helvetica, Sans-Serif; 
}

img, embed, object, video { max-width:100%; }

img { border:0; margin:0; padding:0; }
a { text-decoration:none; color:#000000; }

ul { list-style:none; padding:0; margin:0; }

label, fieldset { font-weight: bold; }
fieldset { padding: 3px; border-radius: 5px; margin: 2px 0; }
legend { margin-left: 5px; }

.titulo1, .titulo2, .titulo3, .titulo4, .titulo5 { padding: 0; margin: 0; }
.centrado { text-align : center; }
.negritas { font-weight: bold; }
.error { color: red; }

.titulo1, .bienvenida { font-size: 2em; }
.titulo2 { font-size: 1.8em; }
.titulo3 { font-size: 1.6em; }
.titulo4 { font-size: 1.4em; }
.titulo5 { font-size: 1.2em; }

@media (max-width: 500px) {
  .titulo1, .bienvenida { font-size: 1.3em; }
  .titulo2 { font-size: 1.2em; }
  .titulo3 { font-size: 1.1em; }
  .titulo4 { font-size: 1.0em; }
  .titulo5 { font-size: 0.9em; }
}

#PaginaPie { float: left; width: 100%;  padding: 0; margin: 0;  }
.pie { border-top: 2px solid black; margin-top:15px; margin-bottom: 30px; }

.pagina_cabezal { width:100%; height:90px; margin-left:auto; margin-right:auto; border-bottom: 2px solid black;}
.pagina_cabezal_logo { float:left; height:82px; margin-right:1em; }
.pagina_cabezal_logo img { float:left; height:100%; }

.pagina_contenedor { padding:0 5px; }

.bienvenida { padding: 4em 0; }

.solapas { float: left; width: 100%; }
.Box { float:left; margin:0; padding:0; }

.ingreso_text { width: 14em; padding: 4px; border: 0; text-align: center; }
.ingreso_button { width: 7em; border: 2px solid grey; border-radius: 5px; padding: 4px; 
  background-color: grey; color: white; cursor: pointer; }

.vertical_align_middle * { vertical-align: middle; }
.vertical_align_top * { vertical-align: top; }

.box_botonera { text-align: right; padding: 0; margin: 0; }

.box_tabla { width: 100%; border-collapse: collapse; }
.box_tabla th { padding: 1em 0; color: white; background-color: grey; border-right: 1px solid white; } 
.box_tabla td { border: 1px solid lightgrey; }
.box_tabla tr:nth-child(even) { background-color: rgba(211, 211, 211, 0.5); }
.box_tabla_total { background-color: silver; padding: 0.3em ; }
.box_tabla_sin_datos_fila { border: 1px solid lightgrey; padding: 2em 0; }

.box_contenedoraCon, .box_contenedoraSin { float: left; }
.box_contenedoraCon { width: 85%; }
.box_contenedoraSin { width: 100%; }
.box_contenedora_botones { float: left; width: 15%; }

.RB { position:relative; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } 
.RB input[type=radio] { display: none; } 
.RB-unchecked { position:absolute; }
.RB-checked { position:absolute; display: none; }
.RB-input:checked + label .RB-checked { display: block; }
.RB-input:checked + label .RB-unchecked { display: none; }

.CB { float: left; position: relative; user-select: none; -webkit-user-select: none; 
  -moz-user-select: none; -ms-user-select: none; height:35px; width:40px; margin-bottom: 2px;
  text-align: center; padding: 0;
} 
.CB input[type=checkbox] { display: none; cursor: pointer; } 
.CB-unchecked { position: absolute; }
.CB-checked { position: absolute; display: none; }
.CB-input:checked + label .CB-checked { display: block; }
.CB-input:checked + label .CB-unchecked { display: none; } 

/* Estilo base para la lista: 3 columnas, gap = espacio entre las filas */
.lista_codigos {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; list-style-type: disc;
  padding-left: 10px;  margin: 0;
}

/* Para las pantallas menores de 400px, una columna */
@media (max-width: 400px) {
  .lista_codigos { grid-template-columns: 1fr; }
}

/* Estilos para impresión */
/* 3 columnas sin espacio entre filas */
@media print {
  .lista_codigos { grid-template-columns: repeat(3, 1fr); gap: 0; }
  li { margin: 0; padding: 0; }
}

/*

.SiNo { position:relative; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } 
.SiNo input[type=checkbox] { display: none; } 
.SiNo-label { display:block; overflow:hidden; cursor:pointer; border:1px solid #C0C0C0; border-radius:8px; } 
.SiNo-inner { display:block; width:200%; margin-left:-100%; transition:margin 0.3s ease-in 0s; } 
.SiNo-inner:before, .SiNo-inner:after { 
  display:block; float:left; width:50%; height:35px; padding:0; line-height:35px; color:#000000; font-weight:bold; 
  box-sizing:border-box; }  
.SiNo-inner:before { content:'\002714'; padding-left:5px; background-color:#FFFFFF; font-size:35px; } /* check 
.SiNo-inner:after { content:'\002716'; padding-right:5px; background-color:#C0C0C0; text-align:right; font-size:35px; } /* close 
.SiNo-cb:checked + .SiNo-label .SiNo-inner { margin-left:0; } 
.SiNo-cb:checked + .SiNo-label .SiNo-switch { right: 0; background-color:#C0C0C0; } 


/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------



.BoxScroll { float:left; margin:0; padding:0; overflow-x:hidden; overflow-y:scroll; }

.bordeCasoDIV { border:1px solid #C0C0C0;  }

.bordeGris { border:1px solid #C0C0C0; border-radius:1em; padding:2px; }
.bordeGrisComun { border:1px solid #C0C0C0; border-radius:1em; padding:2px; }

.bordeSolapaCaja { width:100%; height:55vh; border:1px solid #C0C0C0; border-radius:1em; padding:5px; }





.estilo_titulo1 { font-size:2em; }
.estilo_titulo2 { font-size:1.5em; }
.estilo_titulo3 { font-size:1em; }

@media screen and (max-width:600px) {
  .estilo_titulo1 { font-size:1.5em; }
  .estilo_titulo2 { font-size:1em; }
}

.estilo_pie { width:100%; height:auto; margin-bottom:40px; } 
.der { text-align:right; } 
.cen { text-align:center; } 
.izq { text-align:left } 

/* Estilos para la caja de filtros 
.filtro_caja { border:1px solid #C0C0C0; border-radius:1em; padding:5px; margin-bottom:2px; }
.filtro_caja { width:50%; }
@media screen and (max-width:600px) {
  .filtro_caja { width:100%; }
}
.filtro_campos { width:80%; }
.filtro_titulo { font-size:1em; font-weight:bold; }







/* 
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size 0/
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. 0/
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. 0/
  text-rendering: optimizeLegibility;

  /* Support for Firefox. 0/
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. 0/
  font-feature-settings: 'liga';
}

*/