@import url("https://fonts.googleapis.com/css?family=Montserrat");
.w3-margin-bottom {margin-bottom: 16px!important;}
.w3-input {padding: 8px;display: block; border: 1px solid #ccc!important;border-radius: 6px; width: 100%;}
.grande {width: 30px;height: 30px;}
.verdeConama {background-color: rgb(151,191,14);}
.azulConama {background-color: rgb(00,181,221);}
.naranjaConama {background-color: rgb(243,152,00);}
.marronConama {background-color: rgb(108,50,28);}
body, h1, h2, h3, h4, h5, h6 {font-family: "Montserrat";}
.w3-table td{padding:6px 6px;display:table-cell;text-align:left;vertical-align:top}

* {
  box-sizing: border-box;
}
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.imagen-responsiva {
	/*width: 95% !important;*/
	min-width: 50% !important; /* La imagen no será más ancha que su contenedor */
    max-width: 95% !important; /* La imagen no será más ancha que su contenedor */
    height: auto;    /* Mantiene la proporción de aspecto */
  }

.caja-index {
    background-color: #F5F5F5; /* Puedes usar nombres, HEX o RGB */
}

.icon-disabled{
	pointer-events: none;   /* evita clics */
	cursor: default;
	opacity: 0.4;           /* atenúa la imagen */
	filter: grayscale(100%); /* opcional: la vuelve gris */
}

a[aria-disabled="true"] {
  pointer-events: none;
}

a[aria-disabled="true"] img {
  opacity: 0.4;
  filter: grayscale(80%);
}