/*Colores*/
.bg-verde {
  background: #a8cf45 !important;
}

.bg-rojo {
  background: red !important;
}

.bg-verde-oscuro {
  background: #6c9202 !important;
}

.bg-verde-limon {
  background: #4cb050 !important;
}

.bg-verde-limon-oscuro {
  background: #368739 !important;
}

.bg-aguamarina {
  background: #00c6c4 !important;
}

.bg-aguamarina-oscura {
  background: #02a19f !important;
}

.bg-azul {
  background: #45bfcf !important;
}

.bg-azul-marino {
  background: #004ff9 !important;
}

.bg-gris {
  background: #eeeeee !important;
}

.bg-gris-claro {
  background: #f3f3f3 !important;
}

.bg-gris-normal {
  background: #aaaaaa !important;
}

.bg-blanco {
  background: white !important;
}

.bg-naranja {
  background: #f66d00 !important;
}

.bg-morado {
  background: #c500ff !important;
}

.bg-magenta {
  background: #fa0085 !important;
}

.bg-rosa-claro {
  background: #ff9aa2 !important;
}

.bg-oscuro {
  background: rgba(0, 0, 0, 0.2) !important;
}

.bg-oscuro-opaco-1 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.1;
}

.bg-oscuro-opaco-2 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.2;
}

.bg-oscuro-opaco-3 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.3;
}

.bg-oscuro-opaco-4 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.4;
}

.bg-oscuro-opaco-5 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}

.bg-oscuro-opaco-6 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.6;
}

.bg-oscuro-opaco-7 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.7;
}

.bg-oscuro-opaco-8 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.8;
}

.bg-oscuro-opaco-9 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.9;
}

.bg-oscuro-opaco-10 {
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 1;
}

/*Festividades*/
.bg-fiestas-octubrinas {
  background: #f66d00 !important;
}

.bg-verde-claro {
  background: #deff8b !important;
}

.bg-verde-claro-75 {
  background: rgba(222, 255, 139, 0.75) !important;
}

.bg-verde-claro-50 {
  background: rgba(222, 255, 139, 0.5) !important;
}

.bg-verde-claro-25 {
  background: rgba(222, 255, 139, 0.25) !important;
}

.bg-verde-75 {
  background: rgba(168, 207, 69, 0.75) !important;
}

.bg-verde-50 {
  background: rgba(168, 207, 69, 0.5) !important;
}

.bg-verde-25 {
  background: rgba(168, 207, 69, 0.25) !important;
}

.bg-verde-oscuro-75 {
  background: rgba(108, 146, 2, 0.75) !important;
}

.bg-verde-oscuro-50 {
  background: rgba(108, 146, 2, 0.5) !important;
}

.bg-verde-oscuro-25 {
  background: rgba(108, 146, 2, 0.25) !important;
}

.bg-verde-limon-75 {
  background: rgba(76, 176, 80, 0.75) !important;
}

.bg-verde-limon-50 {
  background: rgba(76, 176, 80, 0.5) !important;
}

.bg-verde-limon-25 {
  background: rgba(76, 176, 80, 0.25) !important;
}

.bg-verde-limon-oscuro-75 {
  background: rgba(54, 135, 57, 0.75) !important;
}

.bg-verde-limon-oscuro-50 {
  background: rgba(54, 135, 57, 0.5) !important;
}

.bg-verde-limon-oscuro-25 {
  background: rgba(54, 135, 57, 0.25) !important;
}

.bg-aguamarina-75 {
  background: rgba(0, 198, 196, 0.75) !important;
}

.bg-aguamarina-50 {
  background: rgba(0, 198, 196, 0.5) !important;
}

.bg-aguamarina-25 {
  background: rgba(0, 198, 196, 0.25) !important;
}

.bg-aguamarina-oscura-75 {
  background: rgba(2, 161, 159, 0.75) !important;
}

.bg-aguamarina-oscura-50 {
  background: rgba(2, 161, 159, 0.5) !important;
}

.bg-aguamarina-oscura-25 {
  background: rgba(2, 161, 159, 0.25) !important;
}

.bg-azul-75 {
  background: rgba(69, 191, 207, 0.75) !important;
}

.bg-azul-50 {
  background: rgba(69, 191, 207, 0.5) !important;
}

.bg-azul-25 {
  background: rgba(69, 191, 207, 0.25) !important;
}

.bg-azul-marino-75 {
  background: rgba(0, 79, 249, 0.75) !important;
}

.bg-azul-marino-50 {
  background: rgba(0, 79, 249, 0.5) !important;
}

.bg-azul-marino-25 {
  background: rgba(0, 79, 249, 0.25) !important;
}

.bg-gris-75 {
  background: rgba(238, 238, 238, 0.75) !important;
}

.bg-gris-50 {
  background: rgba(238, 238, 238, 0.5) !important;
}

.bg-gris-25 {
  background: rgba(238, 238, 238, 0.25) !important;
}

.bg-gris-claro-75 {
  background: rgba(243, 243, 243, 0.75) !important;
}

.bg-gris-claro-50 {
  background: rgba(243, 243, 243, 0.5) !important;
}

.bg-gris-claro-25 {
  background: rgba(243, 243, 243, 0.25) !important;
}

.bg-gris-normal-75 {
  background: rgba(170, 170, 170, 0.75) !important;
}

.bg-gris-normal-50 {
  background: rgba(170, 170, 170, 0.5) !important;
}

.bg-gris-normal-25 {
  background: rgba(170, 170, 170, 0.25) !important;
}

.bg-blanco-75 {
  background: rgba(255, 255, 255, 0.75) !important;
}

.bg-blanco-50 {
  background: rgba(255, 255, 255, 0.5) !important;
}

.bg-blanco-25 {
  background: rgba(255, 255, 255, 0.25) !important;
}

.bg-naranja-75 {
  background: rgba(246, 109, 0, 0.75) !important;
}

.bg-naranja-50 {
  background: rgba(246, 109, 0, 0.5) !important;
}

.bg-naranja-25 {
  background: rgba(246, 109, 0, 0.25) !important;
}

.bg-morado-75 {
  background: rgba(197, 0, 255, 0.75) !important;
}

.bg-morado-50 {
  background: rgba(197, 0, 255, 0.5) !important;
}

.bg-morado-25 {
  background: rgba(197, 0, 255, 0.25) !important;
}

.bg-magenta-75 {
  background: rgba(250, 0, 133, 0.75) !important;
}

.bg-magenta-50 {
  background: rgba(250, 0, 133, 0.5) !important;
}

.bg-magenta-25 {
  background: rgba(250, 0, 133, 0.25) !important;
}

.bg-rosa-claro-75 {
  background: rgba(255, 154, 162, 0.75) !important;
}

.bg-rosa-claro-50 {
  background: rgba(255, 154, 162, 0.5) !important;
}

.bg-rosa-claro-25 {
  background: rgba(255, 154, 162, 0.25) !important;
}

.bg-oscuro-75 {
  background: rgba(0, 0, 0, 0.75) !important;
}

.bg-oscuro-50 {
  background: rgba(0, 0, 0, 0.5) !important;
}

.bg-oscuro-25 {
  background: rgba(0, 0, 0, 0.25) !important;
}

.bg-bandera-mexico {
  background: #299111;
  background: linear-gradient(90deg, #299111 0%, #f2f2f2 40%, #f2f2f2 61%, #ff0041 100%);
}

/*Fondos degradados*/
.bg-verde-dg {
  background: #a8cf45;
  background: linear-gradient(180deg, #a8cf45 0%, #6c9202 100%);
}

.bg-azul-dg {
  background: #073e8e;
  background: linear-gradient(0deg, #073e8e 0%, #0d6efd 100%);
}

.bg-gris-claro-dg {
  background: #999999;
  background: linear-gradient(0deg, #999999 0%, white 100%);
}

.bg-gris-dg {
  background: #a4a4a4;
  background: linear-gradient(0deg, #a4a4a4 0%, #e4e4e4 100%);
}

.bg-gris-oscuro-dg {
  background: #676767;
  background: linear-gradient(0deg, #676767 0%, #e0e0e0 100%);
}

/*Card contenedor*/
.card-hover:hover,
.card-hover:active {
  box-shadow: 0rem 0rem 0.5rem #a8cf45 !important;
  outline: 0.1rem solid #a8cf45;
  transition: all ease 0.2s;
}

/**Bordes colores*/
.borde-verde {
  border-color: #a8cf45 !important;
}

.borde-rojo {
  border-color: red !important;
}

.borde-verde-oscuro {
  border-color: #6c9202 !important;
}

.borde-verde-limon {
  border-color: #4cb050 !important;
}

.borde-verde-limon-oscuro {
  border-color: #368739 !important;
}

.borde-aguamarina {
  border-color: #00c6c4 !important;
}

.borde-aguamarina-oscura {
  border-color: #02a19f !important;
}

.borde-azul {
  border-color: #45bfcf !important;
}

.borde-azul-marino {
  border-color: #004ff9 !important;
}

.borde-gris {
  border-color: #eeeeee !important;
}

.borde-gris-claro {
  border-color: #f3f3f3 !important;
}

.borde-blanco {
  border-color: white !important;
}

.borde-naranja {
  border-color: #f66d00 !important;
}

.borde-morado {
  border-color: #c500ff !important;
}

.borde-magenta {
  border-color: #fa0085 !important;
}

.borde-rosa-claro {
  border-color: #ff9aa2 !important;
}

.borde-oscuro {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.borde-estilo-dotted {
  border-style: dotted !important;
}

.borde-estilo-dashed {
  border-style: dashed !important;
}

.borde-estilo-solid {
  border-style: solid !important;
}

.borde-estilo-double {
  border-style: double !important;
}

.borde-estilo-groove {
  border-style: groove !important;
}

.borde-estilo-ridge {
  border-style: ridge !important;
}

.borde-estilo-inset {
  border-style: inset !important;
}

.borde-estilo-outset {
  border-style: outset !important;
}

.borde-estilo-none {
  border-style: none !important;
}

.borde-estilo-hidden {
  border-style: hidden !important;
}

/*Texto colores*/
.text-verde {
  color: #a8cf45 !important;
}

.text-rojo {
  color: red !important;
}

.text-verde-oscuro {
  color: #6c9202 !important;
}

.text-verde-limon {
  color: #4cb050 !important;
}

.text-verde-limon {
  color: #4cb050 !important;
}

.text-aguamarina {
  color: #00c6c4 !important;
}

.text-aguamarina-oscura {
  color: #02a19f !important;
}

.text-azul {
  color: #45bfcf !important;
}

.text-azul-marino {
  color: #004ff9 !important;
}

.text-gris {
  color: #eeeeee !important;
}

.text-gris-claro {
  color: #f3f3f3 !important;
}

.text-gris-normal {
  color: #aaaaaa !important;
}

.text-blanco {
  color: white !important;
}

.text-naranja {
  color: #f66d00 !important;
}

.text-morado {
  color: #c500ff !important;
}

.text-magenta {
  color: #fa0085 !important;
}

.text-rosa-claro {
  color: #ff9aa2 !important;
}

.text-oscuro {
  color: rgba(0, 0, 0, 0.2) !important;
}

/*Sombras*/
.text-shadow {
  text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.2) !important;
}

.shadow-img-claro {
  filter: drop-shadow(0 0 0.25rem #f3f3f3);
}

.shadow-img-normal {
  filter: drop-shadow(0 0 0.25rem #aaaaaa);
}

.shadow-img-regular {
  filter: drop-shadow(0 0 0.25rem #eeeeee);
}

.shadow-img-oscuro {
  filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.2));
}

/*Bordes de texto*/
.text-shadow-verde {
  text-shadow: 2px 0 0 #a8cf45, -2px 0 0 #a8cf45, 0 2px 0 #a8cf45, 0 -2px 0 #a8cf45, 1px 1px #a8cf45, -1px -1px 0 #a8cf45, 1px -1px 0 #a8cf45, -1px 1px 0 #a8cf45;
}

/*Bordes de texto*/
.text-shadow-rojo {
  text-shadow: 2px 0 0 red, -2px 0 0 red, 0 2px 0 red, 0 -2px 0 red, 1px 1px red, -1px -1px 0 red, 1px -1px 0 red, -1px 1px 0 red;
}

.text-shadow-verde-oscuro {
  text-shadow: 2px 0 0 #6c9202, -2px 0 0 #6c9202, 0 2px 0 #6c9202, 0 -2px 0 #6c9202, 1px 1px #6c9202, -1px -1px 0 #6c9202, 1px -1px 0 #6c9202, -1px 1px 0 #6c9202;
}

.text-shadow-verde-limon {
  text-shadow: 2px 0 0 #4cb050, -2px 0 0 #4cb050, 0 2px 0 #4cb050, 0 -2px 0 #4cb050, 1px 1px #4cb050, -1px -1px 0 #4cb050, 1px -1px 0 #4cb050, -1px 1px 0 #4cb050;
}

.text-shadow-verde-limon-oscuro {
  text-shadow: 2px 0 0 #368739, -2px 0 0 #368739, 0 2px 0 #368739, 0 -2px 0 #368739, 1px 1px #368739, -1px -1px 0 #368739, 1px -1px 0 #368739, -1px 1px 0 #368739;
}

.text-shadow-aguamarina {
  text-shadow: 2px 0 0 #00c6c4, -2px 0 0 #00c6c4, 0 2px 0 #00c6c4, 0 -2px 0 #00c6c4, 1px 1px #00c6c4, -1px -1px 0 #00c6c4, 1px -1px 0 #00c6c4, -1px 1px 0 #00c6c4;
}

.text-shadow-aguamarina-oscura {
  text-shadow: 2px 0 0 #02a19f, -2px 0 0 #02a19f, 0 2px 0 #02a19f, 0 -2px 0 #02a19f, 1px 1px #02a19f, -1px -1px 0 #02a19f, 1px -1px 0 #02a19f, -1px 1px 0 #02a19f;
}

.text-shadow-azul {
  text-shadow: 2px 0 0 #45bfcf, -2px 0 0 #45bfcf, 0 2px 0 #45bfcf, 0 -2px 0 #45bfcf, 1px 1px #45bfcf, -1px -1px 0 #45bfcf, 1px -1px 0 #45bfcf, -1px 1px 0 #45bfcf;
}

.text-shadow-azul-marino {
  text-shadow: 2px 0 0 #004ff9, -2px 0 0 #004ff9, 0 2px 0 #004ff9, 0 -2px 0 #004ff9, 1px 1px #004ff9, -1px -1px 0 #004ff9, 1px -1px 0 #004ff9, -1px 1px 0 #004ff9;
}

.text-shadow-gris {
  text-shadow: 2px 0 0 #eeeeee, -2px 0 0 #eeeeee, 0 2px 0 #eeeeee, 0 -2px 0 #eeeeee, 1px 1px #eeeeee, -1px -1px 0 #eeeeee, 1px -1px 0 #eeeeee, -1px 1px 0 #eeeeee;
}

.text-shadow-gris-claro {
  text-shadow: 2px 0 0 #f3f3f3, -2px 0 0 #f3f3f3, 0 2px 0 #f3f3f3, 0 -2px 0 #f3f3f3, 1px 1px #f3f3f3, -1px -1px 0 #f3f3f3, 1px -1px 0 #f3f3f3, -1px 1px 0 #f3f3f3;
}

.text-shadow-blanco {
  text-shadow: 2px 0 0 white, -2px 0 0 white, 0 2px 0 white, 0 -2px 0 white, 1px 1px white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white;
}

.text-shadow-naranja {
  text-shadow: 2px 0 0 #f66d00, -2px 0 0 #f66d00, 0 2px 0 #f66d00, 0 -2px 0 #f66d00, 1px 1px #f66d00, -1px -1px 0 #f66d00, 1px -1px 0 #f66d00, -1px 1px 0 #f66d00;
}

.text-shadow-morado {
  text-shadow: 2px 0 0 #c500ff, -2px 0 0 #c500ff, 0 2px 0 #c500ff, 0 -2px 0 #c500ff, 1px 1px #c500ff, -1px -1px 0 #c500ff, 1px -1px 0 #c500ff, -1px 1px 0 #c500ff;
}

.text-shadow-magenta {
  text-shadow: 2px 0 0 #fa0085, -2px 0 0 #fa0085, 0 2px 0 #fa0085, 0 -2px 0 #fa0085, 1px 1px #fa0085, -1px -1px 0 #fa0085, 1px -1px 0 #fa0085, -1px 1px 0 #fa0085;
}

.text-shadow-rosa-claro {
  text-shadow: 2px 0 0 #ff9aa2, -2px 0 0 #ff9aa2, 0 2px 0 #ff9aa2, 0 -2px 0 #ff9aa2, 1px 1px #ff9aa2, -1px -1px 0 #ff9aa2, 1px -1px 0 #ff9aa2, -1px 1px 0 #ff9aa2;
}

.text-shadow-oscuro {
  text-shadow: 2px 0 0 rgba(0, 0, 0, 0.2), -2px 0 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2), -1px -1px 0 rgba(0, 0, 0, 0.2), 1px -1px 0 rgba(0, 0, 0, 0.2), -1px 1px 0 rgba(0, 0, 0, 0.2);
}

/******* Sombras **********/
.shadow-verde-oscuro {
  box-shadow: 0px 0px 5px #6c9202;
}

.shadow-verde-limon {
  box-shadow: 0px 0px 5px #4cb050;
}

.shadow-verde-limon-oscuro {
  box-shadow: 0px 0px 5px #368739;
}

.shadow-aguamarina {
  box-shadow: 0px 0px 5px #00c6c4;
}

.shadow-aguamarina-oscura {
  box-shadow: 0px 0px 5px #02a19f;
}

.shadow-azul {
  box-shadow: 0px 0px 5px #45bfcf;
}

.shadow-azul-marino {
  box-shadow: 0px 0px 5px #004ff9;
}

.shadow-gris {
  box-shadow: 0px 0px 5px #eeeeee;
}

.shadow-gris-claro {
  box-shadow: 0px 0px 5px #f3f3f3;
}

.shadow-blanco {
  box-shadow: 0px 0px 5px white;
}

.shadow-naranja {
  box-shadow: 0px 0px 5px #f66d00;
}

.shadow-morado {
  box-shadow: 0px 0px 5px #c500ff;
}

.shadow-magenta {
  box-shadow: 0px 0px 5px #fa0085;
}

.shadow-rosa-claro {
  box-shadow: 0px 0px 5px #ff9aa2;
}

.shadow-oscuro {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

/*Apariencia*/
.apariencia-0 {
  appearance: none !important;
  background: none;
  border: none;
  outline: none;
}

/*Botones*/
.btnCategorias:link,
.btnCategorias:visited {
  text-decoration: none !important;
  color: #004ff9;
}

.btnCategorias:hover,
.btnCategorias:active {
  text-decoration: underline !important;
  color: #004ff9;
  border-radius: 0;
}

/*Tablas*/
.table-rounded-1 {
  border-radius: 0.25rem;
  overflow: hidden;
}

.table-rounded-2 {
  border-radius: 0.5rem;
  overflow: hidden;
}

.table-rounded-3 {
  border-radius: 0.75rem;
  overflow: hidden;
}

.table-rounded-4 {
  border-radius: 1rem;
  overflow: hidden;
}

.table-rounded-5 {
  border-radius: 1.25rem;
  overflow: hidden;
}

.hover:hover {
  transition: all ease 0.2s;
  background: #f3f3f3 !important;
}

.hover-texto-verde-claro:hover {
  color: #deff8b !important;
}

.hover-texto-rojo:hover {
  color: red !important;
}

.hover-texto-verde:hover {
  color: #a8cf45 !important;
}

.hover-texto-verde-oscuro:hover {
  color: #6c9202 !important;
}

.hover-texto-verde-limon:hover {
  color: #4cb050 !important;
}

.hover-texto-verde-limon-oscuro:hover {
  color: #368739 !important;
}

.hover-texto-aguamarina:hover {
  color: #00c6c4 !important;
}

.hover-texto-aguamarina-oscura:hover {
  color: #02a19f !important;
}

.hover-texto-azul:hover {
  color: #45bfcf !important;
}

.hover-texto-azul-marino:hover {
  color: #004ff9 !important;
}

.hover-texto-gris:hover {
  color: #eeeeee !important;
}

.hover-texto-gris-claro:hover {
  color: #f3f3f3 !important;
}

.hover-texto-gris-normal:hover {
  color: #aaaaaa !important;
}

.hover-texto-blanco:hover {
  color: white !important;
}

.hover-texto-naranja:hover {
  color: #f66d00 !important;
}

.hover-texto-morado:hover {
  color: #c500ff !important;
}

.hover-texto-magenta:hover {
  color: #fa0085 !important;
}

.hover-texto-rosa-claro:hover {
  color: #ff9aa2 !important;
}

.hover-texto-oscuro:hover {
  color: rgba(0, 0, 0, 0.2) !important;
}

.hover-texto-verde-claro-75:hover {
  color: rgba(222, 255, 139, 0.75) !important;
}

.hover-texto-verde-claro-50:hover {
  color: rgba(222, 255, 139, 0.5) !important;
}

.hover-texto-verde-claro-25:hover {
  color: rgba(222, 255, 139, 0.25) !important;
}

.hover-texto-verde-75:hover {
  color: rgba(168, 207, 69, 0.75) !important;
}

.hover-texto-verde-50:hover {
  color: rgba(168, 207, 69, 0.5) !important;
}

.hover-texto-verde-25:hover {
  color: rgba(168, 207, 69, 0.25) !important;
}

.hover-texto-verde-oscuro-75:hover {
  color: rgba(108, 146, 2, 0.75) !important;
}

.hover-texto-verde-oscuro-50:hover {
  color: rgba(108, 146, 2, 0.5) !important;
}

.hover-texto-verde-oscuro-25:hover {
  color: rgba(108, 146, 2, 0.25) !important;
}

.hover-texto-verde-limon-75:hover {
  color: rgba(76, 176, 80, 0.75) !important;
}

.hover-texto-verde-limon-50:hover {
  color: rgba(76, 176, 80, 0.5) !important;
}

.hover-texto-verde-limon-25:hover {
  color: rgba(76, 176, 80, 0.25) !important;
}

.hover-texto-verde-limon-oscuro-75:hover {
  color: rgba(54, 135, 57, 0.75) !important;
}

.hover-texto-verde-limon-oscuro-50:hover {
  color: rgba(54, 135, 57, 0.5) !important;
}

.hover-texto-verde-limon-oscuro-25:hover {
  color: rgba(54, 135, 57, 0.25) !important;
}

.hover-texto-aguamarina-75:hover {
  color: rgba(0, 198, 196, 0.75) !important;
}

.hover-texto-aguamarina-50:hover {
  color: rgba(0, 198, 196, 0.5) !important;
}

.hover-texto-aguamarina-25:hover {
  color: rgba(0, 198, 196, 0.25) !important;
}

.hover-texto-aguamarina-oscura-75:hover {
  color: rgba(2, 161, 159, 0.75) !important;
}

.hover-texto-aguamarina-oscura-50:hover {
  color: rgba(2, 161, 159, 0.5) !important;
}

.hover-texto-aguamarina-oscura-25:hover {
  color: rgba(2, 161, 159, 0.25) !important;
}

.hover-texto-azul-75:hover {
  color: rgba(69, 191, 207, 0.75) !important;
}

.hover-texto-azul-50:hover {
  color: rgba(69, 191, 207, 0.5) !important;
}

.hover-texto-azul-25:hover {
  color: rgba(69, 191, 207, 0.25) !important;
}

.hover-texto-azul-marino-75:hover {
  color: rgba(0, 79, 249, 0.75) !important;
}

.hover-texto-azul-marino-50:hover {
  color: rgba(0, 79, 249, 0.5) !important;
}

.hover-texto-azul-marino-25:hover {
  color: rgba(0, 79, 249, 0.25) !important;
}

.hover-texto-gris-75:hover {
  color: rgba(238, 238, 238, 0.75) !important;
}

.hover-texto-gris-50:hover {
  color: rgba(238, 238, 238, 0.5) !important;
}

.hover-texto-gris-25:hover {
  color: rgba(238, 238, 238, 0.25) !important;
}

.hover-texto-gris-claro-75:hover {
  color: rgba(243, 243, 243, 0.75) !important;
}

.hover-texto-gris-claro-50:hover {
  color: rgba(243, 243, 243, 0.5) !important;
}

.hover-texto-gris-claro-25:hover {
  color: rgba(243, 243, 243, 0.25) !important;
}

.hover-texto-gris-normal-75:hover {
  color: rgba(170, 170, 170, 0.75) !important;
}

.hover-texto-gris-normal-50:hover {
  color: rgba(170, 170, 170, 0.5) !important;
}

.hover-texto-gris-normal-25:hover {
  color: rgba(170, 170, 170, 0.25) !important;
}

.hover-texto-blanco-75:hover {
  color: rgba(255, 255, 255, 0.75) !important;
}

.hover-texto-blanco-50:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.hover-texto-blanco-25:hover {
  color: rgba(255, 255, 255, 0.25) !important;
}

.hover-texto-naranja-75:hover {
  color: rgba(246, 109, 0, 0.75) !important;
}

.hover-texto-naranja-50:hover {
  color: rgba(246, 109, 0, 0.5) !important;
}

.hover-texto-naranja-25:hover {
  color: rgba(246, 109, 0, 0.25) !important;
}

.hover-texto-morado-75:hover {
  color: rgba(197, 0, 255, 0.75) !important;
}

.hover-texto-morado-50:hover {
  color: rgba(197, 0, 255, 0.5) !important;
}

.hover-texto-morado-25:hover {
  color: rgba(197, 0, 255, 0.25) !important;
}

.hover-texto-magenta-75:hover {
  color: rgba(250, 0, 133, 0.75) !important;
}

.hover-texto-magenta-50:hover {
  color: rgba(250, 0, 133, 0.5) !important;
}

.hover-texto-magenta-25:hover {
  color: rgba(250, 0, 133, 0.25) !important;
}

.hover-texto-rosa-claro-75:hover {
  color: rgba(255, 154, 162, 0.75) !important;
}

.hover-texto-rosa-claro-50:hover {
  color: rgba(255, 154, 162, 0.5) !important;
}

.hover-texto-rosa-claro-25:hover {
  color: rgba(255, 154, 162, 0.25) !important;
}

.hover-texto-oscuro-75:hover {
  color: rgba(0, 0, 0, 0.75) !important;
}

.hover-texto-oscuro-50:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}

.hover-texto-oscuro-25:hover {
  color: rgba(0, 0, 0, 0.25) !important;
}

.hover-verde-claro:hover {
  background: #deff8b !important;
}

.hover-verde:hover {
  background: #a8cf45 !important;
}

.hover-verde-oscuro:hover {
  background: #6c9202 !important;
}

.hover-verde-limon:hover {
  background: #4cb050 !important;
}

.hover-verde-limon-oscuro:hover {
  background: #368739 !important;
}

.hover-aguamarina:hover {
  background: #00c6c4 !important;
}

.hover-aguamarina-oscura:hover {
  background: #02a19f !important;
}

.hover-azul:hover {
  background: #45bfcf !important;
}

.hover-azul-marino:hover {
  background: #004ff9 !important;
}

.hover-gris:hover {
  background: #eeeeee !important;
}

.hover-gris-claro:hover {
  background: #f3f3f3 !important;
}

.hover-gris-normal:hover {
  background: #aaaaaa !important;
}

.hover-blanco:hover {
  background: white !important;
}

.hover-naranja:hover {
  background: #f66d00 !important;
}

.hover-morado:hover {
  background: #c500ff !important;
}

.hover-magenta:hover {
  background: #fa0085 !important;
}

.hover-rosa-claro:hover {
  background: #ff9aa2 !important;
}

/*Filtros de imagenes*/
.filtro-grayscale-1 {
  filter: grayscale(25%);
}

.filtro-grayscale-2 {
  filter: grayscale(50%);
}

.filtro-grayscale-3 {
  filter: grayscale(75%);
}

.filtro-grayscale-4 {
  filter: grayscale(100%);
}

.filtro-blur-0 {
  filter: blur(0px);
}

.filtro-blur-1 {
  filter: blur(1px);
}

.filtro-blur-2 {
  filter: blur(2px);
}

.filtro-blur-3 {
  filter: blur(3px);
}

.filtro-blur-4 {
  filter: blur(4px);
}

.filtro-blur-5 {
  filter: blur(5px);
}

.filtro-blur-6 {
  filter: blur(6px);
}

.filtro-blur-7 {
  filter: blur(7px);
}

.filtro-blur-8 {
  filter: blur(8px);
}

.filtro-blur-9 {
  filter: blur(9px);
}

.filtro-blur-10 {
  filter: blur(10px);
}

.filtro-contrast-0 {
  filter: contrast(0%);
}

.filtro-contrast-1 {
  filter: contrast(10%);
}

.filtro-contrast-2 {
  filter: contrast(20%);
}

.filtro-contrast-3 {
  filter: contrast(30%);
}

.filtro-contrast-4 {
  filter: contrast(40%);
}

.filtro-contrast-5 {
  filter: contrast(50%);
}

.filtro-contrast-6 {
  filter: contrast(60%);
}

.filtro-contrast-7 {
  filter: contrast(70%);
}

.filtro-contrast-8 {
  filter: contrast(80%);
}

.filtro-contrast-9 {
  filter: contrast(90%);
}

.filtro-contrast-10 {
  filter: contrast(100%);
}

.preview-1 {
  cursor: pointer;
  width: 100px !important;
  height: 100px !important;
  display: block;
  box-sizing: border-box;
  border-width: 3px;
  border-style: dashed;
}

.preview-2 {
  cursor: pointer;
  width: 150px !important;
  height: 150px !important;
  display: block;
  box-sizing: border-box;
  border-width: 3px;
  border-style: dashed;
}

.preview-3 {
  cursor: pointer;
  width: 200px !important;
  height: 200px !important;
  display: block;
  box-sizing: border-box;
  border-width: 3px;
  border-style: dashed;
}

.preview-4 {
  cursor: pointer;
  width: 250px !important;
  height: 250px !important;
  display: block;
  box-sizing: border-box;
  border-width: 3px;
  border-style: dashed;
}

.preview-5 {
  cursor: pointer;
  width: 300px !important;
  height: 300px !important;
  display: block;
  box-sizing: border-box;
  border-width: 3px;
  border-style: dashed;
}

.cursor-alias {
  cursor: alias;
}

.cursor-all-scroll {
  cursor: all-scroll;
}

.cursor-auto {
  cursor: auto;
}

.cursor-cell {
  cursor: cell;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-context-menu {
  cursor: context-menu;
}

.cursor-copy {
  cursor: copy;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-default {
  cursor: default;
}

.cursor-e-resize {
  cursor: e-resize;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

.cursor-n-resize {
  cursor: n-resize;
}

.cursor-ne-resize {
  cursor: ne-resize;
}

.cursor-nesw-resize {
  cursor: nesw-resize;
}

.cursor-ns-resize {
  cursor: ns-resize;
}

.cursor-nw-resize {
  cursor: nw-resize;
}

.cursor-nwse-resize {
  cursor: nwse-resize;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-none {
  cursor: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-progress {
  cursor: progress;
}

.cursor-row-resize {
  cursor: row-resize;
}

.cursor-s-resize {
  cursor: s-resize;
}

.cursor-se-resize {
  cursor: se-resize;
}

.cursor-sw-resize {
  cursor: sw-resize;
}

.cursor-text {
  cursor: text;
}

.cursor-w-resize {
  cursor: w-resize;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.hover-bg-verde-claro:hover {
  background: #deff8b !important;
  transition: all ease .2s;
}

.hover-bg-verde:hover {
  background: #a8cf45 !important;
  transition: all ease .2s;
}

.hover-bg-verde-oscuro:hover {
  background: #6c9202 !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon:hover {
  background: #4cb050 !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon-oscuro:hover {
  background: #368739 !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina:hover {
  background: #00c6c4 !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina-oscura:hover {
  background: #02a19f !important;
  transition: all ease .2s;
}

.hover-bg-azul:hover {
  background: #45bfcf !important;
  transition: all ease .2s;
}

.hover-bg-azul-marino:hover {
  background: #004ff9 !important;
  transition: all ease .2s;
}

.hover-bg-gris:hover {
  background: #eeeeee !important;
  transition: all ease .2s;
}

.hover-bg-gris-claro:hover {
  background: #f3f3f3 !important;
  transition: all ease .2s;
}

.hover-bg-gris-normal:hover {
  background: #aaaaaa !important;
  transition: all ease .2s;
}

.hover-bg-blanco:hover {
  background: white !important;
  transition: all ease .2s;
}

.hover-bg-naranja:hover {
  background: #f66d00 !important;
  transition: all ease .2s;
}

.hover-bg-morado:hover {
  background: #c500ff !important;
  transition: all ease .2s;
}

.hover-bg-magenta:hover {
  background: #fa0085 !important;
  transition: all ease .2s;
}

.hover-bg-rosa-claro:hover {
  background: #ff9aa2 !important;
  transition: all ease .2s;
}

.hover-bg-oscuro:hover {
  background: rgba(0, 0, 0, 0.2) !important;
  transition: all ease .2s;
}

.hover-bg-verde-claro-75:hover {
  background: rgba(222, 255, 139, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-verde-claro-50:hover {
  background: rgba(222, 255, 139, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-verde-claro-25:hover {
  background: rgba(222, 255, 139, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-verde-75:hover {
  background: rgba(168, 207, 69, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-verde-50:hover {
  background: rgba(168, 207, 69, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-verde-25:hover {
  background: rgba(168, 207, 69, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-verde-oscuro-75:hover {
  background: rgba(108, 146, 2, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-verde-oscuro-50:hover {
  background: rgba(108, 146, 2, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-verde-oscuro-25:hover {
  background: rgba(108, 146, 2, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon-75:hover {
  background: rgba(76, 176, 80, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon-50:hover {
  background: rgba(76, 176, 80, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon-25:hover {
  background: rgba(76, 176, 80, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon-oscuro-75:hover {
  background: rgba(54, 135, 57, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon-oscuro-50:hover {
  background: rgba(54, 135, 57, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-verde-limon-oscuro-25:hover {
  background: rgba(54, 135, 57, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina-75:hover {
  background: rgba(0, 198, 196, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina-50:hover {
  background: rgba(0, 198, 196, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina-25:hover {
  background: rgba(0, 198, 196, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina-oscura-75:hover {
  background: rgba(2, 161, 159, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina-oscura-50:hover {
  background: rgba(2, 161, 159, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-aguamarina-oscura-25:hover {
  background: rgba(2, 161, 159, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-azul-75:hover {
  background: rgba(69, 191, 207, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-azul-50:hover {
  background: rgba(69, 191, 207, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-azul-25:hover {
  background: rgba(69, 191, 207, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-azul-marino-75:hover {
  background: rgba(0, 79, 249, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-azul-marino-50:hover {
  background: rgba(0, 79, 249, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-azul-marino-25:hover {
  background: rgba(0, 79, 249, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-gris-75:hover {
  background: rgba(238, 238, 238, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-gris-50:hover {
  background: rgba(238, 238, 238, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-gris-25:hover {
  background: rgba(238, 238, 238, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-gris-claro-75:hover {
  background: rgba(243, 243, 243, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-gris-claro-50:hover {
  background: rgba(243, 243, 243, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-gris-claro-25:hover {
  background: rgba(243, 243, 243, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-gris-normal-75:hover {
  background: rgba(170, 170, 170, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-gris-normal-50:hover {
  background: rgba(170, 170, 170, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-gris-normal-25:hover {
  background: rgba(170, 170, 170, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-blanco-75:hover {
  background: rgba(255, 255, 255, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-blanco-50:hover {
  background: rgba(255, 255, 255, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-blanco-25:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-naranja-75:hover {
  background: rgba(246, 109, 0, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-naranja-50:hover {
  background: rgba(246, 109, 0, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-naranja-25:hover {
  background: rgba(246, 109, 0, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-morado-75:hover {
  background: rgba(197, 0, 255, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-morado-50:hover {
  background: rgba(197, 0, 255, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-morado-25:hover {
  background: rgba(197, 0, 255, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-magenta-75:hover {
  background: rgba(250, 0, 133, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-magenta-50:hover {
  background: rgba(250, 0, 133, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-magenta-25:hover {
  background: rgba(250, 0, 133, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-rosa-claro-75:hover {
  background: rgba(255, 154, 162, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-rosa-claro-50:hover {
  background: rgba(255, 154, 162, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-rosa-claro-25:hover {
  background: rgba(255, 154, 162, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-oscuro-75:hover {
  background: rgba(0, 0, 0, 0.75) !important;
  transition: all ease .2s;
}

.hover-bg-oscuro-50:hover {
  background: rgba(0, 0, 0, 0.5) !important;
  transition: all ease .2s;
}

.hover-bg-oscuro-25:hover {
  background: rgba(0, 0, 0, 0.25) !important;
  transition: all ease .2s;
}

.hover-bg-rojo:hover {
  background: red !important;
  transition: all ease .2s;
}

.active-bg-verde-claro:active {
  background: #deff8b !important;
  transition: all ease .2s;
}

.active-bg-verde:active {
  background: #a8cf45 !important;
  transition: all ease .2s;
}

.active-bg-verde-oscuro:active {
  background: #6c9202 !important;
  transition: all ease .2s;
}

.active-bg-verde-limon:active {
  background: #4cb050 !important;
  transition: all ease .2s;
}

.active-bg-verde-limon-oscuro:active {
  background: #368739 !important;
  transition: all ease .2s;
}

.active-bg-aguamarina:active {
  background: #00c6c4 !important;
  transition: all ease .2s;
}

.active-bg-aguamarina-oscura:active {
  background: #02a19f !important;
  transition: all ease .2s;
}

.active-bg-azul:active {
  background: #45bfcf !important;
  transition: all ease .2s;
}

.active-bg-azul-marino:active {
  background: #004ff9 !important;
  transition: all ease .2s;
}

.active-bg-gris:active {
  background: #eeeeee !important;
  transition: all ease .2s;
}

.active-bg-gris-claro:active {
  background: #f3f3f3 !important;
  transition: all ease .2s;
}

.active-bg-gris-normal:active {
  background: #aaaaaa !important;
  transition: all ease .2s;
}

.active-bg-blanco:active {
  background: white !important;
  transition: all ease .2s;
}

.active-bg-naranja:active {
  background: #f66d00 !important;
  transition: all ease .2s;
}

.active-bg-morado:active {
  background: #c500ff !important;
  transition: all ease .2s;
}

.active-bg-magenta:active {
  background: #fa0085 !important;
  transition: all ease .2s;
}

.active-bg-rosa-claro:active {
  background: #ff9aa2 !important;
  transition: all ease .2s;
}

.active-bg-oscuro:active {
  background: rgba(0, 0, 0, 0.2) !important;
  transition: all ease .2s;
}

.active-bg-verde-claro-75:active {
  background: rgba(222, 255, 139, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-verde-claro-50:active {
  background: rgba(222, 255, 139, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-verde-claro-25:active {
  background: rgba(222, 255, 139, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-verde-75:active {
  background: rgba(168, 207, 69, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-verde-50:active {
  background: rgba(168, 207, 69, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-verde-25:active {
  background: rgba(168, 207, 69, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-verde-oscuro-75:active {
  background: rgba(108, 146, 2, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-verde-oscuro-50:active {
  background: rgba(108, 146, 2, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-verde-oscuro-25:active {
  background: rgba(108, 146, 2, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-verde-limon-75:active {
  background: rgba(76, 176, 80, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-verde-limon-50:active {
  background: rgba(76, 176, 80, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-verde-limon-25:active {
  background: rgba(76, 176, 80, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-verde-limon-oscuro-75:active {
  background: rgba(54, 135, 57, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-verde-limon-oscuro-50:active {
  background: rgba(54, 135, 57, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-verde-limon-oscuro-25:active {
  background: rgba(54, 135, 57, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-aguamarina-75:active {
  background: rgba(0, 198, 196, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-aguamarina-50:active {
  background: rgba(0, 198, 196, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-aguamarina-25:active {
  background: rgba(0, 198, 196, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-aguamarina-oscura-75:active {
  background: rgba(2, 161, 159, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-aguamarina-oscura-50:active {
  background: rgba(2, 161, 159, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-aguamarina-oscura-25:active {
  background: rgba(2, 161, 159, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-azul-75:active {
  background: rgba(69, 191, 207, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-azul-50:active {
  background: rgba(69, 191, 207, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-azul-25:active {
  background: rgba(69, 191, 207, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-azul-marino-75:active {
  background: rgba(0, 79, 249, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-azul-marino-50:active {
  background: rgba(0, 79, 249, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-azul-marino-25:active {
  background: rgba(0, 79, 249, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-gris-75:active {
  background: rgba(238, 238, 238, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-gris-50:active {
  background: rgba(238, 238, 238, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-gris-25:active {
  background: rgba(238, 238, 238, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-gris-claro-75:active {
  background: rgba(243, 243, 243, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-gris-claro-50:active {
  background: rgba(243, 243, 243, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-gris-claro-25:active {
  background: rgba(243, 243, 243, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-gris-normal-75:active {
  background: rgba(170, 170, 170, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-gris-normal-50:active {
  background: rgba(170, 170, 170, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-gris-normal-25:active {
  background: rgba(170, 170, 170, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-blanco-75:active {
  background: rgba(255, 255, 255, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-blanco-50:active {
  background: rgba(255, 255, 255, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-blanco-25:active {
  background: rgba(255, 255, 255, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-naranja-75:active {
  background: rgba(246, 109, 0, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-naranja-50:active {
  background: rgba(246, 109, 0, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-naranja-25:active {
  background: rgba(246, 109, 0, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-morado-75:active {
  background: rgba(197, 0, 255, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-morado-50:active {
  background: rgba(197, 0, 255, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-morado-25:active {
  background: rgba(197, 0, 255, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-magenta-75:active {
  background: rgba(250, 0, 133, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-magenta-50:active {
  background: rgba(250, 0, 133, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-magenta-25:active {
  background: rgba(250, 0, 133, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-rosa-claro-75:active {
  background: rgba(255, 154, 162, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-rosa-claro-50:active {
  background: rgba(255, 154, 162, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-rosa-claro-25:active {
  background: rgba(255, 154, 162, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-oscuro-75:active {
  background: rgba(0, 0, 0, 0.75) !important;
  transition: all ease .2s;
}

.active-bg-oscuro-50:active {
  background: rgba(0, 0, 0, 0.5) !important;
  transition: all ease .2s;
}

.active-bg-oscuro-25:active {
  background: rgba(0, 0, 0, 0.25) !important;
  transition: all ease .2s;
}

.active-bg-rojo:active {
  background: red !important;
  transition: all ease .2s;
}

.hover-border-verde-claro:hover {
  border-color: #deff8b !important;
  transition: all ease .2s;
}

.hover-border-verde:hover {
  border-color: #a8cf45 !important;
  transition: all ease .2s;
}

.hover-border-verde-oscuro:hover {
  border-color: #6c9202 !important;
  transition: all ease .2s;
}

.hover-border-verde-limon:hover {
  border-color: #4cb050 !important;
  transition: all ease .2s;
}

.hover-border-verde-limon-oscuro:hover {
  border-color: #368739 !important;
  transition: all ease .2s;
}

.hover-border-aguamarina:hover {
  border-color: #00c6c4 !important;
  transition: all ease .2s;
}

.hover-border-aguamarina-oscura:hover {
  border-color: #02a19f !important;
  transition: all ease .2s;
}

.hover-border-azul:hover {
  border-color: #45bfcf !important;
  transition: all ease .2s;
}

.hover-border-azul-marino:hover {
  border-color: #004ff9 !important;
  transition: all ease .2s;
}

.hover-border-gris:hover {
  border-color: #eeeeee !important;
  transition: all ease .2s;
}

.hover-border-gris-claro:hover {
  border-color: #f3f3f3 !important;
  transition: all ease .2s;
}

.hover-border-gris-normal:hover {
  border-color: #aaaaaa !important;
  transition: all ease .2s;
}

.hover-border-blanco:hover {
  border-color: white !important;
  transition: all ease .2s;
}

.hover-border-naranja:hover {
  border-color: #f66d00 !important;
  transition: all ease .2s;
}

.hover-border-morado:hover {
  border-color: #c500ff !important;
  transition: all ease .2s;
}

.hover-border-magenta:hover {
  border-color: #fa0085 !important;
  transition: all ease .2s;
}

.hover-border-rosa-claro:hover {
  border-color: #ff9aa2 !important;
  transition: all ease .2s;
}

.hover-border-oscuro:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
  transition: all ease .2s;
}

.hover-border-verde-claro-75:hover {
  border-color: rgba(222, 255, 139, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-verde-claro-50:hover {
  border-color: rgba(222, 255, 139, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-verde-claro-25:hover {
  border-color: rgba(222, 255, 139, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-verde-75:hover {
  border-color: rgba(168, 207, 69, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-verde-50:hover {
  border-color: rgba(168, 207, 69, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-verde-25:hover {
  border-color: rgba(168, 207, 69, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-verde-oscuro-75:hover {
  border-color: rgba(108, 146, 2, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-verde-oscuro-50:hover {
  border-color: rgba(108, 146, 2, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-verde-oscuro-25:hover {
  border-color: rgba(108, 146, 2, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-verde-limon-75:hover {
  border-color: rgba(76, 176, 80, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-verde-limon-50:hover {
  border-color: rgba(76, 176, 80, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-verde-limon-25:hover {
  border-color: rgba(76, 176, 80, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-verde-limon-oscuro-75:hover {
  border-color: rgba(54, 135, 57, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-verde-limon-oscuro-50:hover {
  border-color: rgba(54, 135, 57, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-verde-limon-oscuro-25:hover {
  border-color: rgba(54, 135, 57, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-aguamarina-75:hover {
  border-color: rgba(0, 198, 196, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-aguamarina-50:hover {
  border-color: rgba(0, 198, 196, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-aguamarina-25:hover {
  border-color: rgba(0, 198, 196, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-aguamarina-oscura-75:hover {
  border-color: rgba(2, 161, 159, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-aguamarina-oscura-50:hover {
  border-color: rgba(2, 161, 159, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-aguamarina-oscura-25:hover {
  border-color: rgba(2, 161, 159, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-azul-75:hover {
  border-color: rgba(69, 191, 207, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-azul-50:hover {
  border-color: rgba(69, 191, 207, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-azul-25:hover {
  border-color: rgba(69, 191, 207, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-azul-marino-75:hover {
  border-color: rgba(0, 79, 249, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-azul-marino-50:hover {
  border-color: rgba(0, 79, 249, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-azul-marino-25:hover {
  border-color: rgba(0, 79, 249, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-gris-75:hover {
  border-color: rgba(238, 238, 238, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-gris-50:hover {
  border-color: rgba(238, 238, 238, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-gris-25:hover {
  border-color: rgba(238, 238, 238, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-gris-claro-75:hover {
  border-color: rgba(243, 243, 243, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-gris-claro-50:hover {
  border-color: rgba(243, 243, 243, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-gris-claro-25:hover {
  border-color: rgba(243, 243, 243, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-gris-normal-75:hover {
  border-color: rgba(170, 170, 170, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-gris-normal-50:hover {
  border-color: rgba(170, 170, 170, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-gris-normal-25:hover {
  border-color: rgba(170, 170, 170, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-blanco-75:hover {
  border-color: rgba(255, 255, 255, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-blanco-50:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-blanco-25:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-naranja-75:hover {
  border-color: rgba(246, 109, 0, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-naranja-50:hover {
  border-color: rgba(246, 109, 0, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-naranja-25:hover {
  border-color: rgba(246, 109, 0, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-morado-75:hover {
  border-color: rgba(197, 0, 255, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-morado-50:hover {
  border-color: rgba(197, 0, 255, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-morado-25:hover {
  border-color: rgba(197, 0, 255, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-magenta-75:hover {
  border-color: rgba(250, 0, 133, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-magenta-50:hover {
  border-color: rgba(250, 0, 133, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-magenta-25:hover {
  border-color: rgba(250, 0, 133, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-rosa-claro-75:hover {
  border-color: rgba(255, 154, 162, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-rosa-claro-50:hover {
  border-color: rgba(255, 154, 162, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-rosa-claro-25:hover {
  border-color: rgba(255, 154, 162, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-oscuro-75:hover {
  border-color: rgba(0, 0, 0, 0.75) !important;
  transition: all ease .2s;
}

.hover-border-oscuro-50:hover {
  border-color: rgba(0, 0, 0, 0.5) !important;
  transition: all ease .2s;
}

.hover-border-oscuro-25:hover {
  border-color: rgba(0, 0, 0, 0.25) !important;
  transition: all ease .2s;
}

.hover-border-rojo:hover {
  border-color: red !important;
  transition: all ease .2s;
}

.border-top-redondeado {
  appearance: none;
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important;
}

.border-bottom-redondeado {
  appearance: none;
  border-bottom-left-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important;
}

.border-start-redondeado {
  appearance: none;
  border-top-left-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important;
}

.border-end-redondeado {
  appearance: none;
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important;
}

.outline-none:focus {
  outline: none !important;
}

.form-flotante input {
  appearance: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
  border: none;
  padding: .5rem !important;
  transition: all ease .2s;
}

/*
  .form-flotante input:focus{
    box-shadow: inset 1px 2px 4px #999;
  }
  */
.form-flotante label {
  display: none;
}

.form-flotante input:focus + label {
  display: block;
  position: absolute;
  margin-top: -3.15rem;
  margin-left: .5rem;
  font-size: .65rem;
  transition: all ease .5s;
  background: white;
  padding: 0rem .25rem;
  border-radius: .2rem;
  color: #7e7e7e;
  letter-spacing: .05rem;
}

.form-flotante input:focus::placeholder {
  color: transparent;
  transition: all ease .2s;
}

/*** ALERTAS ***/
.alerta-contenedor {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #a8cf45;
  background: linear-gradient(180deg, #a8cf45 0%, #6c9202 100%);
  position: fixed;
  padding: 10px;
  text-align: center;
  justify-content: center;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  margin: auto;
}

.alerta {
  max-width: 450px;
  background: white;
  border: 1px solid #eeeeee;
  padding: 0;
  border-radius: .5rem;
  box-shadow: 1px 1px 6px #DDD;
  margin: auto;
}

.alerta-titulo {
  text-align: justify;
  font-weight: bold;
  font-size: 1.2rem;
  color: #6c9202;
  padding: 15px 15px 5px 15px;
  border-bottom: 2px solid #EEE;
  letter-spacing: .1rem;
}

.alerta-cuerpo {
  padding: 15px;
  font-size: 1rem;
  color: #666;
}

.alerta-pie {
  border-top: 1px solid #DDD;
}

.outline_verde-claro {
  outline: 3px solid #deff8b;
}

.outline_verde {
  outline: 3px solid #a8cf45;
}

.outline_verde-oscuro {
  outline: 3px solid #6c9202;
}

.outline_verde-limon {
  outline: 3px solid #4cb050;
}

.outline_verde-limon-oscuro {
  outline: 3px solid #368739;
}

.outline_aguamarina {
  outline: 3px solid #00c6c4;
}

.outline_aguamarina-oscura {
  outline: 3px solid #02a19f;
}

.outline_azul {
  outline: 3px solid #45bfcf;
}

.outline_azul-marino {
  outline: 3px solid #004ff9;
}

.outline_gris {
  outline: 3px solid #eeeeee;
}

.outline_gris-claro {
  outline: 3px solid #f3f3f3;
}

.outline_gris-normal {
  outline: 3px solid #aaaaaa;
}

.outline_blanco {
  outline: 3px solid white;
}

.outline_naranja {
  outline: 3px solid #f66d00;
}

.outline_morado {
  outline: 3px solid #c500ff;
}

.outline_magenta {
  outline: 3px solid #fa0085;
}

.outline_rosa-claro {
  outline: 3px solid #ff9aa2;
}

.outline_oscuro {
  outline: 3px solid rgba(0, 0, 0, 0.2);
}

.outline_verde-claro-75 {
  outline: 3px solid rgba(222, 255, 139, 0.75);
}

.outline_verde-claro-50 {
  outline: 3px solid rgba(222, 255, 139, 0.5);
}

.outline_verde-claro-25 {
  outline: 3px solid rgba(222, 255, 139, 0.25);
}

.outline_verde-75 {
  outline: 3px solid rgba(168, 207, 69, 0.75);
}

.outline_verde-50 {
  outline: 3px solid rgba(168, 207, 69, 0.5);
}

.outline_verde-25 {
  outline: 3px solid rgba(168, 207, 69, 0.25);
}

.outline_verde-oscuro-75 {
  outline: 3px solid rgba(108, 146, 2, 0.75);
}

.outline_verde-oscuro-50 {
  outline: 3px solid rgba(108, 146, 2, 0.5);
}

.outline_verde-oscuro-25 {
  outline: 3px solid rgba(108, 146, 2, 0.25);
}

.outline_verde-limon-75 {
  outline: 3px solid rgba(76, 176, 80, 0.75);
}

.outline_verde-limon-50 {
  outline: 3px solid rgba(76, 176, 80, 0.5);
}

.outline_verde-limon-25 {
  outline: 3px solid rgba(76, 176, 80, 0.25);
}

.outline_verde-limon-oscuro-75 {
  outline: 3px solid rgba(54, 135, 57, 0.75);
}

.outline_verde-limon-oscuro-50 {
  outline: 3px solid rgba(54, 135, 57, 0.5);
}

.outline_verde-limon-oscuro-25 {
  outline: 3px solid rgba(54, 135, 57, 0.25);
}

.outline_aguamarina-75 {
  outline: 3px solid rgba(0, 198, 196, 0.75);
}

.outline_aguamarina-50 {
  outline: 3px solid rgba(0, 198, 196, 0.5);
}

.outline_aguamarina-25 {
  outline: 3px solid rgba(0, 198, 196, 0.25);
}

.outline_aguamarina-oscura-75 {
  outline: 3px solid rgba(2, 161, 159, 0.75);
}

.outline_aguamarina-oscura-50 {
  outline: 3px solid rgba(2, 161, 159, 0.5);
}

.outline_aguamarina-oscura-25 {
  outline: 3px solid rgba(2, 161, 159, 0.25);
}

.outline_azul-75 {
  outline: 3px solid rgba(69, 191, 207, 0.75);
}

.outline_azul-50 {
  outline: 3px solid rgba(69, 191, 207, 0.5);
}

.outline_azul-25 {
  outline: 3px solid rgba(69, 191, 207, 0.25);
}

.outline_azul-marino-75 {
  outline: 3px solid rgba(0, 79, 249, 0.75);
}

.outline_azul-marino-50 {
  outline: 3px solid rgba(0, 79, 249, 0.5);
}

.outline_azul-marino-25 {
  outline: 3px solid rgba(0, 79, 249, 0.25);
}

.outline_gris-75 {
  outline: 3px solid rgba(238, 238, 238, 0.75);
}

.outline_gris-50 {
  outline: 3px solid rgba(238, 238, 238, 0.5);
}

.outline_gris-25 {
  outline: 3px solid rgba(238, 238, 238, 0.25);
}

.outline_gris-claro-75 {
  outline: 3px solid rgba(243, 243, 243, 0.75);
}

.outline_gris-claro-50 {
  outline: 3px solid rgba(243, 243, 243, 0.5);
}

.outline_gris-claro-25 {
  outline: 3px solid rgba(243, 243, 243, 0.25);
}

.outline_gris-normal-75 {
  outline: 3px solid rgba(170, 170, 170, 0.75);
}

.outline_gris-normal-50 {
  outline: 3px solid rgba(170, 170, 170, 0.5);
}

.outline_gris-normal-25 {
  outline: 3px solid rgba(170, 170, 170, 0.25);
}

.outline_blanco-75 {
  outline: 3px solid rgba(255, 255, 255, 0.75);
}

.outline_blanco-50 {
  outline: 3px solid rgba(255, 255, 255, 0.5);
}

.outline_blanco-25 {
  outline: 3px solid rgba(255, 255, 255, 0.25);
}

.outline_naranja-75 {
  outline: 3px solid rgba(246, 109, 0, 0.75);
}

.outline_naranja-50 {
  outline: 3px solid rgba(246, 109, 0, 0.5);
}

.outline_naranja-25 {
  outline: 3px solid rgba(246, 109, 0, 0.25);
}

.outline_morado-75 {
  outline: 3px solid rgba(197, 0, 255, 0.75);
}

.outline_morado-50 {
  outline: 3px solid rgba(197, 0, 255, 0.5);
}

.outline_morado-25 {
  outline: 3px solid rgba(197, 0, 255, 0.25);
}

.outline_magenta-75 {
  outline: 3px solid rgba(250, 0, 133, 0.75);
}

.outline_magenta-50 {
  outline: 3px solid rgba(250, 0, 133, 0.5);
}

.outline_magenta-25 {
  outline: 3px solid rgba(250, 0, 133, 0.25);
}

.outline_rosa-claro-75 {
  outline: 3px solid rgba(255, 154, 162, 0.75);
}

.outline_rosa-claro-50 {
  outline: 3px solid rgba(255, 154, 162, 0.5);
}

.outline_rosa-claro-25 {
  outline: 3px solid rgba(255, 154, 162, 0.25);
}

.outline_oscuro-75 {
  outline: 3px solid rgba(0, 0, 0, 0.75);
}

.outline_oscuro-50 {
  outline: 3px solid rgba(0, 0, 0, 0.5);
}

.outline_oscuro-25 {
  outline: 3px solid rgba(0, 0, 0, 0.25);
}

.outline_rojo {
  outline: 3px solid red;
}

.line-height-1 {
  line-height: 1rem !important;
}

.line-height-2 {
  line-height: 1.25rem !important;
}

.line-height-3 {
  line-height: 1.5rem !important;
}

.line-height-4 {
  line-height: 1.75rem !important;
}

.line-height-5 {
  line-height: 2rem !important;
}

.focus-outline_verde-claro:focus {
  outline: 3px solid #deff8b;
}

.focus-outline_verde:focus {
  outline: 3px solid #a8cf45;
}

.focus-outline_verde-oscuro:focus {
  outline: 3px solid #6c9202;
}

.focus-outline_verde-limon:focus {
  outline: 3px solid #4cb050;
}

.focus-outline_verde-limon-oscuro:focus {
  outline: 3px solid #368739;
}

.focus-outline_aguamarina:focus {
  outline: 3px solid #00c6c4;
}

.focus-outline_aguamarina-oscura:focus {
  outline: 3px solid #02a19f;
}

.focus-outline_azul:focus {
  outline: 3px solid #45bfcf;
}

.focus-outline_azul-marino:focus {
  outline: 3px solid #004ff9;
}

.focus-outline_gris:focus {
  outline: 3px solid #eeeeee;
}

.focus-outline_gris-claro:focus {
  outline: 3px solid #f3f3f3;
}

.focus-outline_gris-normal:focus {
  outline: 3px solid #aaaaaa;
}

.focus-outline_blanco:focus {
  outline: 3px solid white;
}

.focus-outline_naranja:focus {
  outline: 3px solid #f66d00;
}

.focus-outline_morado:focus {
  outline: 3px solid #c500ff;
}

.focus-outline_magenta:focus {
  outline: 3px solid #fa0085;
}

.focus-outline_rosa-claro:focus {
  outline: 3px solid #ff9aa2;
}

.focus-outline_oscuro:focus {
  outline: 3px solid rgba(0, 0, 0, 0.2);
}

.focus-outline_verde-claro-75:focus {
  outline: 3px solid rgba(222, 255, 139, 0.75);
}

.focus-outline_verde-claro-50:focus {
  outline: 3px solid rgba(222, 255, 139, 0.5);
}

.focus-outline_verde-claro-25:focus {
  outline: 3px solid rgba(222, 255, 139, 0.25);
}

.focus-outline_verde-75:focus {
  outline: 3px solid rgba(168, 207, 69, 0.75);
}

.focus-outline_verde-50:focus {
  outline: 3px solid rgba(168, 207, 69, 0.5);
}

.focus-outline_verde-25:focus {
  outline: 3px solid rgba(168, 207, 69, 0.25);
}

.focus-outline_verde-oscuro-75:focus {
  outline: 3px solid rgba(108, 146, 2, 0.75);
}

.focus-outline_verde-oscuro-50:focus {
  outline: 3px solid rgba(108, 146, 2, 0.5);
}

.focus-outline_verde-oscuro-25:focus {
  outline: 3px solid rgba(108, 146, 2, 0.25);
}

.focus-outline_verde-limon-75:focus {
  outline: 3px solid rgba(76, 176, 80, 0.75);
}

.focus-outline_verde-limon-50:focus {
  outline: 3px solid rgba(76, 176, 80, 0.5);
}

.focus-outline_verde-limon-25:focus {
  outline: 3px solid rgba(76, 176, 80, 0.25);
}

.focus-outline_verde-limon-oscuro-75:focus {
  outline: 3px solid rgba(54, 135, 57, 0.75);
}

.focus-outline_verde-limon-oscuro-50:focus {
  outline: 3px solid rgba(54, 135, 57, 0.5);
}

.focus-outline_verde-limon-oscuro-25:focus {
  outline: 3px solid rgba(54, 135, 57, 0.25);
}

.focus-outline_aguamarina-75:focus {
  outline: 3px solid rgba(0, 198, 196, 0.75);
}

.focus-outline_aguamarina-50:focus {
  outline: 3px solid rgba(0, 198, 196, 0.5);
}

.focus-outline_aguamarina-25:focus {
  outline: 3px solid rgba(0, 198, 196, 0.25);
}

.focus-outline_aguamarina-oscura-75:focus {
  outline: 3px solid rgba(2, 161, 159, 0.75);
}

.focus-outline_aguamarina-oscura-50:focus {
  outline: 3px solid rgba(2, 161, 159, 0.5);
}

.focus-outline_aguamarina-oscura-25:focus {
  outline: 3px solid rgba(2, 161, 159, 0.25);
}

.focus-outline_azul-75:focus {
  outline: 3px solid rgba(69, 191, 207, 0.75);
}

.focus-outline_azul-50:focus {
  outline: 3px solid rgba(69, 191, 207, 0.5);
}

.focus-outline_azul-25:focus {
  outline: 3px solid rgba(69, 191, 207, 0.25);
}

.focus-outline_azul-marino-75:focus {
  outline: 3px solid rgba(0, 79, 249, 0.75);
}

.focus-outline_azul-marino-50:focus {
  outline: 3px solid rgba(0, 79, 249, 0.5);
}

.focus-outline_azul-marino-25:focus {
  outline: 3px solid rgba(0, 79, 249, 0.25);
}

.focus-outline_gris-75:focus {
  outline: 3px solid rgba(238, 238, 238, 0.75);
}

.focus-outline_gris-50:focus {
  outline: 3px solid rgba(238, 238, 238, 0.5);
}

.focus-outline_gris-25:focus {
  outline: 3px solid rgba(238, 238, 238, 0.25);
}

.focus-outline_gris-claro-75:focus {
  outline: 3px solid rgba(243, 243, 243, 0.75);
}

.focus-outline_gris-claro-50:focus {
  outline: 3px solid rgba(243, 243, 243, 0.5);
}

.focus-outline_gris-claro-25:focus {
  outline: 3px solid rgba(243, 243, 243, 0.25);
}

.focus-outline_gris-normal-75:focus {
  outline: 3px solid rgba(170, 170, 170, 0.75);
}

.focus-outline_gris-normal-50:focus {
  outline: 3px solid rgba(170, 170, 170, 0.5);
}

.focus-outline_gris-normal-25:focus {
  outline: 3px solid rgba(170, 170, 170, 0.25);
}

.focus-outline_blanco-75:focus {
  outline: 3px solid rgba(255, 255, 255, 0.75);
}

.focus-outline_blanco-50:focus {
  outline: 3px solid rgba(255, 255, 255, 0.5);
}

.focus-outline_blanco-25:focus {
  outline: 3px solid rgba(255, 255, 255, 0.25);
}

.focus-outline_naranja-75:focus {
  outline: 3px solid rgba(246, 109, 0, 0.75);
}

.focus-outline_naranja-50:focus {
  outline: 3px solid rgba(246, 109, 0, 0.5);
}

.focus-outline_naranja-25:focus {
  outline: 3px solid rgba(246, 109, 0, 0.25);
}

.focus-outline_morado-75:focus {
  outline: 3px solid rgba(197, 0, 255, 0.75);
}

.focus-outline_morado-50:focus {
  outline: 3px solid rgba(197, 0, 255, 0.5);
}

.focus-outline_morado-25:focus {
  outline: 3px solid rgba(197, 0, 255, 0.25);
}

.focus-outline_magenta-75:focus {
  outline: 3px solid rgba(250, 0, 133, 0.75);
}

.focus-outline_magenta-50:focus {
  outline: 3px solid rgba(250, 0, 133, 0.5);
}

.focus-outline_magenta-25:focus {
  outline: 3px solid rgba(250, 0, 133, 0.25);
}

.focus-outline_rosa-claro-75:focus {
  outline: 3px solid rgba(255, 154, 162, 0.75);
}

.focus-outline_rosa-claro-50:focus {
  outline: 3px solid rgba(255, 154, 162, 0.5);
}

.focus-outline_rosa-claro-25:focus {
  outline: 3px solid rgba(255, 154, 162, 0.25);
}

.focus-outline_oscuro-75:focus {
  outline: 3px solid rgba(0, 0, 0, 0.75);
}

.focus-outline_oscuro-50:focus {
  outline: 3px solid rgba(0, 0, 0, 0.5);
}

.focus-outline_oscuro-25:focus {
  outline: 3px solid rgba(0, 0, 0, 0.25);
}

.focus-outline_rojo:focus {
  outline: 3px solid red;
}