* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    overflow-x: hidden;
}

.landing-page {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: url('fondo-desktop.webp') no-repeat;
	background-size: cover;
}

.content-layer {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.top-bar {
    padding: 45px 70px;
    width: 100%;
	position: absolute;
}

.logo {
    width: 150px;
    height: auto;
    display: block;
}

.main-cta {
    flex: 1;
    display: flex;
    padding: 385px 0 0 265px;
}

.welcome-block {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 40px;
}

.welcome-text {
    width: 590px;
    max-width: 90vw;
    height: auto;
}

.btn-ingresar-link {
    display: inline-block;
    transition: transform 0.2s ease;
	cursor: pointer;
}

/*.btn-ingresar-link:hover {
    transform: scale(1.05);
}*/

.btn-ingresar {
    width: 150px; /* Ajustar tamaño del botón */
    height: auto;
    display: block;
}

@media (max-width: 1024px) {
    .top-bar {
        padding: 30px 40px;
    }
    
    .main-cta {
        padding: 200px 0 0 150px;
    }
    
    .welcome-text {
        width: 320px;
    }
}

@media (max-width: 768px) {
	.landing-page {
		background: url('fondo-mobile.webp') no-repeat;
		background-size: cover;
	}
    .top-bar {
        padding: 20px;
    }
	.logo {
		width: 100px;
	}
    
    .main-cta {
        padding: 200px 30px 0 30px;
    }
    
    .welcome-block, .welcome-text {
        width: 100%;
		max-width: 100%;
		gap: 20px;
    }
}