.elementor-kit-10{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#424242;--e-global-color-accent:#095754;--e-global-color-e76d4a0:#095754;--e-global-color-2311330:#A51916;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.e-con{--container-max-width-x:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.e-con{--container-max-width-x:1024px;}}@media(max-width:767px){.e-con{--container-max-width-x:767px;}}/* Start custom CSS *//* --- Suavizar tipografías y mejorar lectura --- */
.elementor-kit-10 {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- Separación elegante entre secciones --- */
.elementor-kit-10 .elementor-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* --- Títulos más modernos y llamativos --- */
.elementor-kit-10 h1, 
.elementor-kit-10 h2, 
.elementor-kit-10 h3 {
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #222;
}

/* --- Botones más atractivos --- */
.elementor-kit-10 .elementor-button {
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.elementor-kit-10 .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* --- Imágenes con efecto suave --- */
.elementor-kit-10 img {
    border-radius: 10px;
    transition: transform 0.4s ease;
}

.elementor-kit-10 img:hover {
    transform: scale(1.03);
}

/* --- Contenedores con sombra ligera --- */
.elementor-kit-10 .elementor-widget-container {
    transition: box-shadow 0.3s ease;
}

.elementor-kit-10 .elementor-widget-container:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* --- Espaciado más limpio entre elementos --- */
.elementor-kit-10 p {
    line-height: 1.7;
    margin-bottom: 18px;
}/* End custom CSS */