:root {
  /** Colores */
  --White: rgb(255, 255, 255);
  --Black: hsl(0, 0%, 0%);
  --Dorado: hsl(35, 31%, 42%);
  --Dorado2: hsl(34, 31%, 30%);
  /* --Black: #4a5865; */
  --SizeHeaderText: 18px;
  --Principal: hsl(208, 10%, 39%);
  --Secundario: hsl(184, 98%, 22%);
}

.Cotizador_Opc {
  background-color: var(--Principal);
  color: var(--White);
  display: inline-block;
  padding: 10px 0;
  border-radius: 15px 15px 0 0;
  font-family: "Raleway", Sans-serif;
}
.Cotizador_Opc ul {
  display: flex;
  list-style: none;
  margin: 0;
}
.Cotizador_Opc ul li {
  margin: 0 10px;
}
.Cotizador_Opc ul li svg {
  width: 35px;
  height: 35px;
}
.Cotizador_Opc ul li a svg path {
  fill: var(--White);
}
.Cotizador_Opc ul li:hover a svg {
  background-color: var(--White);
  border-radius: 50%;
}
.Cotizador_Opc ul li:hover a svg path {
  fill: var(--Secundario);
}
.Cotizador_Forms {
  background-color: var(--Principal);
  padding: 10px;
  border-radius: 0 15px 15px 15px;
}
.Cotizador_Forms_Opc {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.Cotizador_Forms_Opc li {
  padding: 0 20px;
  color: var(--White);
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
  font-weight: bold;
  font-family: "Raleway", Sans-serif;
}
.Cotizador_Forms_Opc li.Active {
  background-color: var(--Secundario);
  color: var(--White);
}
.Cotizador_Forms #FullForm {
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.Cotizador_Forms #FullForm input {
  border-radius: 15px;
  outline: none;
  font-family: "Raleway", Sans-serif;
}
.Cotizador_Forms #FullForm input#DATE2 {
  display: none;
}
.Cotizador_Forms #FullForm input#DATE2.Active {
  display: block;
}
.Cotizador_Forms #FullForm input[type=submit] {
  background-color: var(--Secundario);
  color: var(--White);
  border: 2px solid var(--Secundario);
  font-weight: bold;
}
.Cotizador_Forms #FullForm input[type=submit]:hover {
  background-color: var(--Principal);
  color: var(--Secundario);
  border: 2px solid var(--Secundario);
}

.ui-autocomplete {
  max-height: 100px;
  width: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

* html .ui-autocomplete {
  height: 100px;
  width: 200px;
}

.WpApp {
  position: fixed;
  bottom: 5%;
  z-index: 99;
  width: 50px;
  cursor: pointer;
}
.WpApp img {
  width: 100%;
  transition: 0.4s linear;
}

@media (max-width: 599px) {
  .WpApp {
    right: 5%;
  }
}
@media (min-width: 600px) {
  .WpApp {
    right: 2%;
  }
  .ui-autocomplete {
    width: 500px;
  }
  * html .ui-autocomplete {
    width: 500px;
  }
}/*# sourceMappingURL=Main.css.map */