:root{
    /** Colores */
    --White: rgb(255, 255, 255);
    --Black: hsl(0, 0%, 0%);
    --Dorado: hsl(35, 31%, 42%);
    --Dorado2: hsl(34, 31%, 30%);
    --Azul: #4a5865;
    --SizeHeaderText: 18px;
}

.main-header-menu{
	font-weight:600;
	letter-spacing:0.5px;
}

.Cotizador_Opc {
  background-color: var(--Azul);
  color: var(--White);
  display: inline-block;
  padding: 10px 0;
  border-radius: 15px 15px 0 0;
}

.Cotizador_Opc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	list-style: none;
	margin: 0;
}

.Cotizador_Opc ul li {
  margin: 0 10px;
}

.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(--Dorado);
}

.Cotizador_Forms {
  background-color: var(--Azul);
  color: var(--White);
  padding: 20px;
  text-transform: uppercase;
}

.Cotizador_Forms_Opc {
  margin: 0 0 20px;
}

.Cotizador_Forms_Opc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	list-style: none;
	margin: 0;
}

.Cotizador_Forms_Opc ul li {
  margin: 0 30px;
	position: relative;
}

.Cotizador_Forms_Opc ul li::after {
  content: '';
  display: block;
  position: absolute;
  right: -30px;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: var(--White);
}

.Cotizador_Forms_Opc ul li:last-child::after {
  display: none;
}

.Cotizador_Forms_Opc ul li.Active {
  color: var(--Dorado);
  font-weight: bold;
}

.Cotizador_Forms_Opc ul li:hover {
  color: var(--Dorado2);
}

.Cotizador_Forms_Tabs_Inputs {
  visibility: hidden;
  display: none;
  -webkit-transition: visibility .3s ease;
  transition: visibility .3s ease;
}

.Cotizador_Forms_Tabs_Inputs form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(175px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
}

.Cotizador_Forms_Tabs_Inputs form input {
  border: 1px solid var(--White);
  color: var(--White);
  background-color: transparent;
  padding: 10px;
  outline: none;
}

.Cotizador_Forms_Tabs_Inputs form input::-webkit-input-placeholder {
  color: inherit;
}

.Cotizador_Forms_Tabs_Inputs form input:-ms-input-placeholder {
  color: inherit;
}

.Cotizador_Forms_Tabs_Inputs form input::-ms-input-placeholder {
  color: inherit;
}

.Cotizador_Forms_Tabs_Inputs form input::placeholder {
  color: inherit;
}

.Cotizador_Forms_Tabs_Inputs form input[type="submit"] {
  background-color: var(--Dorado);
  color: var(--Black);
	border: 1px solid var(--Dorado);
}

.Cotizador_Forms_Tabs_Inputs form input[type="submit"]:hover {
  background-color: var(--White);
  color: var(--Dorado);
	border: 1px solid var(--White);
}

.Cotizador_Forms_Tabs_Inputs form input:focus {
  border: 1px solid var(--Dorado);
}

.Cotizador_Forms_Tabs_Inputs.Active {
  visibility: visible;
  display: unset;
}

.ui-autocomplete {
  max-height: 100px;
  width: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
  height: 100px;
  width: 200px;
}

.WpApp {
  position: fixed;
  bottom: 5%;
  z-index: 99;
  width: 80px;
  cursor: pointer;
}

.WpApp img {
  width: 100%;
  -webkit-transition: .4s linear;
  transition: .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;
  }
}