.elementor-86171 .elementor-element.elementor-element-206e3933{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-86171 .elementor-element.elementor-element-206e3933:not(.elementor-motion-effects-element-type-background), .elementor-86171 .elementor-element.elementor-element-206e3933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dc4663b );}.elementor-86171 .elementor-element.elementor-element-52c296de{--display:flex;}.elementor-86171 .elementor-element.elementor-element-10e5216d{text-align:center;}.elementor-86171 .elementor-element.elementor-element-10e5216d .elementor-heading-title{color:var( --e-global-color-c6da922 );}.elementor-86171 .elementor-element.elementor-element-39f82d7a{--display:flex;}.elementor-86171 .elementor-element.elementor-element-46275d1f{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-86171 .elementor-element.elementor-element-46275d1f .swiper-slide > .elementor-element{height:100%;}.elementor-86171 .elementor-element.elementor-element-faa4fb5{--display:flex;}.elementor-86171 .elementor-element.elementor-element-1163d6c5{--display:flex;}.elementor-86171 .elementor-element.elementor-element-4d264807{--grid-columns:3;}.elementor-86171 .elementor-element.elementor-element-585502a4{--display:flex;}.elementor-86171 .elementor-element.elementor-element-383654dc{--grid-columns:3;--load-more-button-align:center;}@media(max-width:1024px){.elementor-86171 .elementor-element.elementor-element-46275d1f{--swiper-slides-to-display:2;}.elementor-86171 .elementor-element.elementor-element-4d264807{--grid-columns:2;}.elementor-86171 .elementor-element.elementor-element-383654dc{--grid-columns:2;}}@media(max-width:767px){.elementor-86171 .elementor-element.elementor-element-46275d1f{--swiper-slides-to-display:1;}.elementor-86171 .elementor-element.elementor-element-4d264807{--grid-columns:1;}.elementor-86171 .elementor-element.elementor-element-383654dc{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-4d264807 *//* 1. EL CONTENEDOR (Fondo negro y borde cian) */
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon {
    border: 2px solid #5D1FF9 !important; /* Color Cian del borde */
    border-radius: 6px !important; /* Esquinas ligeramente redondeadas como en tu imagen */
    padding: 12px !important; /* Espacio interno para que respire el texto */
    transition: all 0.3s ease;
}

/* Efecto hover: Brillo al pasar el mouse por la tarjeta entera */
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon:hover {
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
}

/* 2. LA PASTILLA / ETIQUETA (Fondo rosa y texto negro) */
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon .elementor-post-info__terms-list-item {
    background-color: #FF66B2 !important; /* Rosa de la etiqueta */
    color: #000000 !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding-left:5px;
    padding-right: 5px;
    margin-right: 10px;
   /* padding: 4px 10px !important;*/
    border-radius: 4px !important; /* Esquinas un poco cuadradas */
    display: inline-block !important;
    margin-bottom: 10px !important; /* Separación entre etiqueta y título */
    letter-spacing: 0.5px !important;
}

/* Truco para borrar la coma invisible de Elementor */
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon .elementor-icon-list-text {
    font-size: 0 !important;
}

/* 3. EL TÍTULO (Blanco y en mayúsculas) */
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon .elementor-heading-title,
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon .elementor-heading-title a {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    font-size: 18px !important; /* Ajusta el tamaño de la letra aquí */
    line-height: 1.1 !important;
    text-transform: uppercase !important; /* Fuerza las mayúsculas */
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* Efecto hover: El título se pone cian al ponerle el cursor */
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon .elementor-heading-title a:hover {
    color: #00FFFF !important;
}   

/* --- LÍMITE DE 3 RENGLONES PARA EL TÍTULO --- */
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon .elementor-heading-title,
.elementor-86171 .elementor-element.elementor-element-4d264807 .tarjeta-texto-neon .elementor-heading-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Aquí le indicas que son 3 renglones */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-383654dc *//* 1. EL CONTENEDOR (Fondo negro y borde cian) */
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon {
    border: 2px solid #5D1FF9 !important; /* Color Cian del borde */
    border-radius: 6px !important; /* Esquinas ligeramente redondeadas como en tu imagen */
    padding: 12px !important; /* Espacio interno para que respire el texto */
    transition: all 0.3s ease;
}

/* Efecto hover: Brillo al pasar el mouse por la tarjeta entera */
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon:hover {
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
}

/* 2. LA PASTILLA / ETIQUETA (Fondo rosa y texto negro) */
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon .elementor-post-info__terms-list-item {
    background-color: #FF66B2 !important; /* Rosa de la etiqueta */
    color: #000000 !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding-left:5px;
    padding-right: 5px;
    margin-right: 10px;
   /* padding: 4px 10px !important;*/
    border-radius: 4px !important; /* Esquinas un poco cuadradas */
    display: inline-block !important;
    margin-bottom: 10px !important; /* Separación entre etiqueta y título */
    letter-spacing: 0.5px !important;
}

/* Truco para borrar la coma invisible de Elementor */
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon .elementor-icon-list-text {
    font-size: 0 !important;
}

/* 3. EL TÍTULO (Blanco y en mayúsculas) */
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon .elementor-heading-title,
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon .elementor-heading-title a {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    font-size: 18px !important; /* Ajusta el tamaño de la letra aquí */
    line-height: 1.1 !important;
    text-transform: uppercase !important; /* Fuerza las mayúsculas */
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* Efecto hover: El título se pone cian al ponerle el cursor */
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon .elementor-heading-title a:hover {
    color: #00FFFF !important;
}   

/* --- LÍMITE DE 3 RENGLONES PARA EL TÍTULO --- */
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon .elementor-heading-title,
.elementor-86171 .elementor-element.elementor-element-383654dc .tarjeta-texto-neon .elementor-heading-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Aquí le indicas que son 3 renglones */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}/* End custom CSS */