/* ======================================================
HERO TRABAJOS
====================================================== */

.hero-trabajos{
position:relative;
background:url("../img/hero/hero-trabajo.webp") center/cover no-repeat;
min-height:65vh;
display:flex;
align-items:center;
justify-content:center;
padding:90px 20px;
color:#fff;
}

.hero-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,0.55);
}

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


/* TITULO HERO */

.hero-trabajos h1{
font-size:clamp(2rem,4vw,3rem);
font-weight:700;
margin-bottom:15px;
}

.hero-trabajos h1::after{
content:"";
display:block;
width:80px;
height:4px;
background:#f2b705;
margin:15px auto 0;
}

.hero-sub{
font-size:clamp(1rem,1.3vw,1.2rem);
line-height:1.6;
}

.text-muted-white{
    color: #fff;
}

.section-industrial{
    padding:80px 0;
background:#4CAF50;
}

/* CARDS */

.card-industrial{
background:white;
border-radius:14px;
border:2px solid #f5c63d;
box-shadow:0 10px 25px rgba(0,0,0,0.12);
transition:.3s;
}

.card-industrial:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.18);
}


/* TITULOS */

.titulo-industrial{
color:#003366;
font-weight:700;
display:flex;
align-items:center;
gap:10px;
}


/* LISTAS */

.trabajos-list{
list-style:none;
padding:0;
margin:0;
}

.trabajos-list li{
margin-bottom:14px;
font-size:15px;
display:flex;
align-items:center;
}

.trabajos-list i{
color:#f5c63d;
margin-right:10px;
}


/* TEXTO PROYECTOS */

.texto-proyectos{
display:flex;
flex-direction:column;
justify-content:flex-end;
height:100%;
}


/* IMAGENES */

.carousel-img{
height:340px;
object-fit:cover;
border-radius:10px;
}


/* RESPONSIVE */

@media (max-width:768px){

.hero-trabajos{
min-height:40vh;
padding:60px 15px;
}

.carousel-img{
height:220px;
}

}