.elementor-1797 .elementor-element.elementor-element-ce109b0{--display:flex;}.elementor-1797 .elementor-element.elementor-element-842b85d{text-align:center;}.elementor-1797 .elementor-element.elementor-element-ba1fea8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1797 .elementor-element.elementor-element-48c5f95{--display:flex;}.elementor-1797 .elementor-element.elementor-element-dc9989e .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1797 .elementor-element.elementor-element-dc9989e .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1797 .elementor-element.elementor-element-dc9989e{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1797 .elementor-element.elementor-element-ba1fea8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1797 .elementor-element.elementor-element-ba1fea8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* ======================================================= */
/* 1. ESTILOS BASE PARA EL TITULAR PRINCIPAL (H1)          */
/* ======================================================= */

.titulo-principal {
    /* ** Tipografía (usando Open Sans/Montserrat, como sugerimos) ** */
    font-family: 'Montserrat', sans-serif; /* Fuente moderna y fuerte */
    font-size: 3.5rem; /* Tamaño grande y visible en escritorio */
    font-weight: 800; /* Extra bold para máximo impacto */
    line-height: 1.1; /* Espacio de línea ajustado */
    text-align: center; /* Centrado en la página */
    margin-top: 30px; /* Espacio superior */
    margin-bottom: 20px; /* Espacio inferior */
    text-transform: uppercase; /* Todo en mayúsculas (opcional) */
    letter-spacing: -1px; /* Espaciado de letras ligeramente ajustado para mejor lectura en grande */

    /* ** Color del texto: Opción Sólida y Profesional ** */
    color: #1a1a1a; /* Negro muy oscuro, ideal para un alto contraste */
}

/* ======================================================= */
/* 2. DISEÑO RESPONSIVO (Ajustes para Móviles)             */
/* ======================================================= */

@media (max-width: 768px) {
    .titulo-principal {
        font-size: 2.2rem; /* Tamaño más pequeño para que quepa bien en móviles */
        margin-top: 20px;
    }
}

/* ======================================================= */
/* 3. EFECTO EXTRA: DEGRADADO DE TEXTO (Opcional)          */
/* ======================================================= */

/* Si quieres un titular más moderno y llamativo con un color de degradado */
/* Reemplaza el color sólido (#1a1a1a) con estas reglas: */
/* Asegúrate de elegir colores que armonicen con tu marca (ej. azul y cyan) */

/*
.titulo-principal {
    background: linear-gradient(90deg, #007bff, #00c6ff); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; 
}
*//* End custom CSS */