/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
#page{
	background-color: #f4f4f4;
}
.site-header {
    width: 100%; /* Asegura que el menú se adapta al ancho */
    max-width: 100%; /* Elimina restricciones */
    margin: 0 auto;
    padding: 0;
	background-color: #f4f4f4;
}
.main-navigation {
    width: 100%; /* Asegura que el menú se adapta al ancho */
    max-width: 100%; /* Elimina restricciones */
    margin: 0 auto;
    padding: 0;
}
.site-content, .topbar{
	background-color: #f4f4f4;
}

.parallax-container-elementor {
    position: relative;
    height: 400px;
    width: 100%; /* Asegura que tome todo el ancho disponible */
    background-image: url('http://lacyasesores.com/wp-content/uploads/2024/11/lacy-asesores.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Efecto parallax */
    margin: 0;
    padding: 0;
}
       
.container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adapta el número de columnas */
    gap: 20px; /* Espaciado entre las columnas */
    padding: 20px;
    margin: 0 auto;
    color: #555;
}

.column {
    border: 1px solid #ddd;
    padding: 20px;
	background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.column:hover {
    transform: scale(1.05); /* Aumenta ligeramente el tamaño */
    background-color: #f9f9f9; /* Cambia el fondo a un tono más claro */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Aumenta la sombra */
}

.column img {
    max-width: 100%;
    height: auto;
}

.column h3 {
    margin: 10px 0;
    font-size: 1em;
    font-family: 'Ledger', serif;
    line-height: 1.4;
}
/* Efecto en el título al pasar el ratón */
.column:hover h3 {
    color: #ED8332; /* Cambia el color del título a naranja */
    transition: color 0.3s ease;
}

.button-wrapper {
    margin-top: auto;
}

.button {
    display: inline-block;
    padding: 10px 20px;
    color: white !important;
    background-color: #ED8332 !important;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.button:hover {
    background-color: #d26e24 !important;
}
/* Efecto en el botón al pasar el ratón */

.celda {
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: bold !important;
    color: white !important;
}



/* ============================
   Forms and Footer
============================ */

/* Formularios */
form {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.formulario {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 15% 15% 15% 15% 40%;
    grid-template-areas:
        "divNombre divTextArea"
        "divApellido divTextArea"
        "divEmail divTextArea"
        "divtelefono divTextArea"
        "divBoton divBoton";
    padding: 10px;
    border-radius: 7px;
    width: 100%;
    height: 550px !important;
}

.div-formulario input, textarea{
	width: 90%;	
}


@media (max-width: 575px) {
    .formulario {
        grid-template-columns: 100%;
        grid-template-rows: 10% 10% 10% 10% 20% 40%;
        grid-template-areas:
            "divNombre"
            "divApellido"
            "divEmail"
            "divtelefono"
            "divTextArea"
            "divBoton";
    }
}

/* Ajuste del botón dentro del formulario */
.divBoton .boton {
    width: 70%;
    background-color: #4e4d4d;
}

/* Pie de página */
.footer {
    background-color: #f4f4f4;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #333;
}