/* CSS Styles for Contact Page */

body.contact-page-background {
    background-color: #f9f9f9; 
}

/* Estilos existentes para #contact-section y otros elementos */
/* Mueve el background-color al body o a un wrapper principal si es necesario */
body {
    background-color: #e1e1e1; /* Aplica a todo el body de las páginas que usen contact.css */
    /* Considera si este CSS solo se carga en contact.php. Si es así, esto está bien. */
    /* Si contact.css se carga globalmente, la solución de la clase en el body es mejor. */
}

#contact-section {
    padding: 20px;
    background-color: #ebeaea;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1); 
}

#contact-section h1 {
    color: #333; /* Example: Dark grey title */
    margin-bottom: 30px;
}

#contact-section .lead {
    color: #555; /* Example: Slightly lighter grey for intro text */
    margin-bottom: 30px;
}

#contactForm .form-label {
    font-weight: 500;
}

#contactForm .form-control {
    border-radius: 0.25rem; /* Standard Bootstrap border-radius */
    /* Add any specific styling for form inputs if needed */
}

#contactForm .btn-primary {
    /* Customize your primary button style for the contact form if different from global */
    /* background-color: #007bff; */
    /* border-color: #007bff; */
    padding: 10px 25px;
    font-size: 1rem;
}

/* Add more specific styles as needed */