.elementor-288 .elementor-element.elementor-element-2e8eb678{--display:flex;--min-height:40vh;--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;--justify-content:flex-end;--overlay-opacity:0.39;--border-radius:2rem 2rem 2rem 2rem;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.17);}.elementor-288 .elementor-element.elementor-element-2e8eb678:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-2e8eb678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://radiofides.co.cr/wp-content/uploads/2026/07/fides-basilicasanpedro-demo.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-288 .elementor-element.elementor-element-2e8eb678::before, .elementor-288 .elementor-element.elementor-element-2e8eb678 > .elementor-background-video-container::before, .elementor-288 .elementor-element.elementor-element-2e8eb678 > .e-con-inner > .elementor-background-video-container::before, .elementor-288 .elementor-element.elementor-element-2e8eb678 > .elementor-background-slideshow::before, .elementor-288 .elementor-element.elementor-element-2e8eb678 > .e-con-inner > .elementor-background-slideshow::before, .elementor-288 .elementor-element.elementor-element-2e8eb678 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-288 .elementor-element.elementor-element-2e8eb678:hover::before, .elementor-288 .elementor-element.elementor-element-2e8eb678:hover > .elementor-background-video-container::before, .elementor-288 .elementor-element.elementor-element-2e8eb678:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-288 .elementor-element.elementor-element-2e8eb678 > .elementor-background-slideshow:hover::before, .elementor-288 .elementor-element.elementor-element-2e8eb678 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#E8611A;--background-overlay:'';}.elementor-288 .elementor-element.elementor-element-2e8eb678:hover{--overlay-opacity:0.5;}.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-288 .elementor-element.elementor-element-20490a22{width:100%;max-width:100%;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + -4rem) 0rem;padding:10% 10% 10% 10%;text-align:center;}.elementor-288 .elementor-element.elementor-element-20490a22.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-20490a22 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:2rem;font-weight:800;color:#FFFFFF;}.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-288 .elementor-element.elementor-element-54e4c7f .elementor-button{background-color:#61CE7000;font-family:"Inter Tight", Sans-serif;font-weight:800;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:2rem 2rem 2rem 2rem;}.elementor-288 .elementor-element.elementor-element-54e4c7f .elementor-button:hover, .elementor-288 .elementor-element.elementor-element-54e4c7f .elementor-button:focus{background-color:#FFFFFF;color:#E8611A;}.elementor-288 .elementor-element.elementor-element-54e4c7f{margin:2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-288 .elementor-element.elementor-element-54e4c7f .elementor-button:hover svg, .elementor-288 .elementor-element.elementor-element-54e4c7f .elementor-button:focus svg{fill:#E8611A;}@media(min-width:768px){.elementor-288 .elementor-element.elementor-element-2e8eb678{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-288 .elementor-element.elementor-element-2e8eb678{--width:100vw;}}@media(max-width:1024px){.elementor-288 .elementor-element.elementor-element-2e8eb678:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-2e8eb678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://radiofides.co.cr/wp-content/uploads/2026/07/fides-basilicasanpedro-demo.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-288 .elementor-element.elementor-element-2e8eb678{--min-height:32vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.33;--border-radius:1rem 1rem 1rem 1rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-288 .elementor-element.elementor-element-2e8eb678.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-20490a22{width:var( --container-widget-width, 100% );max-width:100%;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + -4rem) 0rem;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-288 .elementor-element.elementor-element-20490a22.elementor-element{--align-self:center;}.elementor-288 .elementor-element.elementor-element-20490a22 .elementor-heading-title{font-size:1.5rem;}.elementor-288 .elementor-element.elementor-element-54e4c7f{width:100%;max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + -5%) 0%;padding:0px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-54e4c7f .elementor-button{font-size:0.9rem;border-radius:2rem 2rem 2rem 2rem;padding:6% 8% 6% 8%;}}@media(max-width:767px){.elementor-288 .elementor-element.elementor-element-2e8eb678{--width:100vw;--min-height:30vh;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-288 .elementor-element.elementor-element-20490a22.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-288 .elementor-element.elementor-element-20490a22 .elementor-heading-title{font-size:1.2rem;}.elementor-288 .elementor-element.elementor-element-54e4c7f.elementor-element{--align-self:center;}.elementor-288 .elementor-element.elementor-element-54e4c7f .elementor-button{font-size:0.7rem;}}/* Start custom CSS for container, class: .elementor-element-2e8eb678 *//* 1. Contenedor base de la tarjeta */
.categoria-item {
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    margin: 0 !important;
    padding: 2rem !important;
    border-radius: 2rem !important;
}

/* 3. Comportamiento del Título (Empujado) */
.cat-item-title {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.categoria-item:hover .cat-item-title {
    transform: translateY(-50px); /* El título sube un poco */
}

/* 4. Comportamiento del Botón (El truco del deslizamiento) */
.btn-conocer {
    position: relative;
    opacity: 0; /* Oculto */
    transform: translateY(30px); /* Desplazado hacia abajo */
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Cuando hacemos hover en la tarjeta, el botón aparece */
.categoria-item:hover .btn-conocer {
    opacity: 1;
    transform: translateY(0); /* Vuelve a su lugar */
}/* End custom CSS */