.elementor-2478 .elementor-element.elementor-element-4689950{margin-top:05%;margin-bottom:0%;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2478 .elementor-element.elementor-element-21055cc .elementor-heading-title{color:#00365B;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2478 .elementor-element.elementor-element-cf86db5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-2478 .elementor-element.elementor-element-070a171{margin-top:5%;margin-bottom:5%;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2478 .elementor-element.elementor-element-362629d{--grid-columns:3;}.elementor-2478 .elementor-element.elementor-element-362629d .elementor-pagination{text-align:center;margin-top:40px;}body:not(.rtl) .elementor-2478 .elementor-element.elementor-element-362629d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2478 .elementor-element.elementor-element-362629d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2478 .elementor-element.elementor-element-362629d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2478 .elementor-element.elementor-element-362629d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-2478 .elementor-element.elementor-element-3be68b2:not(.elementor-motion-effects-element-type-background), .elementor-2478 .elementor-element.elementor-element-3be68b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6FBFF;}.elementor-2478 .elementor-element.elementor-element-3be68b2 > .elementor-container{min-height:500px;}.elementor-2478 .elementor-element.elementor-element-3be68b2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2478 .elementor-element.elementor-element-3be68b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2478 .elementor-element.elementor-element-777c386 .elementor-heading-title{color:#00365B;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-text-editor{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-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 );}.elementor-2478 .elementor-element.elementor-element-5cb0c8a{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;color:#00365B;font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2478 .elementor-element.elementor-element-362629d{--grid-columns:2;}.elementor-2478 .elementor-element.elementor-element-3be68b2{padding:1% 1% 1% 1%;}}@media(max-width:767px){.elementor-2478 .elementor-element.elementor-element-4689950{margin-top:15%;margin-bottom:0%;}.elementor-2478 .elementor-element.elementor-element-362629d{--grid-columns:1;}.elementor-2478 .elementor-element.elementor-element-5cb0c8a{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS */.latest-post {
    position: relative;
    text-align: left;
}

.latest-post-image {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    border-radius: 15px;
    overflow: hidden;
}

.latest-post-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.latest-post-categories {
    position: relative;
    top: 10px;
    left: 10px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
}

.post-category {
    display: inline-block;
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.latest-post-date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    z-index: 2;
}

.latest-post-date i {
    vertical-align: middle;
    margin-right: 5px;
    color: #fff;
    font-size: 16px;
}

.latest-post-overlay {
    position: relative;
    z-index: 2;
    padding: 20px;
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    align-self: flex-end; /* Asegura que el título esté en la parte inferior */
}

.latest-post-title {
    margin: 0;
    font-size: 35px;
    font-family: "Inter", Sans-serif;

}

.latest-post-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: none;
    color: white !important;
    text-decoration: none;
    font-size: 16px;
    border-radius: 15px;
    border: solid 1px white;
    transition: background-color 0.3s, color 0.3s;
    margin-left: 5%;
    margin-bottom: 3%;
}

.latest-post-button:hover {
    background-color: #000000;
    color: #ffffff;
}

@media (max-width: 768px) {
    .latest-post-title {
        font-size: 25px;
        margin-left: 5%;
    }
}/* End custom CSS */