.elementor-1927 .elementor-element.elementor-element-583446c1{--display:flex;--min-height:164px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1927 .elementor-element.elementor-element-583446c1:not(.elementor-motion-effects-element-type-background), .elementor-1927 .elementor-element.elementor-element-583446c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1927 .elementor-element.elementor-element-b670a20{text-align:center;}.elementor-1927 .elementor-element.elementor-element-b670a20 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-1927 .elementor-element.elementor-element-b670a20.elementor-widget-heading .elementor-heading-title, .elementor-1927 .elementor-element.elementor-element-b670a20.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:#FFFFFF;}.elementor-1927 .elementor-element.elementor-element-bbf4ac3{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-1927 .elementor-element.elementor-element-b670a20 .elementor-heading-title{font-size:52px;}.elementor-1927 .elementor-element.elementor-element-bbf4ac3{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1927 .elementor-element.elementor-element-b670a20 .elementor-heading-title{font-size:32px;}}/* Start custom CSS *//* 1. Forzar que los correos y textos largos no rompan el diseño */
a[href^="mailto:"], .ac-field-email, .elementor-icon-list-text {
    word-break: break-all !important; /* Rompe el correo si es muy largo */
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

/* 2. Ajustar el tamaño de los encabezados para que no se vean gigantes */
h1 { font-size: clamp(2rem, 5vw, 3.5rem) !important; line-height: 1.2; }
h2 { font-size: clamp(1.5rem, 4vw, 2.5rem) !important; line-height: 1.3; }
h3 { font-size: clamp(1.2rem, 3vw, 1.8rem) !important; }

/* 3. Corregir alineación de iconos y listas (como el correo y teléfono) */
.elementor-icon-list-item {
    align-items: center !important;
    display: flex !important;
}

/* 4. Limpiar espacios blancos accidentales arriba (Header) */
#site-header, .elementor-location-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 5. Asegurar que las imágenes no se deformen */
img {
    height: auto;
    max-width: 100%;
}/* End custom CSS */