/*
.hero {
    background: url('../img/main/bundles/web_development_moka_estudio_creativo.webp') no-repeat center center;
    background-size: cover;
    color: white;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
	background-position: bottom;
    text-align: center;
}
*/
.hero {
    position: relative;
    overflow: hidden;
    height: 50vh;
    background: url('../img/main/bundles/web_development_moka_estudio_creativo.webp') no-repeat center center;
    /*background: black;*/
}

.matrix-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(229, 36, 33, 1) !important;; /* Color verde semi-transparente, personalizable */
    font-family: monospace;
    font-size: 16px;
    line-height: 20px;
    opacity: 0.8;
    z-index: 1;
}

.hero .container {
    position: relative;
    z-index: 2; /* Para que el contenido se vea sobre el efecto */
    color: white;
}