@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Square+Peg&display=swap');

.desarrollo-hero {
 position: relative;
 overflow: hidden;
}

.desarrollo-hero::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5); /* Capa negra con opacidad */
 z-index: 1;
}

.desarrollo-content {
 position: relative;
 z-index: 2; /* Asegura que el texto esté por encima de la capa negra */
 padding: 20px; /* Ajusta el padding según lo necesites */
}

.text-white {
 color: white;
}

.brochure {
 color: white;
 border: 1px solid white;
 transition: .3s;
}

.brochure:hover {
    background-color: white;
    color: black;
}