.elementor-1303 .elementor-element.elementor-element-8d59fd9{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1303 .elementor-element.elementor-element-24b057d img{width:100%;max-width:100%;}.elementor-1303 .elementor-element.elementor-element-5d94d550{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-5d94d550 *//* 1. Oscurecer más el overlay del hero (fondo con imagen) para mejorar contraste */
.dslc-modules-section:first-child .dslc-bg-video-overlay {
    background-color: rgb(0, 0, 0) !important;  /* negro en lugar de azul */
    opacity: 0.65 !important;                   /* de 0.3 a 0.65 – ajusta a 0.7 si necesitas más oscuridad */
}

/* 2. Título principal "Cartagena" – fuerza blanco + sombra fuerte para alto contraste sobre fondo oscuro ahora */
#dslc-module-211 .dslc-text-module-content p:first-child {
    color: #ffffff !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.9) !important;
    font-weight: bold !important;
    font-size: 3.5em !important;  /* opcional: hazlo más grande si quieres */
}

/* 3. "NUESTROS PLANES" – texto oscuro o blanco según prefieras; aquí blanco con sombra */
#dslc-module-220 .dslc-text-module-content p {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.8) !important;
    background: rgba(0,0,0,0.4) !important;  /* fondo semi-transparente extra si el gris claro no basta */
    padding: 15px 30px !important;
    border-radius: 8px !important;
}

/* 4. "¡ HAZ UNA COTIZACIÓN !" – igual que arriba */
#dslc-module-222 .dslc-text-module-content p {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.8) !important;
    background: rgba(0,0,0,0.4) !important;
    padding: 15px 30px !important;
    border-radius: 8px !important;
}

/* 5. Botones "CONOCE+" – fondo sólido oscuro + texto blanco */
#dslc-module-221 .dslc-button a span,
#dslc-module-223 .dslc-button a span {
    color: #ffffff !important;
    background-color: #003366 !important;  /* azul oscuro corporativo – cámbialo a tu color principal si prefieres */
    padding: 12px 30px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.5) !important;
    text-shadow: none !important;
    font-weight: bold !important;
}

/* 6. Opcional: si algún texto en la tabla o descripción sigue fallando, fuerza oscuro */
.dslc-text-module-content p,
.dslc-text-module-content strong,
.dslc-text-module-content li {
    color: #111111 !important;
}/* End custom CSS */