/* ===================================================== */
/* HERO BASE */
/* ===================================================== */

.lab-hero{
position:relative;
min-height:620px;
display:flex;
align-items:center;
padding:0 80px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
}

/* ===================================================== */
/* BANNERS POR LABORATORIO */
/* ===================================================== */

.lab-hero.rodenstock{background-image:url("../img/labs/rodenstock.png");}
.lab-hero.essilor{background-image:url("../img/labs/essilor.jpg");}
.lab-hero.fides{background-image:url("../img/labs/fides.jpeg");}
.lab-hero.emporio{background-image:url("../img/labs/emporio.jpeg");}
.lab-hero.optilab{background-image:url("../img/labs/optiland.png");}

/* ===================================================== */
/* OVERLAY */
/* ===================================================== */

.lab-hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(
to right,
rgba(7,25,35,0.95) 15%,
rgba(7,25,35,0.75) 45%,
rgba(7,25,35,0.35) 100%
);
}

/* ===================================================== */
/* HERO CONTENT */
/* ===================================================== */

.lab-hero-content{
position:relative;
z-index:2;
max-width:650px;
}

.lab-hero-content small{
color:#a6ff00;
letter-spacing:2px;
font-size:13px;
}

.lab-hero-content h1{
font-size:78px;
line-height:0.95;
margin:22px 0;
}

.lab-hero-content h1 span{color:#a6ff00;}

.lab-hero-content p{
font-size:20px;
line-height:1.8;
opacity:0.82;
}

/* ===================================================== */
/* ABOUT */
/* ===================================================== */

.lab-about{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
padding:100px 80px;
align-items:center;
}

.lab-about-left small{
color:#a6ff00;
letter-spacing:2px;
}

.lab-about-left h2{
font-size:56px;
line-height:1.1;
margin:20px 0 30px;
}

.lab-about-left h2 span{color:#a6ff00;}

.lab-about-left p{
line-height:1.9;
opacity:0.8;
margin-bottom:25px;
font-size:17px;
}

.lab-about-right img{
width:100%;
border-radius:30px;
height:520px;
object-fit:cover;
}

/* ===================================================== */
/* BENEFITS */
/* ===================================================== */

.lab-benefits{
padding:100px 80px;
background:rgba(255,255,255,0.02);
}

.lab-benefits-title{
text-align:center;
margin-bottom:60px;
}

.lab-benefits-title small{
color:#a6ff00;
letter-spacing:2px;
}

.lab-benefits-title h2{
font-size:58px;
margin-top:20px;
}

.lab-benefits-title h2 span{color:#a6ff00;}

.lab-benefits-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.lab-benefit-card{
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.06);
border-radius:28px;
padding:35px;
transition:0.35s ease;
}

.lab-benefit-card:hover{
transform:translateY(-8px);
border-color:rgba(166,255,0,0.35);
}

.lab-benefit-icon{
font-size:42px;
margin-bottom:20px;
}

.lab-benefit-card h3{
font-size:24px;
margin-bottom:18px;
}

.lab-benefit-card p{
opacity:0.78;
line-height:1.7;
}

/* ===================================================== */
/* TECHNOLOGIES */
/* ===================================================== */

.lab-tech{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
padding:100px 80px;
}

.lab-tech-left small{
color:#a6ff00;
letter-spacing:2px;
}

.lab-tech-left h2{
font-size:58px;
margin:20px 0 40px;
}

.lab-tech-left h2 span{color:#a6ff00;}

.lab-tech-list{
display:flex;
flex-direction:column;
gap:18px;
}

.lab-tech-item{
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.06);
padding:22px 25px;
border-radius:18px;
font-size:16px;
}

.lab-tech-right img{
width:100%;
height:560px;
object-fit:cover;
border-radius:30px;
}

/* ===================================================== */
/* CTA */
/* ===================================================== */

.lab-cta{
padding:120px 80px;
text-align:center;
border-top:1px solid rgba(255,255,255,0.05);
}

.lab-cta-content{
max-width:900px;
margin:auto;
}

.lab-cta-content small{
color:#a6ff00;
letter-spacing:2px;
}

.lab-cta-content h2{
font-size:64px;
line-height:1.1;
margin:30px 0;
}

.lab-cta-content p{
font-size:20px;
opacity:0.8;
margin-bottom:40px;
}

/* ===================================================== */
/* MOBILE */
/* ===================================================== */

@media(max-width:768px){

.lab-hero,
.lab-about,
.lab-tech,
.lab-benefits,
.lab-cta{
padding-left:30px;
padding-right:30px;
}

.lab-about,
.lab-tech{
grid-template-columns:1fr;
}

.lab-benefits-grid{
grid-template-columns:1fr;
}

.lab-hero-content h1{font-size:52px;}

.lab-about-left h2,
.lab-tech-left h2,
.lab-benefits-title h2,
.lab-cta-content h2{
font-size:42px;
}

}