<section style=”
scroll-snap-align: start;
height: 100vh;
width: 100%;
background-color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0 5vw;
font-family: ‘Sora’, sans-serif;
color: #0D0D0D;
box-sizing: border-box;
“>
<div style=”height: 50vh; display: flex; flex-direction: column; justify-content: space-between;”>
<div>
<h1 style=”font-weight: 300; font-size: clamp(2.5rem, 6vw, 4rem); line-height: 1.2; margin: 0 0 4vh 0;”>
Al fin nos encontramos.
</h1>
<h2 style=”font-weight: 300; font-size: clamp(1.5rem, 4vw, 2.5rem); line-height: 1.3; margin: 0;”>
Somos lo que estás buscando.
</h2>
</div>
<div style=”margin-top: auto;”>
<img src=”https://www.laorejalab.cl/wp-content/uploads/2025/04/lohon-nn-01-e1744407955290.png”
alt=”Logo La Oreja Lab”
style=”max-width: 180px; width: 100%; height: auto;”>
</div>
</div>
</section>
<section style=”
scroll-snap-align: start;
height: 100vh;
width: 100%;
background-color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0 5vw;
font-family: ‘Sora’, sans-serif;
color: #0D0D0D;
box-sizing: border-box;
“>
<div style=”height: 50vh; display: flex; flex-direction: column; justify-content: space-between;”>
<!– Carrusel –>
<div id=”carousel” style=”
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 2vw;
width: 100%;
padding-bottom: 2vh;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
“>
<div style=”flex: 0 0 80%; scroll-snap-align: center;”>
<video autoplay loop muted playsinline loading=”lazy” style=”width: 100%; height: auto; border-radius: 10px;”>
<source src=”URL_VIDEO_1″ type=”video/mp4″>
</video>
</div>
<div style=”flex: 0 0 80%; scroll-snap-align: center;”>
<video autoplay loop muted playsinline loading=”lazy” style=”width: 100%; height: auto; border-radius: 10px;”>
<source src=”URL_VIDEO_2″ type=”video/mp4″>
</video>
</div>
<div style=”flex: 0 0 80%; scroll-snap-align: center;”>
<img src=”URL_IMAGE_1″ alt=”Proyecto 1″ style=”width: 100%; height: auto; border-radius: 10px;”>
</div>
<div style=”flex: 0 0 80%; scroll-snap-align: center;”>
<img src=”URL_IMAGE_2″ alt=”Proyecto 2″ style=”width: 100%; height: auto; border-radius: 10px;”>
</div>
<div style=”flex: 0 0 80%; scroll-snap-align: center;”>
<img src=”URL_IMAGE_3″ alt=”Proyecto 3″ style=”width: 100%; height: auto; border-radius: 10px;”>
</div>
</div>
<!– Botones –>
<div style=”display: flex; flex-direction: column; gap: 2vh;”>
<a href=”https://www.laorejalab.cl/?page_id=188″ style=”
background: #FFFFFF;
color: #0D0D0D;
border: 1px solid #0D0D0D;
padding: 0.8em 2em;
border-radius: 100vw;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
display: inline-block;
transition: background 0.3s, color 0.3s;
” onmouseover=”this.style.background=’#0D0D0D’; this.style.color=’#FFFFFF’;” onmouseout=”this.style.background=’#FFFFFF’; this.style.color=’#0D0D0D’;”>
Hablemos
</a>
<a href=”https://www.laoreja.cl” style=”
background: #FFFFFF;
color: #0D0D0D;
border: 1px solid #0D0D0D;
padding: 0.8em 2em;
border-radius: 100vw;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
display: inline-block;
transition: background 0.3s, color 0.3s;
” onmouseover=”this.style.background=’#0D0D0D’; this.style.color=’#FFFFFF’;” onmouseout=”this.style.background=’#FFFFFF’; this.style.color=’#0D0D0D’;”>
Conoce nuestros partners de show LaOreja.se
</a>
</div>
</div>
</section>
