#nf​field-28 {
 /* Botón */
 display: block;
 margin: auto;
 font-size: 15px;
 background-color: #37519a;
 border: 1px solid #37519a;
 border-radius: 9px;
 padding: 5px 5% 5px 8%;    /* Tamaño Botón */
 text-shadow: 0 0 1px #ffffff;  /* Efectos Texto */
 box-shadow: 0px 1px 1px #000000;  /* Efectos Caja */
 }

#nf​-field-28:hover{
 background-color: #37519a;
 box-shadow: 1px 1px 2px #37519a;
 text-shadow: 5px 5px 8px #37519a;
 }
.form-asfaltar {
  max-width: 900px;
  margin: 0 auto;
  background: #ffffff;
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  font-family: 'Segoe UI', 'Roboto', sans-serif;
  font-size: 16px;
  color: #37519a;
}

.form-asfaltar h3 {
  color: #37519a;
  font-size: 28px;
  margin-bottom: 25px;
  text-align: center;
  border-bottom: 0px solid #37519a;
  padding-bottom: 10px;
}

.form-row {
  margin-bottom: 20px;
}

.form-row label {
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
  color: #37519a;
}

.form-group-inline {
  display: flex;
  gap: 15px;
}

.form-group-inline input {
  flex: 1;
}

.form-asfaltar input[type="text"],
.form-asfaltar input[type="email"],
.form-asfaltar input[type="tel"],
.form-asfaltar select,
.form-asfaltar textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
}

.form-asfaltar textarea {
  min-height: 120px;
}

.form-asfaltar input:focus,
.form-asfaltar textarea:focus,
.form-asfaltar select:focus {
  border-color: #37519a;
  outline: none;
}

.form-asfaltar input[type="submit"] {
  background-color: #37519a;
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 14px 30px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
  width: 100%;
}

.form-asfaltar input[type="submit"]:hover {
  background-color: #37519a;
}
 



