:root{
--white:#ffffff;
--red:#d72638;
--navy:#001f3f;
--beige-light:#fdf5e6;
--font-main:'Poppins',sans-serif;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:var(--font-main);
}

body{
background:linear-gradient(180deg,#ffffff,#f7f7f7);
color:var(--navy);
line-height:1.6;
padding-top:109px;
}

/* ===== CONTAINER ===== */
.container{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding: 0 clamp(16px, 4vw, 40px);
}

/* ===== TITULOS ===== */
.section-title{
font-size:42px;
color:var(--red);
text-align:center;
margin-bottom: 15px;
margin-top:90px;
margin:80px 0;
font-weight: 600;
}

/* ===== BLOQUES ===== */
.corporate-block{
margin-bottom:70px;
}

.highlighted{
background:#fff;
border-radius:12px;
padding:40px;
border-left:6px solid var(--red);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
position:relative;
}

.badge{
position:absolute;
top:-15px;
left:25px;
background:var(--red);
color:#fff;
font-size:12px;
padding:5px 15px;
border-radius:4px;
}

.corporate-block h2{
color:var(--red);
margin-bottom:20px;
}

.subtitle{
margin-bottom:15px;
font-weight:500;
}

/* ===== LISTA ===== */
.custom-list{
list-style:none;
padding-left:40px;
max-width:900px;
margin:auto;
}

.custom-list li{
position:relative;
margin-bottom:14px;
}

.custom-list li::before{
content:"";
position:absolute;
left:-59px;
top:5px;
width:75px;
height:26px;
background:url('../img/logolista.png') no-repeat center/contain;
}

/* ===== VALORES ===== */
.corporate-values{
margin:80px 0;
}

.corporate-values h2{
text-align:center;
color:var(--red);
margin-bottom:40px;
}

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

.value-box{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
position:relative;
transition:.3s;
}

.value-box:hover{
transform:translateY(-5px);
}

.value-number{
position:absolute;
top:-12px;
left:20px;
background:var(--red);
color:#fff;
width:28px;
height:28px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:13px;
font-weight:600;
}

.value-box h3{
color:var(--red);
margin-bottom:10px;
}

/* ===================================================== */
/* ===== SLIDER SERVICIOS (NUEVO) ===== */
/* ===================================================== */

.slider-servicios{
  margin:50px 50px;
  margin-top: -60px;   /* 👈 menos espacio arriba */
  margin-bottom: 50px; /* 👈 puedes dejar igual abajo */
  height: 100vh !important;
}



.slider{
position:relative;
width:100%;
height:100vh;
aspect-ratio:16/9; /* 👈 ESTO ES LA CLAVE */
overflow:hidden;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* SLIDES */
.slide{
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:opacity .6s ease;
display:flex;
align-items:center;
justify-content:center;
background:#000; /* fondo uniforme */
}

.slide.active{
opacity:1;
z-index:1;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: unset;
  object-position: center;
}

/* OVERLAY TEXTO */
.slide-content{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:100px;
color:#fff;
background:linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.2), transparent);
}

.slide-content h2{
font-size:42px;
margin-bottom:10px;
font-weight:600;
}

.slide-content p{
max-width:500px;
font-size:15px;
}

/* FLECHAS */
.prev, .next{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.6);
color:#fff;
border:none;
font-size:28px;
padding:12px 16px;
cursor:pointer;
border-radius:50%;
transition:.3s;
z-index:2;
}

.prev:hover, .next:hover{
background:var(--red);
}

.prev{ left:20px; }
.next{ right:20px; }

/* DOTS */
.dots{
text-align:center;
margin-top:15px;
}

.dot{
height:12px;
width:12px;
margin:5px;
background:#ccc;
display:inline-block;
border-radius:50%;
cursor:pointer;
transition:.3s;
}

.dot.active{
background:var(--red);
transform:scale(1.2);
}

/* ===== RESPONSIVE ===== */
@media(max-width:992px){
.values-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){

.menu{
flex-direction:column;
gap:15px;
}

.values-grid{
grid-template-columns:1fr;
}

.section-title{
font-size:32px;
}

.highlighted{
padding:25px;
}

/* SLIDER MOBILE */
.slider{
height:300px;
}

.slide-content h2{
font-size:26px;
}

.slide-content p{
font-size:13px;
}
}

@media(max-width:480px){

.logo{
height:55px;
}

.slider{
height:250px;
}

}

/* ===== WHY US ===== */
.why-us{
margin-top:40px;
text-align:left;
max-width:900px;
}

.why-us h2{
color:var(--navy);
margin-bottom:20px;
font-size:28px;
display:flex;
align-items:center;
gap:10px;
}

/* LISTA */
.why-list{
margin-bottom:25px;
}

/* YA USAS custom-list, solo afinamos */
.why-list li{
font-size:16px;
}

/* DIVISOR */
.divider{
border:none;
border-top:1px solid #ddd;
margin:25px 0;
}

/* TEXTO CTA */
.cta-text{
font-size:16px;
color:var(--navy);
}