/* Logos flotantes */
.logo {
    position: fixed;
    width: 100px; /* Ajusta el tamaño del logo */
}

/* Logo superior izquierdo */
.logo-top-left {
    top: 20px;
    left: 20px;
    z-index: 10;
    width: 8%;
}

/* Logo inferior derecho */
.logo-bottom-right {
    bottom: 10px;
    right: 20px;
    z-index: 10;
    width: 3.7%;
}



/* TXT hero*/
.txt-hero-top {
    position: absolute;
    top: 20%;
    right: 25%;
    z-index: 10;
    width: 50%;
}