.hidden {
  display: none !important;
}
.selector-tipos-consulta a {
  cursor: pointer;
  display: inline-block;
}
.selector-tipos-consulta a.active {
  border-bottom: 2px solid #e60012; /* rojo Yamaha */
  font-weight: bold;
}

.splash-contacto {
  background: url(img/bgs/bg-splash-contacto.jpg);
  background-size: cover;
}

.selector-tipos-consulta {
  text-align: center;
  font-weight: 300;
  margin-bottom: 36px;
}

.selector-tipos-consulta a {
  background: #fff;
  border-radius: 0;
  border: 1px solid #c8c8c8;
  color: #333;
  display: inline-block;
  font-size: 15px;
  line-height: 45px;
  padding-top: 0;
  width: 280px;
  height: 45px;
  margin: 0 -3px;
}

.selector-tipos-consulta a:hover,
.selector-tipos-consulta a:focus {
  background: #ddd;
}

.selector-tipos-consulta a.active {
  background:
        /* @brand-primary */ #e0040b;
  color: #fff;
  border-color:
        /* @brand-primary */ #e0040b;
}

#form-wrapper {
  font-weight: 300;
  color: #171717;
  margin-bottom: 40px;
}

#form-wrapper .form-control {
  color: #171717;
}

/* Oculto el radio original */
input[type="radio"] {
  appearance: none; /* quita el estilo por defecto */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px; /* tamaño del círculo */
  height: 20px;
  border: 2px solid #bbb; /* borde gris claro */
  border-radius: 50%; /* forma circular */
  position: relative;
  cursor: pointer;
  outline: none;
  background-color: #f5f5f5; /* fondo gris muy claro */
  transition: border-color 0.2s ease-in-out;
}

/* Punto interno (cuando está seleccionado) */
input[type="radio"]::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #bbb; /* gris claro por defecto */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease-in-out, background 0.2s;
}

/* Cuando está seleccionado */
input[type="radio"]:checked::after {
  transform: translate(-50%, -50%) scale(1); /* aparece el punto */
  background: #555; /* gris oscuro */
}
.radio.radio-success {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1200px) {
  #form-wrapper .form-group {
    margin-bottom: 26px;
  }
}

#form-wrapper .control--radio {
  margin-bottom: 26px;
}

#form-wrapper .disclaimer {
  font-size: 11px;
  color: #9f9f9f;
  font-weight: 300;
  margin-top: 15px;
}

@media (min-width: 768px) {
  #form-wrapper .disclaimer {
    text-align: justify;
  }
}

#form-wrapper .checkbox {
  margin-top: 30px;
  margin-bottom: 30px;
}

#form-wrapper .btn-gral {
  margin-top: 20px;
}

.consulta-en-proceso-wrap {
  margin-top: 20px;
}

.seccion-form {
  text-align: center;
  color: #000;
  font-weight: 400;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .seccion-form {
    margin-bottom: 38px;
    font-size: 24px;
  }
}

.control {
  display: block;
  position: relative;
  padding-left: 44px;
  cursor: pointer;
  font-weight: 400;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #bfbfbf;
  left: 0;
  position: absolute;
  top: -3px;
}

.control--radio .control__indicator {
  border-radius: 50%;
}

.control--radio .control__indicator:after {
  display: block;
  background: #ddd;
  border-radius: 50%;
}

.control--radio input:checked ~ .control__indicator {
  background: #fff !important;
}

.control--radio input:checked ~ .control__indicator:after {
  background:
        /* @brand-primary */ #e0040b;
}

.control:hover input ~ .control__indicator {
  background: #ededed;
}

.control input:focus ~ .control__indicator {
  background: #fff;
}

.control input:checked ~ .control__indicator {
  background:
        /* @brand-primary */ #e0040b;
}

.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control__indicator:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 12px;
  height: 12px;
  display: none;
}

.control input:checked ~ .control__indicator:after {
  display: block;
}

.control--checkbox {
  padding-left: 38px !important;
}

.control--checkbox .control__indicator:after {
  left: 7px;
  top: 1px;
  width: 7px;
  height: 15px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  border-radius: 0;
}

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}

.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.select select::-ms-expand {
  display: none;
}

.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}

.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}

.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}