.elementor-12 .elementor-element.elementor-element-18d7cb5{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e5df0ae{--display:flex;}.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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2cfc65b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1c13001{--display:flex;}.elementor-12 .elementor-element.elementor-element-37c3a10{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-93da11f{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-d88708c{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-09f690d{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-36eb938{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .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-12 .elementor-element.elementor-element-32b97e1{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-0682153{--display:flex;}.elementor-12 .elementor-element.elementor-element-e5774ff{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-f1d2eb1{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-0c61e93{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-632d786{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-80a2fdd{--display:flex;}.elementor-12 .elementor-element.elementor-element-414bbac{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-5ead261{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-7763b21{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-1d3491c{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-618c827{--display:flex;}.elementor-12 .elementor-element.elementor-element-7b5900a{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-70a4922{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-c45773c{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-4495163{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-030e90a{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-dd1a038{--display:flex;}.elementor-12 .elementor-element.elementor-element-a5c64b6{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-1dccb83{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-da0310f .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-0f88e94{text-align:center;}.elementor-12 .elementor-element.elementor-element-4101f9f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-577a9e4{--display:flex;}.elementor-12 .elementor-element.elementor-element-a91a05e .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-b352ddb{text-align:center;}.elementor-12 .elementor-element.elementor-element-f131aec{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-e79cdee{--display:flex;}.elementor-12 .elementor-element.elementor-element-95d519f .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-427745a{text-align:center;}.elementor-12 .elementor-element.elementor-element-b35ad6e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-8965e23{--display:flex;}.elementor-12 .elementor-element.elementor-element-ec261d1 .elementor-icon-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-8ee8757{text-align:center;}.elementor-12 .elementor-element.elementor-element-3851b6f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-37c3a10{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-a5c64b6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-37c3a10{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-a5c64b6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-93da11f *//* Contenedor de la tarjeta */
.elementor-12 .elementor-element.elementor-element-93da11f {
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Efecto hover sutil al pasar el mouse */
.elementor-12 .elementor-element.elementor-element-93da11f:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Redondear y ajustar la imagen superior */
.elementor-12 .elementor-element.elementor-element-93da11f img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 170px;
    object-fit: cover;
    width: 100%;
}

/* Estilo del botón "Ver Más" para que ocupe todo el ancho inferior */
.elementor-12 .elementor-element.elementor-element-93da11f .elementor-button {
    width: 100%;
    border-radius: 8px;
    background-color: #0099cc !important; /* Ajusta a tu color azul */
    text-align: center;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0682153 *//* Contenedor de la tarjeta */
.elementor-12 .elementor-element.elementor-element-0682153 {
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Efecto hover sutil al pasar el mouse */
.elementor-12 .elementor-element.elementor-element-0682153:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Redondear y ajustar la imagen superior */
.elementor-12 .elementor-element.elementor-element-0682153 img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 170px;
    object-fit: cover;
    width: 100%;
}

/* Estilo del botón "Ver Más" para que ocupe todo el ancho inferior */
.elementor-12 .elementor-element.elementor-element-0682153 .elementor-button {
    width: 100%;
    border-radius: 8px;
    background-color: #0099cc !important; /* Ajusta a tu color azul */
    text-align: center;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80a2fdd *//* Contenedor de la tarjeta */
.elementor-12 .elementor-element.elementor-element-80a2fdd {
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Efecto hover sutil al pasar el mouse */
.elementor-12 .elementor-element.elementor-element-80a2fdd:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Redondear y ajustar la imagen superior */
.elementor-12 .elementor-element.elementor-element-80a2fdd img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 170px;
    object-fit: cover;
    width: 100%;
}

/* Estilo del botón "Ver Más" para que ocupe todo el ancho inferior */
.elementor-12 .elementor-element.elementor-element-80a2fdd .elementor-button {
    width: 100%;
    border-radius: 8px;
    background-color: #0099cc !important; /* Ajusta a tu color azul */
    text-align: center;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-618c827 *//* Contenedor de la tarjeta */
.elementor-12 .elementor-element.elementor-element-618c827 {
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Efecto hover sutil al pasar el mouse */
.elementor-12 .elementor-element.elementor-element-618c827:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Redondear y ajustar la imagen superior */
.elementor-12 .elementor-element.elementor-element-618c827 img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 170px;
    object-fit: cover;
    width: 100%;
}

/* Estilo del botón "Ver Más" para que ocupe todo el ancho inferior */
.elementor-12 .elementor-element.elementor-element-618c827 .elementor-button {
    width: 100%;
    border-radius: 8px;
    background-color: #0099cc !important; /* Ajusta a tu color azul */
    text-align: center;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dccb83 *//* Estructura general de la tarjeta/burbuja */
.elementor-12 .elementor-element.elementor-element-1dccb83 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 180px; /* Ancho fijo para mantener la forma circular uniforme */
    margin: 10px;
}

/* Contenedor del ícono: creamos el círculo perfecto con degradado azul */
.elementor-12 .elementor-element.elementor-element-1dccb83 .elementor-icon-wrapper, 
.elementor-12 .elementor-element.elementor-element-1dccb83 .elementor-widget-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); /* Degradado celeste/azul */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto hover cuando pasas el mouse por encima de la burbuja */
.elementor-12 .elementor-element.elementor-element-1dccb83:hover .elementor-icon-wrapper,
.elementor-12 .elementor-element.elementor-element-1dccb83:hover .elementor-widget-icon {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Color y tamaño del ícono interno para que se vea blanco */
.elementor-12 .elementor-element.elementor-element-1dccb83 .elementor-icon {
    color: #ffffff !important;
    font-size: 45px !important;
}

/* Estilo del título principal de la categoría */
.elementor-12 .elementor-element.elementor-element-1dccb83 .elementor-heading-title {
    font-size: 15px;
    font-weight: bold;
    color: #111111;
    line-height: 1.2;
    margin-bottom: 5px;
}

/* Estilo del texto "Ver Catálogo" */
.elementor-12 .elementor-element.elementor-element-1dccb83 .elementor-text-editor, 
.elementor-12 .elementor-element.elementor-element-1dccb83 a {
    font-size: 13px;
    color: #335c33; /* Un tono verdoso/grisáceo sutil como el de tu ejemplo */
    font-weight: 500;
    text-decoration: none;
}
.elementor-12 .elementor-element.elementor-element-1dccb83 a:hover {
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-577a9e4 *//* Estructura general de la tarjeta/burbuja */
.elementor-12 .elementor-element.elementor-element-577a9e4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 180px; /* Ancho fijo para mantener la forma circular uniforme */
    margin: 10px;
}

/* Contenedor del ícono: creamos el círculo perfecto con degradado azul */
.elementor-12 .elementor-element.elementor-element-577a9e4 .elementor-icon-wrapper, 
.elementor-12 .elementor-element.elementor-element-577a9e4 .elementor-widget-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); /* Degradado celeste/azul */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto hover cuando pasas el mouse por encima de la burbuja */
.elementor-12 .elementor-element.elementor-element-577a9e4:hover .elementor-icon-wrapper,
.elementor-12 .elementor-element.elementor-element-577a9e4:hover .elementor-widget-icon {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Color y tamaño del ícono interno para que se vea blanco */
.elementor-12 .elementor-element.elementor-element-577a9e4 .elementor-icon {
    color: #ffffff !important;
    font-size: 45px !important;
}

/* Estilo del título principal de la categoría */
.elementor-12 .elementor-element.elementor-element-577a9e4 .elementor-heading-title {
    font-size: 15px;
    font-weight: bold;
    color: #111111;
    line-height: 1.2;
    margin-bottom: 5px;
}

/* Estilo del texto "Ver Catálogo" */
.elementor-12 .elementor-element.elementor-element-577a9e4 .elementor-text-editor, 
.elementor-12 .elementor-element.elementor-element-577a9e4 a {
    font-size: 13px;
    color: #335c33; /* Un tono verdoso/grisáceo sutil como el de tu ejemplo */
    font-weight: 500;
    text-decoration: none;
}
.elementor-12 .elementor-element.elementor-element-577a9e4 a:hover {
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e79cdee *//* Estructura general de la tarjeta/burbuja */
.elementor-12 .elementor-element.elementor-element-e79cdee {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 180px; /* Ancho fijo para mantener la forma circular uniforme */
    margin: 10px;
}

/* Contenedor del ícono: creamos el círculo perfecto con degradado azul */
.elementor-12 .elementor-element.elementor-element-e79cdee .elementor-icon-wrapper, 
.elementor-12 .elementor-element.elementor-element-e79cdee .elementor-widget-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); /* Degradado celeste/azul */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto hover cuando pasas el mouse por encima de la burbuja */
.elementor-12 .elementor-element.elementor-element-e79cdee:hover .elementor-icon-wrapper,
.elementor-12 .elementor-element.elementor-element-e79cdee:hover .elementor-widget-icon {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Color y tamaño del ícono interno para que se vea blanco */
.elementor-12 .elementor-element.elementor-element-e79cdee .elementor-icon {
    color: #ffffff !important;
    font-size: 45px !important;
}

/* Estilo del título principal de la categoría */
.elementor-12 .elementor-element.elementor-element-e79cdee .elementor-heading-title {
    font-size: 15px;
    font-weight: bold;
    color: #111111;
    line-height: 1.2;
    margin-bottom: 5px;
}

/* Estilo del texto "Ver Catálogo" */
.elementor-12 .elementor-element.elementor-element-e79cdee .elementor-text-editor, 
.elementor-12 .elementor-element.elementor-element-e79cdee a {
    font-size: 13px;
    color: #335c33; /* Un tono verdoso/grisáceo sutil como el de tu ejemplo */
    font-weight: 500;
    text-decoration: none;
}
.elementor-12 .elementor-element.elementor-element-e79cdee a:hover {
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8965e23 *//* Estructura general de la tarjeta/burbuja */
.elementor-12 .elementor-element.elementor-element-8965e23 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 200px; /* Ancho fijo para mantener la forma circular uniforme */
    margin: 10px;
}

/* Contenedor del ícono: creamos el círculo perfecto con degradado azul */
.elementor-12 .elementor-element.elementor-element-8965e23 .elementor-icon-wrapper, 
.elementor-12 .elementor-element.elementor-element-8965e23 .elementor-widget-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); /* Degradado celeste/azul */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto hover cuando pasas el mouse por encima de la burbuja */
.elementor-12 .elementor-element.elementor-element-8965e23:hover .elementor-icon-wrapper,
.elementor-12 .elementor-element.elementor-element-8965e23:hover .elementor-widget-icon {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Color y tamaño del ícono interno para que se vea blanco */
.elementor-12 .elementor-element.elementor-element-8965e23 .elementor-icon {
    color: #ffffff !important;
    font-size: 45px !important;
}

/* Estilo del título principal de la categoría */
.elementor-12 .elementor-element.elementor-element-8965e23 .elementor-heading-title {
    font-size: 15px;
    font-weight: bold;
    color: #111111;
    line-height: 1.2;
    margin-bottom: 5px;
}

/* Estilo del texto "Ver Catálogo" */
.elementor-12 .elementor-element.elementor-element-8965e23 .elementor-text-editor, 
.elementor-12 .elementor-element.elementor-element-8965e23 a {
    font-size: 13px;
    color: #335c33; /* Un tono verdoso/grisáceo sutil como el de tu ejemplo */
    font-weight: 500;
    text-decoration: none;
}
.elementor-12 .elementor-element.elementor-element-8965e23 a:hover {
    text-decoration: underline;
}/* End custom CSS */