:root{
                --color-amarillo-UNAM: #EDA41B;
                --color-azul-claro-UNAM:#6BBBCC;
                --color-azul-oscuro-UNAM:#245697;
                --color-azul-mas-oscuro-UNAM:#004179;
                --color-dorado-UNAM:#AF8700;
                --color-azul-institucional-UNAM:#00589C;
                --color-blanco:#FFFFFF;
                --color-fondo: #F5F5F5;
            }

            .crop-img {
                overflow: hidden;
                height: 200px;
                width: 100%;
            }

            
            .cardNews .card {
                opacity: 0;
                transform: translateX(-1500px);
                border: none;
            }
            .cardNews.animate .card {
                animation-name: FadeInSlide;
                animation-duration: 1s; 
                animation-timing-function: ease-out;
                animation-fill-mode: forwards;
            }
            .cardNews:nth-of-type(1) .card { animation-delay: 0.45s; }
            .cardNews:nth-of-type(2) .card { animation-delay: 0.3s; }
            .cardNews:nth-of-type(3) .card { animation-delay: 0.15s; }
            .cardNews:nth-of-type(4) .card { animation-delay: 0s; }


            @keyframes FadeInSlide {
                from {
                    opacity: 0;
                    transform: translateX(-1500px);
                }
                to {
                    opacity: 1;
                    transform: translateX(0);
                }
            }

            a h5 {
                color: var(--color-azul-mas-oscuro-UNAM);
            }

           .card-body {
                background: var(--color-fondo); 
            }