.elementor-105 .elementor-element.elementor-element-eafe0ef:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-eafe0ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-105 .elementor-element.elementor-element-eafe0ef{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;overflow:visible;}.elementor-105 .elementor-element.elementor-element-eafe0ef > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-105 .elementor-element.elementor-element-eefab24 > .elementor-element-populated{box-shadow:0px 10px 25px 0px rgba(25,54,86,0.07);margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:50px 0px 50px 0px;}.elementor-105 .elementor-element.elementor-element-2a34fe5{overflow:visible;}.elementor-bc-flex-widget .elementor-105 .elementor-element.elementor-element-3ad939f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-105 .elementor-element.elementor-element-3ad939f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-105 .elementor-element.elementor-element-3ad939f > .elementor-element-populated{text-align:center;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 34px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf.ekit-equal-height-enable, .elementor-105 .elementor-element.elementor-element-5bfa3bf.ekit-equal-height-enable .elementor-widget-container, .elementor-105 .elementor-element.elementor-element-5bfa3bf.ekit-equal-height-enable .ekit-wid-con, .elementor-105 .elementor-element.elementor-element-5bfa3bf.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox{padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:rgba(0,0,0,0.12);border-radius:5px 5px 5px 5px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;color:#003478;font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:700;text-transform:none;line-height:24px;letter-spacing:-0.54px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox .box-body > p{color:#7f99bb;font-family:"Rubik", Sans-serif;font-size:14px;font-weight:500;line-height:1em;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementkit-infobox-icon{color:#003478;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-info-box-icon > svg path{fill:#003478;stroke:#003478;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-info-box-icon{border-radius:50% 50% 50% 50%;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox .elementskit-info-box-icon i{font-size:25px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-info-box-icon > svg{max-width:25px;height:auto;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 20px 0px 0px;-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);width:30px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox .elementskit-info-box-icon {height:30px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 30px 0px 0px;border-style:solid;border-width:0px 1px 0px 0px;border-color:#e5eaf1;}.elementor-bc-flex-widget .elementor-105 .elementor-element.elementor-element-9421f50.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-105 .elementor-element.elementor-element-9421f50.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-105 .elementor-element.elementor-element-9421f50 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 70px;}.elementor-105 .elementor-element.elementor-element-5dbef07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-5dbef07:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-5dbef07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-105 .elementor-element.elementor-element-5dbef07, .elementor-105 .elementor-element.elementor-element-5dbef07::before{--border-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-1274e68{text-align:center;}.elementor-105 .elementor-element.elementor-element-1274e68 .elementor-heading-title{color:#0F60A0;}.elementor-105 .elementor-element.elementor-element-0a64f98{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-0a64f98:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-0a64f98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F60A0;}.elementor-105 .elementor-element.elementor-element-0a64f98, .elementor-105 .elementor-element.elementor-element-0a64f98::before{--border-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-1f9ad9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-28b6b99 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-154df60{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-6265761 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-17cc663{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-5c6c101 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-0360120{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-cebf784 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-ad032ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-ad032ff:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-ad032ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F60A0;}.elementor-105 .elementor-element.elementor-element-ad032ff, .elementor-105 .elementor-element.elementor-element-ad032ff::before{--border-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-820ae83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-b950f90 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-5273129{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-01ad010 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-26d5977{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-49141f6 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-08d6957{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-8c6be38 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-94cece4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-94cece4:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-94cece4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F60A0;}.elementor-105 .elementor-element.elementor-element-94cece4, .elementor-105 .elementor-element.elementor-element-94cece4::before{--border-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-47ba455{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-51fd790 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-fe8abc6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-76d345b .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-0c48620{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-2503ead .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-105 .elementor-element.elementor-element-71e7cc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-105 .elementor-element.elementor-element-e5e5399 .widget-image-caption{color:#FFFFFF;font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}@media(min-width:768px){.elementor-105 .elementor-element.elementor-element-1f9ad9d{--width:25%;}.elementor-105 .elementor-element.elementor-element-154df60{--width:25%;}.elementor-105 .elementor-element.elementor-element-17cc663{--width:25%;}.elementor-105 .elementor-element.elementor-element-0360120{--width:25%;}.elementor-105 .elementor-element.elementor-element-820ae83{--width:25%;}.elementor-105 .elementor-element.elementor-element-5273129{--width:25%;}.elementor-105 .elementor-element.elementor-element-26d5977{--width:25%;}.elementor-105 .elementor-element.elementor-element-08d6957{--width:25%;}.elementor-105 .elementor-element.elementor-element-47ba455{--width:25%;}.elementor-105 .elementor-element.elementor-element-fe8abc6{--width:25%;}.elementor-105 .elementor-element.elementor-element-0c48620{--width:25%;}.elementor-105 .elementor-element.elementor-element-71e7cc5{--width:25%;}}@media(max-width:1024px){.elementor-105 .elementor-element.elementor-element-3ad939f > .elementor-element-populated{padding:0px 0px 0px 20px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox{padding:0px 0px 0px 0px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox .elementskit-info-box-title{font-size:14px;line-height:1.2em;}.elementor-105 .elementor-element.elementor-element-5bfa3bf .elementskit-infobox p{margin:0px 0px 0px 0px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-105 .elementor-element.elementor-element-9421f50 > .elementor-element-populated{padding:0px 0px 0px 20px;}}@media(max-width:767px){.elementor-105 .elementor-element.elementor-element-eafe0ef{padding:40px 0px 40px 0px;}.elementor-105 .elementor-element.elementor-element-eefab24 > .elementor-element-populated{margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:30px 15px 30px 15px;}.elementor-105 .elementor-element.elementor-element-3ad939f > .elementor-element-populated{padding:0px 0px 20px 0px;}.elementor-105 .elementor-element.elementor-element-5bfa3bf > .elementor-widget-container{padding:0px 0px 0px 0px;border-width:0px 0px 0px 0px;}.elementor-105 .elementor-element.elementor-element-9421f50 > .elementor-element-populated{padding:0px 0px 20px 0px;}}/* Start custom CSS for html, class: .elementor-element-29cf407 *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 100%; /* Ancho máximo del contenido del modal para pantallas grandes (PC) */
    position: relative;
    width: 100%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}

/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 10px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 100px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 90%; /* Ancho máximo para pantallas más grandes (PC) */
        width: 90%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ee4c38 *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafoTJ:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20a9ed5 *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-599c96d *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2be32e *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f8ecab *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26cb622 *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a58ca7f *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9abf571 *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39674a2 *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e69c13d *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c798c8 *//* Estilo para el fondo del modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 96, 160, 0.7); /* Fondo azul con transparencia */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Asegura que el modal esté por encima del resto del contenido */
}

/* Estilo para el contenido dentro del modal */
.modalParrafo {
    background-color: #0e50a0; /* Fondo azul sin degradado */
    padding: 20px;
    border-radius: 5px;
    color: #fff; /* Color del texto dentro del modal */
    max-width: 90%; /* Ancho máximo del contenido del modal */
    position: relative;
    width: 90%;
    /* Asegura que haya un solo scroll vertical si el contenido es demasiado grande */
    max-height: 50vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
       
       
    }
}

/* Estilo para el botón de cierre (X) */
.cerrar {
    color: #fff;
    position: absolute;
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la parte derecha */
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Cambiar el color del fondo del botón al pasar el ratón sobre él */
.modalParrafo:hover .cerrar {
    /* Dejar vacío o agregar estilos adicionales si lo deseas */
    color: #fff;
}

.modalParrafo-cerrar {
    cursor: pointer;
}



/* Estilo para el título */
.titulo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; /* Línea blanca debajo del título */
    padding-bottom: 10px; /* Espacio entre el título y la línea blanca */
}

/* Estilo para la imagen junto al título */
.titulo img {
    width: 50px; /* Ajusta el tamaño según tus necesidades */
    margin-right: 10px;
}

/* Estilo para agregar una línea blanca después de cada párrafo */
.modalParrafo p {
    margin-bottom: 10px;
}

/* Media query para pantallas más grandes, como PCs */
@media only screen and (min-width: 768px) {
    .modalParrafo {
        max-width: 40%; /* Ancho máximo para pantallas más grandes */
        width: 40%;
    }
}/* End custom CSS */