﻿/* ============================================================
   PAGE: SERVICIOS  (Elementor #441)
   Estructura/estilos de la página + componentes propios.
   El header/nav vive en el _Layout.
   ============================================================ */

/* ------------------------------------------------------------
   1) ESTRUCTURA DE LA PÁGINA (Elementor 441) — sin cambios
   ------------------------------------------------------------ */
.elementor-441 .elementor-element.elementor-element-3205ac2 {
    --display: flex;
    --min-height: 400px;
    --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: flex-end;
}

    .elementor-441 .elementor-element.elementor-element-3205ac2:not(.elementor-motion-effects-element-type-background), .elementor-441 .elementor-element.elementor-element-3205ac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-color: var( --e-global-color-ed0f02f );
    }

.elementor-widget-heading .elementor-heading-title {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
    color: var( --e-global-color-primary );
}

.elementor-441 .elementor-element.elementor-element-cca7890 {
    text-align: center;
}

    .elementor-441 .elementor-element.elementor-element-cca7890 .elementor-heading-title {
        font-family: "Futura", Sans-serif;
        font-size: 77px;
        font-weight: 900;
        color: #FFFFFF;
    }

.elementor-441 .elementor-element.elementor-element-a694264 {
    text-align: center;
}

    .elementor-441 .elementor-element.elementor-element-a694264 .elementor-heading-title {
        font-family: "Futura", Sans-serif;
        font-size: 30px;
        font-weight: 400;
        color: #FFFFFF;
    }

.elementor-441 .elementor-element.elementor-element-a9149f1 {
    margin-top: 100px;
    margin-bottom: 50px;
}

.elementor-bc-flex-widget .elementor-441 .elementor-element.elementor-element-9ce52b1.elementor-column .elementor-widget-wrap {
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-9ce52b1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: flex-start;
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-9ce52b1 > .elementor-element-populated {
    padding: 0px 0px 0px 0px;
}

.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title {
    color: var( --e-global-color-primary );
}

    .elementor-widget-accordion .elementor-accordion-icon svg {
        fill: var( --e-global-color-primary );
    }

.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title {
    color: var( --e-global-color-accent );
}

    .elementor-widget-accordion .elementor-active .elementor-accordion-icon svg {
        fill: var( --e-global-color-accent );
    }

.elementor-widget-accordion .elementor-accordion-title {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
}

.elementor-widget-accordion .elementor-tab-content {
    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-441 .elementor-element.elementor-element-4a7f4cd {
    padding: 30px 30px 30px 30px;
    border-style: none;
}

    .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-tab-title {
        background-color: var( --e-global-color-7e52a29 );
    }

    .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-active .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-active .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-active .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-accordion-title {
        font-family: "Futura", Sans-serif;
        font-weight: 600;
    }

    .elementor-441 .elementor-element.elementor-element-4a7f4cd .elementor-tab-content {
        color: var( --e-global-color-519cfa9 );
        font-family: "Futura", Sans-serif;
        font-weight: 400;
    }

.elementor-441 .elementor-element.elementor-element-78cd636 {
    margin-top: 100px;
    margin-bottom: 50px;
}

.elementor-bc-flex-widget .elementor-441 .elementor-element.elementor-element-6f56221.elementor-column .elementor-widget-wrap {
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-6f56221.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: flex-start;
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-6f56221 > .elementor-element-populated {
    padding: 0px 0px 0px 0px;
}

.elementor-441 .elementor-element.elementor-element-04cf7ee {
    padding: 30px 30px 30px 30px;
    border-style: none;
}

    .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-tab-title {
        background-color: var( --e-global-color-7e52a29 );
    }

    .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-active .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-active .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-active .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-accordion-title {
        font-family: "Futura", Sans-serif;
        font-weight: 600;
    }

    .elementor-441 .elementor-element.elementor-element-04cf7ee .elementor-tab-content {
        color: var( --e-global-color-519cfa9 );
        font-family: "Futura", Sans-serif;
        font-weight: 400;
    }

.elementor-441 .elementor-element.elementor-element-b27f278 {
    margin-top: 100px;
    margin-bottom: 50px;
}

.elementor-bc-flex-widget .elementor-441 .elementor-element.elementor-element-b6d940e.elementor-column .elementor-widget-wrap {
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-b6d940e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: flex-start;
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-b6d940e > .elementor-element-populated {
    padding: 0px 0px 0px 0px;
}

.elementor-441 .elementor-element.elementor-element-1269e3c {
    padding: 30px 30px 30px 30px;
    border-style: none;
}

    .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-tab-title {
        background-color: var( --e-global-color-7e52a29 );
    }

    .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-active .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-active .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-active .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-accordion-title {
        font-family: "Futura", Sans-serif;
        font-weight: 600;
    }

    .elementor-441 .elementor-element.elementor-element-1269e3c .elementor-tab-content {
        color: var( --e-global-color-519cfa9 );
        font-family: "Futura", Sans-serif;
        font-weight: 400;
    }

.elementor-441 .elementor-element.elementor-element-180e9ae {
    margin-top: 100px;
    margin-bottom: 50px;
}

.elementor-bc-flex-widget .elementor-441 .elementor-element.elementor-element-44de9de.elementor-column .elementor-widget-wrap {
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-44de9de.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: flex-start;
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-44de9de > .elementor-element-populated {
    padding: 0px 0px 0px 0px;
}

.elementor-441 .elementor-element.elementor-element-8c5fd52 {
    padding: 30px 30px 30px 30px;
    border-style: none;
}

    .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-tab-title {
        background-color: var( --e-global-color-7e52a29 );
    }

    .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-active .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-active .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-active .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-accordion-title {
        font-family: "Futura", Sans-serif;
        font-weight: 600;
    }

    .elementor-441 .elementor-element.elementor-element-8c5fd52 .elementor-tab-content {
        color: var( --e-global-color-519cfa9 );
        font-family: "Futura", Sans-serif;
        font-weight: 400;
    }

.elementor-441 .elementor-element.elementor-element-df009dd {
    margin-top: 100px;
    margin-bottom: 50px;
}

.elementor-bc-flex-widget .elementor-441 .elementor-element.elementor-element-837b745.elementor-column .elementor-widget-wrap {
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-837b745.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: flex-start;
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-837b745 > .elementor-element-populated {
    padding: 0px 0px 0px 0px;
}

.elementor-441 .elementor-element.elementor-element-bba11f4 {
    padding: 30px 30px 30px 30px;
    border-style: none;
}

    .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-tab-title {
        background-color: var( --e-global-color-7e52a29 );
    }

    .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-active .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-active .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-active .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-accordion-title {
        font-family: "Futura", Sans-serif;
        font-weight: 600;
    }

    .elementor-441 .elementor-element.elementor-element-bba11f4 .elementor-tab-content {
        color: var( --e-global-color-519cfa9 );
        font-family: "Futura", Sans-serif;
        font-weight: 400;
    }

.elementor-441 .elementor-element.elementor-element-2ad227d {
    margin-top: 100px;
    margin-bottom: 50px;
}

.elementor-bc-flex-widget .elementor-441 .elementor-element.elementor-element-bc56513.elementor-column .elementor-widget-wrap {
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-bc56513.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: flex-start;
    align-items: flex-start;
}

.elementor-441 .elementor-element.elementor-element-bc56513 > .elementor-element-populated {
    padding: 0px 0px 0px 0px;
}

.elementor-441 .elementor-element.elementor-element-89fcb6d {
    padding: 30px 30px 30px 30px;
    border-style: none;
}

    .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-tab-title {
        background-color: var( --e-global-color-7e52a29 );
    }

    .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-active .elementor-accordion-icon, .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-active .elementor-accordion-title {
        color: var( --e-global-color-35e2861 );
    }

        .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-active .elementor-accordion-icon svg {
            fill: var( --e-global-color-35e2861 );
        }

    .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-accordion-title {
        font-family: "Futura", Sans-serif;
        font-weight: 600;
    }

    .elementor-441 .elementor-element.elementor-element-89fcb6d .elementor-tab-content {
        color: var( --e-global-color-519cfa9 );
        font-family: "Futura", Sans-serif;
        font-weight: 400;
    }

.elementor-441 .elementor-element.elementor-element-1880292 {
    --display: flex;
}

.elementor-441 .elementor-element.elementor-element-003cf2d {
    --spacer-size: 60px;
}

body.elementor-page-441:not(.elementor-motion-effects-element-type-background), body.elementor-page-441 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #FFFFFF;
}

@media(max-width:1024px) and (min-width:768px) {
    .elementor-441 .elementor-element.elementor-element-94e82ae {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-9ce52b1 {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-6f56221 {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-7b288c3 {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-822d64e {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-b6d940e {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-e99a42e {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-44de9de {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-3163994 {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-837b745 {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-7f90c2f {
        width: 100%;
    }

    .elementor-441 .elementor-element.elementor-element-bc56513 {
        width: 100%;
    }
}

@media(max-width:1366px) {
    .elementor-441 .elementor-element.elementor-element-a9149f1 {
        padding: 0px 20px 0px 20px;
    }

    .elementor-441 .elementor-element.elementor-element-78cd636 {
        padding: 0px 20px 0px 20px;
    }

    .elementor-441 .elementor-element.elementor-element-b27f278 {
        padding: 0px 20px 0px 20px;
    }

    .elementor-441 .elementor-element.elementor-element-180e9ae {
        padding: 0px 20px 0px 20px;
    }

    .elementor-441 .elementor-element.elementor-element-df009dd {
        padding: 0px 20px 0px 20px;
    }

    .elementor-441 .elementor-element.elementor-element-2ad227d {
        padding: 0px 20px 0px 20px;
    }
}

/* Custom CSS heredado de la página 441 (brace de #fondo-servicios corregido) */
#fondo-servicios {
    padding-bottom: 60px;
}

@media (max-width: 767px) {
    #fondo-servicios {
        padding-top: 50%;
    }

        #fondo-servicios h2 {
            font-size: 4em;
        }
}

@media (max-width: 767px) {
    #acordeon-servicios {
        margin-bottom: -140px;
    }
}

@media (max-width: 767px) {
    #acordeon-2 {
        padding-bottom: 0px;
    }
}


/* ------------------------------------------------------------
   2) FIX: tamaño de los iconos (flechas) de los acordeones
   Los SVG inline no traen width/height -> se estiran "gigantes".
   Se acotan a 1em del tamaño del icono.
   ------------------------------------------------------------ */
.elementor-441 .elementor-accordion .elementor-accordion-icon {
    font-size: 20px;
    line-height: 1;
}

    .elementor-441 .elementor-accordion .elementor-accordion-icon svg {
        width: 1em;
        height: 1em;
    }


/* ------------------------------------------------------------
   3) TARJETAS DE SERVICIO (.div-item con imagen de fondo)
   Antes cada tarjeta venía como documento HTML aparte con su
   propio <style>. Aquí van una sola vez.
   ------------------------------------------------------------ */
.div-contenedor,
.div-contenedor3 {
    width: 70%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    font-family: 'Futura', sans-serif;
}

.div-contenedor,
.div-contenedor3,
.div-item,
.div-texto,
.div-texto * {
    box-sizing: border-box;
}

.div-item {
    flex: 0 0 calc(33.33% - 20px);
    padding: 50px;
    text-align: center;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px;
}

.div-texto h2 {
    color: white;
    font-size: 28px;
}

.div-texto p {
    color: white;
    font-size: 18px;
}

/* Ajustes de los acordeones heredados del primer bloque de tarjeta */
.elementor-accordion {
    margin-top: 20px !important;
    border: none !important;
}

.elementor-accordion-item {
    margin-top: 20px !important;
    border: none !important;
}

.elementor-tab-title {
    border-radius: 20px !important;
}

.elementor-tab-content {
    border: none !important;
}

@media (max-width: 767px) {
    .div-contenedor {
        width: 100% !important;
    }

    .div-contenedor3 {
        width: 100% !important;
    }

    .div-item {
        padding: 20px 5px !important;
    }
    /* La segunda tarjeta "IMPLEMENTACIÓN" se oculta en móvil */
    #imp2 {
        display: none;
    }
}


/* =========================================================
   ACORDEONES NATIVOS (Sin JavaScript)
========================================================= */
.custom-accordion {
    margin-bottom: 15px; /* Espacio entre cada pestaña */
    width: 100%;
}

/* El "botón" lila principal */
.custom-accordion-title {
    background-color: #C8BFD7; /* Color lila de tu paleta */
    color: #5D42D1; /* Morado fuerte */
    font-family: "Futura", sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding: 15px 25px;
    border-radius: 30px; /* Bordes tipo píldora como en tu imagen */
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none; /* Quita el triangulito feo por defecto */
    transition: background-color 0.3s ease;
}



/* La flecha personalizada */
.custom-accordion-icon {
    width: 20px;
    height: 20px;
    fill: #5D42D1;
    transition: transform 0.3s ease; /* Animación suave al girar */
}

/* ¡LA MAGIA!: Rota la flecha cuando el acordeón está abierto */
.custom-accordion[open] .custom-accordion-icon {
    transform: rotate(180deg);
}

/* El texto que se despliega (Preparado para animación) */
.custom-accordion-content {
    color: #4B5388;
    font-family: "Futura", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    /* Estado inicial (Cerrado) */
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 25px; /* Sin padding vertical al inicio */
    transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
}

/* =========================================================
   MEJORAS VISUALES — Servicios (solo estilo, no toca contenido)
========================================================= */

/* --- Acordeón: mostrar el contenido al abrir (faltaba esta regla) --- */
.custom-accordion[open] .custom-accordion-content {
    max-height: 600px;
    opacity: 1;
    margin-top: 8px;
    padding: 16px 24px;
    background: #f7f5fd;
    border-left: 3px solid #8660EA;
    border-radius: 12px;
}

/* --- Acordeón: profundidad, hover y estado abierto en morado --- */
.custom-accordion-title {
    box-shadow: 0 4px 12px rgba(93, 66, 209, 0.12);
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, transform .15s ease;
}

.custom-accordion-title:hover {
    background-color: #bcb0e6;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(93, 66, 209, 0.22);
}

.custom-accordion[open] .custom-accordion-title {
    background: linear-gradient(135deg, #8660EA 0%, #6a2de2 100%);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(106, 45, 226, 0.30);
}

.custom-accordion[open] .custom-accordion-icon {
    fill: #ffffff;
}

/* --- Tarjetas de servicio: overlay morado + sombra + hover --- */
.div-contenedor,
.div-contenedor3 {
    overflow: visible;
}

.div-item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(74, 66, 209, 0.18);
    transition: transform .3s ease, box-shadow .3s ease;
}

.div-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(93, 66, 209, 0.80) 0%, rgba(134, 96, 234, 0.50) 45%, rgba(35, 18, 78, 0.85) 100%);
    transition: opacity .3s ease;
    z-index: 1;
}

.div-item .div-texto {
    position: relative;
    z-index: 2;
}

.div-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(74, 66, 209, 0.32);
}

.div-item:hover::before {
    opacity: 0.92;
}

/* Texto de las tarjetas con un poco más de presencia */
.div-texto h2 {
    letter-spacing: .5px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
    margin-bottom: 14px;
}

.div-texto p {
    line-height: 1.55;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.22);
}
/* =========================================================
   Intercalado de secciones (Servicios): las secciones 4 y 6
   se invierten para mantener el patrón imagen-izq / imagen-der.
   Sec 4: ASEGURAMIENTO Y AUDITORÍA (id 180e9ae)
   Sec 6: TECNOLOGÍA               (id 2ad227d)
========================================================= */
.elementor-441 .elementor-element-180e9ae > .elementor-container,
.elementor-441 .elementor-element-2ad227d > .elementor-container {
    display: flex;
    flex-direction: row-reverse;
}

@media (max-width: 767px) {
    /* En móvil todo apilado en el orden original (imagen primero) */
    .elementor-441 .elementor-element-180e9ae > .elementor-container,
    .elementor-441 .elementor-element-2ad227d > .elementor-container {
        flex-direction: column;
    }
}
