.elementor-1621 .elementor-element.elementor-element-e3322e5 > .elementor-widget-container{margin:0px 0px -144px 0px;}.elementor-1621 .elementor-element.elementor-element-8df7757 > .elementor-widget-container{background-color:#F1F1F1;}@media(max-width:767px){.elementor-1621 .elementor-element.elementor-element-e3322e5 > .elementor-widget-container{margin:-20px -20px -20px -20px;}.elementor-1621 .elementor-element.elementor-element-693c13f{width:100%;}.elementor-1621 .elementor-element.elementor-element-8df7757 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1621 .elementor-element.elementor-element-8df7757{grid-row:span custom;}}/* Start custom CSS for html, class: .elementor-element-8df7757 *//* --- ESTILOS COMPLETOS PARA EL WIDGET DE HTML --- */

/* Forzamos el color de todo el texto a negro */
.elementor-1621 .elementor-element.elementor-element-8df7757 h1, .elementor-1621 .elementor-element.elementor-element-8df7757 h2, .elementor-1621 .elementor-element.elementor-element-8df7757 h3, .elementor-1621 .elementor-element.elementor-element-8df7757 p {
    color: #333333;
}

/* --- REGLAS PARA LAS COLUMNAS --- */

/* Identificamos el contenedor de las columnas que creamos en el HTML */
.elementor-1621 .elementor-element.elementor-element-8df7757 .columns-container {
    display: flex;
    flex-direction: row; /* En escritorio, las ponemos en fila */
    gap: 25px;         /* Espacio entre ellas */
    text-align: left;  /* Alineamos el texto a la izquierda */
}

/* Le decimos a cada columna que ocupe un espacio equitativo */
.elementor-1621 .elementor-element.elementor-element-8df7757 .columns-container .column {
    flex: 1;
}


/* --- AQUÍ OCURRE LA MAGIA PARA MÓVIL --- */
/* Esta regla SÓLO se aplica en pantallas pequeñas */
@media (max-width: 767px) {

    /* Títulos más pequeños */
    .elementor-1621 .elementor-element.elementor-element-8df7757 h1 {
        font-size: 38px !important;
    }
    .elementor-1621 .elementor-element.elementor-element-8df7757 h2 {
        font-size: 30px !important;
    }

    /* Le decimos al contenedor de columnas que se apile verticalmente */
    .elementor-1621 .elementor-element.elementor-element-8df7757 .columns-container {
        flex-direction: column !important;
    }

    /* Le damos un espacio abajo a cada columna para que no queden pegadas */
    .elementor-1621 .elementor-element.elementor-element-8df7757 .columns-container .column {
        margin-bottom: 35px;
    }
}/* End custom CSS */