@media (min-width: 0px) {
  :root {
    /*--fondo_color: rgb(255, 255, 255);*/

    --com_index_cols: 1fr 300px 200px 1fr;
    --com_titulo_col: 2 / 4;

    --com_mostrar_pdf_cols: 1fr 3fr 1fr;
    --com_mostrar_pdf_rows: 100px 10fr 100px 1fr;
  }
}

/*Azul*/
@media (min-width: 801px) {
  :root {
    /*--fondo_color: rgb(213, 213, 255);*/
  }
}

/*Verde*/
@media (min-width: 1281px) {
  :root {
    /*--fondo_color: rgb(226, 255, 226);*/
  }
}

/*Rojo*/
@media (min-width: 1921px) {
  :root {
    /*--fondo_color: rgb(255, 202, 202);*/
  }
}

body {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic";
  background-color: rgb(252, 252, 252);
}

.com_index_cont {
  display: grid;
  grid-template-columns: var(--com_index_cols);
  grid-row-gap: 5px;
}

.com_index_titulo {
  grid-column: var(--com_titulo_col);
}

.com_mostrar_pdf {
  display: grid;
  grid-template-columns: var(--com_mostrar_pdf_cols);
  grid-template-rows: var(--com_mostrar_pdf_rows);
}

.desabilitar_pantalla_cons_doc {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 10000;
  opacity: 1;
  pointer-events: auto;
}

.com_titulo{
	text-align: center;
	padding-top: 4rem;
	padding-bottom: 2rem;
}

.texto_centro {
	text-align: center;
 }

 .ocultar {
	display: none;
 }
 
.lab {
	display: block;
	width: 100%;
	padding: 4px 0px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-image: none;
	font-weight: bold;
 }
 
 .txt {
	width: 98%;
	height: 34px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
 }

 .cmb {
	display: block;
	width: 100%;
	height: 34px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s,
	-webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 }

 .btn {
	width: 100%;
	height: 34px;
	font-size: 14px;
	border-radius: 6px;
	color: #000;
	background-color: rgb(225, 225, 225);
	border-color: rgb(173, 173, 173);
	cursor: pointer;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
 }