﻿.contact-form {
width: 400px;
margin: 40px auto;
background: #111;
color: #fff;
padding: 20px;
border-radius: 8px;
}

.contact-form h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff; /* turquesa */
}

/* Cada fila del formulario */
.form-row {
display: flex; /* coloca label e input en la misma fila */
align-items: center; /* centra verticalmente */
margin-bottom: 12px;
}

/* Label alineado a la izquierda */
.form-row label {
    min-width: 100px; /* ancho fijo para labels */
    text-align: right; /* texto alineado a la derecha */
    margin-right: 10px; /* separación con el input */
    font-weight: bold;
}

/* Input ocupa el resto del espacio */
.form-row .input {
    flex: 1;
    padding: 8px;
}

/* Botón */
/*.btn {
    width: 100%;
}
*/


.link-blanco {
color: #ffffff;
text-decoration: none;
}

.link-blanco:hover {
    color: #40e0d0;
}
