.elementor-1540 .elementor-element.elementor-element-d4fecd3 > .elementor-container{min-height:40vh;}.elementor-1540 .elementor-element.elementor-element-d4fecd3:not(.elementor-motion-effects-element-type-background), .elementor-1540 .elementor-element.elementor-element-d4fecd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1540 .elementor-element.elementor-element-d4fecd3 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #072645 0%, #529EE1 100%);opacity:0.67;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1540 .elementor-element.elementor-element-d4fecd3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1540 .elementor-element.elementor-element-440cd80 .elementor-heading-title{color:var( --e-global-color-a98f46f );font-family:var( --e-global-typography-primary-font-family ), Century-gothic;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1540 .elementor-element.elementor-element-2bc09047:not(.elementor-motion-effects-element-type-background), .elementor-1540 .elementor-element.elementor-element-2bc09047 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-1540 .elementor-element.elementor-element-2bc09047{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 1em 1em 1em;}.elementor-1540 .elementor-element.elementor-element-2bc09047 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1540 .elementor-element.elementor-element-450af1bc > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px;}.elementor-1540 .elementor-element.elementor-element-450af1bc > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-1540 .elementor-element.elementor-element-3c27b95a > .elementor-container{min-height:82px;}.elementor-bc-flex-widget .elementor-1540 .elementor-element.elementor-element-726cbcfd.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1540 .elementor-element.elementor-element-726cbcfd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1540 .elementor-element.elementor-element-514d6ac6{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;width:var( --container-widget-width, 56px );max-width:56px;--container-widget-width:56px;--container-widget-flex-grow:0;align-self:flex-start;}.elementor-1540 .elementor-element.elementor-element-514d6ac6 .elementor-divider-separator{width:98%;margin:0 auto;margin-left:0;}.elementor-1540 .elementor-element.elementor-element-514d6ac6 .elementor-divider{text-align:left;padding-block-start:30px;padding-block-end:30px;}.elementor-1540 .elementor-element.elementor-element-514d6ac6 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0em 1em 0em 0em;}.elementor-bc-flex-widget .elementor-1540 .elementor-element.elementor-element-2b4b6f00.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1540 .elementor-element.elementor-element-2b4b6f00.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1540 .elementor-element.elementor-element-2b4b6f00 > .elementor-element-populated{padding:0em 0em 0em 2em;}.elementor-1540 .elementor-element.elementor-element-3c331768{text-align:justify;color:var( --e-global-color-text );font-family:"Montserrat", Century-gothic;font-size:15px;text-transform:none;font-style:normal;text-decoration:none;line-height:1.6em;}.elementor-1540 .elementor-element.elementor-element-3c331768 > .elementor-widget-container{margin:0% 2% 0% 0%;}.elementor-1540 .elementor-element.elementor-element-489a363{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-489a363 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1540 .elementor-element.elementor-element-b6b4cda.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1540 .elementor-element.elementor-element-b6b4cda.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1540 .elementor-element.elementor-element-b6b4cda.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1540 .elementor-element.elementor-element-b6b4cda > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-06aafa9{--divider-border-style:solid;--divider-color:#44BBDD;--divider-border-width:3.9px;width:var( --container-widget-width, 77px );max-width:77px;--container-widget-width:77px;--container-widget-flex-grow:0;align-self:flex-start;}.elementor-1540 .elementor-element.elementor-element-06aafa9 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-1540 .elementor-element.elementor-element-06aafa9 .elementor-divider{text-align:center;padding-block-start:30px;padding-block-end:30px;}.elementor-1540 .elementor-element.elementor-element-06aafa9 > .elementor-widget-container{margin:-13% 0% 0% 0%;padding:0em 1em 0em 0em;}.elementor-1540 .elementor-element.elementor-element-fb11dfb{text-align:center;width:auto;max-width:auto;align-self:flex-start;}.elementor-1540 .elementor-element.elementor-element-fb11dfb .elementor-heading-title{color:var( --e-global-color-a98f46f );font-family:"Roboto", Century-gothic;font-size:20px;font-weight:600;}.elementor-1540 .elementor-element.elementor-element-fb11dfb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 25px 10px 25px;background-color:var( --e-global-color-primary );border-radius:22px 22px 22px 22px;}.elementor-1540 .elementor-element.elementor-element-a84e2ea{--divider-border-style:solid;--divider-color:#44BBDD;--divider-border-width:3.9px;width:var( --container-widget-width, 77px );max-width:77px;--container-widget-width:77px;--container-widget-flex-grow:0;align-self:flex-start;}.elementor-1540 .elementor-element.elementor-element-a84e2ea .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-1540 .elementor-element.elementor-element-a84e2ea .elementor-divider{text-align:center;padding-block-start:30px;padding-block-end:30px;}.elementor-1540 .elementor-element.elementor-element-a84e2ea > .elementor-widget-container{margin:-13% 0% 0% 0%;padding:0em 0em 0em 1em;}.elementor-1540 .elementor-element.elementor-element-bb907e7{padding:0% 8% 0% 8%;}.elementor-1540 .elementor-element.elementor-element-3cfa885{text-align:justify;color:var( --e-global-color-text );font-family:"Montserrat", Century-gothic;font-size:15px;text-transform:none;font-style:normal;text-decoration:none;line-height:1.6em;}.elementor-1540 .elementor-element.elementor-element-3cfa885 > .elementor-widget-container{margin:0% 2% 0% 0%;}.elementor-1540 .elementor-element.elementor-element-7a6e8d1{text-align:center;}.elementor-1540 .elementor-element.elementor-element-7a6e8d1 .elementor-heading-title{font-family:var( --e-global-typography-8752710-font-family ), Century-gothic;font-size:var( --e-global-typography-8752710-font-size );font-weight:var( --e-global-typography-8752710-font-weight );line-height:var( --e-global-typography-8752710-line-height );letter-spacing:var( --e-global-typography-8752710-letter-spacing );word-spacing:var( --e-global-typography-8752710-word-spacing );}.elementor-1540 .elementor-element.elementor-element-5f4160f{margin-top:31px;margin-bottom:31px;}.elementor-bc-flex-widget .elementor-1540 .elementor-element.elementor-element-e212768.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1540 .elementor-element.elementor-element-e212768.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1540 .elementor-element.elementor-element-e212768.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-1540 .elementor-element.elementor-element-e212768 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1540 .elementor-element.elementor-element-edcf22a{text-align:left;width:auto;max-width:auto;}.elementor-1540 .elementor-element.elementor-element-edcf22a .elementor-heading-title{font-family:var( --e-global-typography-8752710-font-family ), Century-gothic;font-size:var( --e-global-typography-8752710-font-size );font-weight:var( --e-global-typography-8752710-font-weight );line-height:var( --e-global-typography-8752710-line-height );letter-spacing:var( --e-global-typography-8752710-letter-spacing );word-spacing:var( --e-global-typography-8752710-word-spacing );}.elementor-1540 .elementor-element.elementor-element-6a725ac{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2.7px;width:var( --container-widget-width, 76% );max-width:76%;--container-widget-width:76%;--container-widget-flex-grow:0;align-self:center;}.elementor-1540 .elementor-element.elementor-element-6a725ac .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-1540 .elementor-element.elementor-element-6a725ac .elementor-divider{text-align:left;padding-block-start:4px;padding-block-end:4px;}.elementor-1540 .elementor-element.elementor-element-6a725ac > .elementor-widget-container{margin:0% 0% 0% 2%;padding:0em 0em 0em 0em;}.elementor-1540 .elementor-element.elementor-element-ea8eec1 > .elementor-container{max-width:1351px;text-align:left;}.elementor-1540 .elementor-element.elementor-element-ea8eec1 .elementor-heading-title{color:var( --e-global-color-a98f46f );}.elementor-1540 .elementor-element.elementor-element-ea8eec1 a{color:var( --e-global-color-a98f46f );}.elementor-1540 .elementor-element.elementor-element-afa7499.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1540 .elementor-element.elementor-element-49b5701{width:var( --container-widget-width, 84.669% );max-width:84.669%;--container-widget-width:84.669%;--container-widget-flex-grow:0;}.elementor-1540 .elementor-element.elementor-element-da187f1{--spacer-size:200px;}.elementor-1540 .elementor-element.elementor-element-9913935{--spacer-size:100px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1540 .elementor-element.elementor-element-726cbcfd{width:27.265%;}.elementor-1540 .elementor-element.elementor-element-2b4b6f00{width:72.727%;}}@media(max-width:1024px){.elementor-1540 .elementor-element.elementor-element-440cd80 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1540 .elementor-element.elementor-element-2bc09047{padding:2em 01em 3em 01em;}.elementor-1540 .elementor-element.elementor-element-450af1bc > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-489a363{padding:50px 0px 70px 0px;}.elementor-1540 .elementor-element.elementor-element-06aafa9 > .elementor-widget-container{margin:0px 0px -36px 0px;padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-a84e2ea > .elementor-widget-container{margin:0px 0px -36px 0px;padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-7a6e8d1 .elementor-heading-title{font-size:var( --e-global-typography-8752710-font-size );line-height:var( --e-global-typography-8752710-line-height );letter-spacing:var( --e-global-typography-8752710-letter-spacing );word-spacing:var( --e-global-typography-8752710-word-spacing );}.elementor-1540 .elementor-element.elementor-element-edcf22a .elementor-heading-title{font-size:var( --e-global-typography-8752710-font-size );line-height:var( --e-global-typography-8752710-line-height );letter-spacing:var( --e-global-typography-8752710-letter-spacing );word-spacing:var( --e-global-typography-8752710-word-spacing );}}@media(max-width:767px){.elementor-1540 .elementor-element.elementor-element-440cd80 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1540 .elementor-element.elementor-element-2bc09047 > .elementor-container{max-width:325px;}.elementor-1540 .elementor-element.elementor-element-2bc09047{padding:0em 0em 0em 0em;}.elementor-1540 .elementor-element.elementor-element-450af1bc > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-726cbcfd{width:20%;}.elementor-1540 .elementor-element.elementor-element-726cbcfd > .elementor-element-populated{padding:0px 22px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-514d6ac6 .elementor-divider{text-align:left;padding-block-start:3px;padding-block-end:3px;}.elementor-1540 .elementor-element.elementor-element-514d6ac6 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-1540 .elementor-element.elementor-element-514d6ac6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-514d6ac6{width:var( --container-widget-width, 57px );max-width:57px;--container-widget-width:57px;--container-widget-flex-grow:0;align-self:center;}.elementor-1540 .elementor-element.elementor-element-2b4b6f00{width:80%;}.elementor-1540 .elementor-element.elementor-element-2b4b6f00 > .elementor-element-populated{padding:0em 0em 0em 1em;}.elementor-1540 .elementor-element.elementor-element-3c331768{text-align:left;}.elementor-1540 .elementor-element.elementor-element-489a363 > .elementor-container{max-width:325px;}.elementor-1540 .elementor-element.elementor-element-06aafa9 .elementor-divider{text-align:left;padding-block-start:3px;padding-block-end:3px;}.elementor-1540 .elementor-element.elementor-element-06aafa9 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-1540 .elementor-element.elementor-element-06aafa9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-06aafa9{width:var( --container-widget-width, 57px );max-width:57px;--container-widget-width:57px;--container-widget-flex-grow:0;align-self:center;}.elementor-1540 .elementor-element.elementor-element-a84e2ea .elementor-divider{text-align:left;padding-block-start:3px;padding-block-end:3px;}.elementor-1540 .elementor-element.elementor-element-a84e2ea .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-1540 .elementor-element.elementor-element-a84e2ea > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-a84e2ea{width:var( --container-widget-width, 57px );max-width:57px;--container-widget-width:57px;--container-widget-flex-grow:0;align-self:center;}.elementor-1540 .elementor-element.elementor-element-bb907e7 > .elementor-container{max-width:325px;}.elementor-1540 .elementor-element.elementor-element-bb907e7{padding:0% 0% 0% 0%;}.elementor-1540 .elementor-element.elementor-element-0440fd2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-3cfa885{text-align:left;}.elementor-1540 .elementor-element.elementor-element-7a6e8d1 .elementor-heading-title{font-size:var( --e-global-typography-8752710-font-size );line-height:var( --e-global-typography-8752710-line-height );letter-spacing:var( --e-global-typography-8752710-letter-spacing );word-spacing:var( --e-global-typography-8752710-word-spacing );}.elementor-1540 .elementor-element.elementor-element-edcf22a .elementor-heading-title{font-size:var( --e-global-typography-8752710-font-size );line-height:var( --e-global-typography-8752710-line-height );letter-spacing:var( --e-global-typography-8752710-letter-spacing );word-spacing:var( --e-global-typography-8752710-word-spacing );}.elementor-1540 .elementor-element.elementor-element-6a725ac .elementor-divider{text-align:left;padding-block-start:3px;padding-block-end:3px;}.elementor-1540 .elementor-element.elementor-element-6a725ac .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-1540 .elementor-element.elementor-element-6a725ac > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-6a725ac{width:var( --container-widget-width, 57px );max-width:57px;--container-widget-width:57px;--container-widget-flex-grow:0;align-self:center;}.elementor-1540 .elementor-element.elementor-element-ea8eec1{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1540 .elementor-element.elementor-element-afa7499{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-49b5701 *//* Estilos para el contenedor de los filtros */
#region-filter, #service-filter {
    display: flex;
    flex-direction: column; /* Apilar en dispositivos móviles */
    flex: 1;
}

/* Espacio entre los filtros */
#region-filter label, #service-filter label {
    margin-bottom: 5px;
}

/* Estilos para el contenedor de las tarjetas usando CSS Grid */
.filtered-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnas por defecto */
    gap: 20px; /* Espaciado entre tarjetas */
    background-color: #F2F2F2;
    padding: 15px;
    border-radius: 22px
}


/* Estilos para la primera tarjeta */
.post-card.first {
    grid-column: 1 / span 2; /* Ocupa 1 y 2, esto solo se aplicará en pantallas más grandes */
    grid-row: 1 / span 2; /* Ocupa 1 y 2 filas, esto solo se aplicará en pantallas más grandes */
    height: 380px;

}
.post-card.first h2 {
    font-size: 26px !important;
}

/* Estilos para las tarjetas restantes */
.post-card {
    position: relative; /* Asegura que el overlay esté posicionado correctamente */
    background-color: white; /* Fondo blanco por defecto */
    border: 1px solid #ccc;
    border-radius: 18px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden; /* Para recortar el contenido que se sale */
    transition: background 0.3s; /* Para transición suave */
    height: 180px; /* Mantener altura fija en pantallas más grandes */
    background-size: cover; /* Ajustar la imagen de fondo */
    background-position: center; /* Centrar la imagen */
    
}

/* Títulos */
.post-card h2 {
    color: #F2F2F2; /* Color del título */
    margin: 0;
    transition: color 0.3s; /* Transición suave para el color */
    position: relative; /* Asegura que el título esté sobre los círculos */
    z-index: 3; /* Asegura que el título esté encima */
    font-size: 15px !important;
    
}

/* Círculos decorativos en la esquina inferior derecha */
.post-card::after,
.post-card::before {
    content: '';
    position: absolute;
    background-color: rgba(68, 187, 221, 0.6); /* Color con opacidad */
    border-radius: 50%; /* Hacer círculos */
    z-index: 2; /* Asegurarse de que estén detrás del contenido */
    transition: transform 0.3s; /* Transición para el crecimiento */
}

/* Posicionamiento de los círculos */
.post-card::after {
    width: 60px; /* Tamaño del primer círculo */
    height: 60px; /* Tamaño del primer círculo */
    bottom: -15px; /* Colocar parte del círculo fuera de la tarjeta */
    right: -10px; /* Ajustar más a la derecha */
}

.post-card::before {
    width: 60px; /* Tamaño del segundo círculo */
    height: 60px; /* Tamaño del segundo círculo */
    bottom: -15px; /* Colocar parte del círculo fuera de la tarjeta */
    right: 25px; /* Ajustar más a la derecha */
}

/* Efecto de crecimiento al pasar el mouse */
.post-card:hover::after,
.post-card:hover::before {
    transform: scale(8); /* Aumentar el tamaño de los círculos */
    transition: 1.2s;
}

/* Estilos para los tags */
.post-tags {
    position: absolute; /* Posicionar tags dentro de la tarjeta */
    bottom: 10px; /* Ajustar la distancia del borde inferior */
    left: 10px; /* Ajustar la distancia del borde izquierdo */
    display: flex; /* Usar flexbox para alinear los tags */
    gap: 5px; /* Espacio entre los tags */
    z-index: 3; /* Asegurarse de que los tags estén encima de los círculos */
}

.tag {
    padding: 5px 10px; /* Espaciado interno para los tags */
    border-radius: 5px; /* Bordes redondeados */
    background-color: #183867; /* Fondo de los tags */
    color: #F2F2F2; /* Color del texto de los tags */
    text-transform: capitalize; /* Capitalizar el texto */
    font-size: 12px; /* Ajustar tamaño de fuente */
}

/* Icono de servicio en las tarjetas */
.service-icon {
    width: 50px; /* Tamaño predeterminado */
    height: auto;
    margin-bottom: 10px;
    z-index: 3; /* Asegura que el ícono esté por encima del overlay */
    position: relative;
}

/* Tamaño diferente para el icono en la primera tarjeta */
.first-icon {
    width: 100px; /* Tamaño específico para el ícono en la primera tarjeta */
    height: auto;
}

/* Efectos al pasar el mouse */
.post-card:hover h2 {
    color: #F2F2F2; /* Cambiar color del título al pasar el cursor */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(2, 3, 3, 0.7); /* Negro con 50% de opacidad */
    z-index: 1; /* Asegúrate de que el overlay esté por encima de la imagen */
}
.filter-message{
    margin-bottom: 20px;
}

#filter-form > button{
    margin-top: 8px;
    margin-bottom: -14px;
    border-radius: 22px;
    width: 200px;
    background-color: #44BBDD !important;

}

#content > div > div.elementor.elementor-23618 > section.elementor-section.elementor-top-section.elementor-element.elementor-element-07c4dff.elementor-section-boxed.elementor-section-height-default > div > div > div > div > div > div > div.filtered-posts > div.post-card.first > h2{
    font-size: 30px !important;
}

@media (max-width: 768px) { /* Cambia 768px si es necesario */
    /* Estilos para el contenedor de los filtros */
    #region-filter, #service-filter {
        display: grid;
        flex-direction: column; /* Apila los elementos verticalmente */
        width: 100%; /* Ocupan todo el ancho disponible */
        margin-bottom: 10px; /* Espaciado entre los filtros */
    }

    /* Espacio entre los filtros */
    #region-filter label, #service-filter label {
        margin-bottom: 5px;
    }

    /* Estilos para el contenedor de las tarjetas usando CSS Grid */
    .filtered-posts {
        display: grid;
        grid-template-columns: 1fr; /* Forzar una sola columna */
        gap: 20px; /* Espaciado entre tarjetas */
        background-color: #F2F2F2;
        padding: 15px;
        border-radius: 22px;
    }

    /* Ajustes para pantallas más pequeñas */
    .filtered-posts {
        grid-template-columns: 1fr; /* Asegurarte de que sigue siendo una columna */
    }

    #region-filter, #service-filter {
        flex-direction: row; /* Colocar filtros en fila */
        justify-content: space-between; /* Espacio entre filtros */
    }

    #region-filter, #service-filter {
        flex: 1; /* Permitir que cada filtro ocupe igual espacio */
        margin: 0 5px; /* Espaciado entre filtros */
    }

    /* Asegurarte que las tarjetas ocupen todo el ancho */
    .post-card {
        width: 100%; /* Asegura que las tarjetas ocupen todo el ancho */
        height: auto; /* Altura automática para que se ajusten al contenido */
    }

    /* Estilos para la primera tarjeta */
    .post-card.first {
        grid-column: auto; /* No forzar columnas específicas */
        grid-row: auto;
        height: 250px;
        font-size: 15px;
        
    }

    /* Estilos para las tarjetas restantes */
    .post-card {
        position: relative; /* Asegura que el overlay esté posicionado correctamente */
        background-color: white; /* Fondo blanco por defecto */
        border: 1px solid #ccc;
        border-radius: 18px;
        padding: 15px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        overflow: hidden; /* Para recortar el contenido que se sale */
        transition: background 0.3s; /* Para transición suave */
        height: auto; /* Altura automática */
        background-size: cover; /* Ajustar la imagen de fondo */
        background-position: center; /* Centrar la imagen */
        height: 250px;
    }

    /* Títulos */
    .post-card h2 {
        color: #F2F2F2; /* Color del título */
        margin: 0;
        transition: color 0.3s; /* Transición suave para el color */
        position: relative; /* Asegura que el título esté sobre los círculos */
        z-index: 3; /* Asegura que el título esté encima */
        font-size: 15px !important;
    }

    /* Círculos decorativos en la esquina inferior derecha */
    .post-card::after,
    .post-card::before {
        content: '';
        position: absolute;
        background-color: rgba(68, 187, 221, 0.6); /* Color con opacidad */
        border-radius: 50%; /* Hacer círculos */
        z-index: 2; /* Asegurarse de que estén detrás del contenido */
        transition: transform 0.3s; /* Transición para el crecimiento */
    }

    /* Posicionamiento de los círculos */
    .post-card::after {
        width: 60px; /* Tamaño del primer círculo */
        height: 60px; /* Tamaño del primer círculo */
        bottom: -15px; /* Colocar parte del círculo fuera de la tarjeta */
        right: -10px; /* Ajustar más a la derecha */
    }

    .post-card::before {
        width: 60px; /* Tamaño del segundo círculo */
        height: 60px; /* Tamaño del segundo círculo */
        bottom: -15px; /* Colocar parte del círculo fuera de la tarjeta */
        right: 25px; /* Ajustar más a la derecha */
    }

    /* Efecto de crecimiento al pasar el mouse */
    .post-card:hover::after,
    .post-card:hover::before {
        transform: scale(8); /* Aumentar el tamaño de los círculos */
        transition: 1.2s;
    }

    /* Estilos para los tags */
    .post-tags {
        position: absolute; /* Posicionar tags dentro de la tarjeta */
        bottom: 10px; /* Ajustar la distancia del borde inferior */
        left: 10px; /* Ajustar la distancia del borde izquierdo */
        display: flex; /* Usar flexbox para alinear los tags */
        gap: 5px; /* Espacio entre los tags */
        z-index: 3; /* Asegurarse de que los tags estén encima de los círculos */
    }

    .tag {
        padding: 5px 10px; /* Espaciado interno para los tags */
        border-radius: 5px; /* Bordes redondeados */
        background-color: #183867; /* Fondo de los tags */
        color: #F2F2F2; /* Color del texto de los tags */
        text-transform: capitalize; /* Capitalizar el texto */
        font-size: 12px; /* Ajustar tamaño de fuente */
    }

    /* Icono de servicio en las tarjetas */
    .service-icon {
        width: 50px; /* Tamaño predeterminado */
        height: auto;
        margin-bottom: 10px;
        z-index: 3; /* Asegura que el ícono esté por encima del overlay */
        position: relative;
    }

    /* Tamaño diferente para el icono en la primera tarjeta */
    .first-icon {
        width: 100px; /* Tamaño específico para el ícono en la primera tarjeta */
        height: auto;
    }

    /* Efectos al pasar el mouse */
    .post-card:hover h2 {
        color: #F2F2F2; /* Cambiar color del título al pasar el cursor */
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(2, 3, 3, 0.7); /* Negro con 50% de opacidad */
        z-index: 1; /* Asegúrate de que el overlay esté por encima de la imagen */
    }

    .filter-message {
        margin-bottom: 20px;
    }

    #filter-form > button {
        margin-top: 8px;
        margin-bottom: -14px;
        border-radius: 22px;
        width: 85px;
        background-color: #44BBDD !important;
    }

    #content > div > div.elementor.elementor-23618 > section.elementor-section.elementor-top-section.elementor-element.elementor-element-07c4dff.elementor-section-boxed.elementor-section-height-default > div > div > div > div > div > div > div.filtered-posts > div.post-card.first > h2 {
        font-size: 15px !important;
    }
    .post-card.first h2 {
    font-size: 16px !important;
}
select {
    border-radius: 12px;
    border-color: #44BBDD;
    color: black;
    font-size: 11px;
}
label {
    font-size: 12px;
}
}
label {
    margin-bottom: 12px;
}
select {
    border-radius: 12px;
    border-color: #44BBDD;
    color: black;
    font-size: 13px;
}/* End custom CSS */