.contactenos-main { display: flex; justify-content: center;  background: #5889A9;}
.contactenos-container { background: #fff; border-radius: 14px; box-shadow: 0 8px 20px rgba(0,0,0,0.2); max-width: 800px; width: 100%; overflow: hidden; margin-top: 27%; margin-bottom: 10%;}
.contactenos-banner img { width: 100%; height: 250px; object-fit: cover; display: block;}


.contactenos-formulario { padding: 30px;}
.contactenos-formulario h1 { text-align: center; margin-bottom: 15px; font-size: 32px; color: #333;}
.contactenos-formulario .intro { text-align: center; margin-bottom: 25px; color: #555; font-size: 16px;}
.contactenos-form .form-block { margin-bottom: 16px;}
.contactenos-form label { display: block; font-weight: 600; margin-bottom: 6px; color: #444;}


.contactenos-form textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; outline: none; transition: border 0.3s;}
.contactenos-form input:focus,
.contactenos-form textarea:focus { border-color: #007bff;}


.checkbox-block { display: flex; align-items: flex-start; gap: 6px; font-size: 14px; margin-bottom: 16px;}
.checkbox-block input { margin-top: 2px;}
.checkbox-block a { color:#5889A9; text-decoration: none;}
.checkbox-block a:hover { text-decoration: underline;}


.contactenos-form button { background: #0056b3; color: #fff; padding: 14px 20px; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; width: 100%; transition: background 0.3s ease-in-out;}
.contactenos-form button:hover { background: #007bff;}

#form-mensaje { text-align: center; font-weight: bold; margin: 15px 0; display: none; padding: 10px; border-radius: 6px;}
#form-mensaje.exito { color: #155724; background: #d4edda; border: 1px solid #c3e6cb;}
#form-mensaje.error { color: #721c24; background: #f8d7da; border: 1px solid #f5c6cb;}

@media (max-width: 600px) { .contactenos-formulario { padding: 20px; }

  .contactenos-formulario h1 { font-size: 24px;}}