/* Archivo: assets/css/secciones.css */

/* Fondo Gris Oscuro para secciones específicas */
#resena,
#masoneria,
#contacto {
    background-color: #efefef !important; /* Gris oscuro */
}

/* Fondo Blanco para secciones específicas */
#quienes-somos,
#que-es-mason {
    background-color: #ffffff !important; /* Blanco */
}

/* Estilos para las imágenes */
.img-fluid {
    border-radius: 10px; /* Bordes redondeados */
    transition: transform 0.3s ease-in-out; /* Efecto de zoom */
}

.img-fluid:hover {
    transform: scale(1.05); /* Zoom al pasar el mouse */
}

/* Estilos para los títulos de sección */
h2 {
    color: #333; /* Color oscuro para títulos */
    margin-bottom: 20px; /* Espaciado inferior */
}

/* Estilos para el formulario de contacto */
#formContacto {
    background: #fff; /* Fondo blanco */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
}