/* =========================================================
   Ventajas competitivas – Carrusel CSS
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&family=Roboto:wght@400&display=swap');

/* ---------- Contenedor general ---------- */
.competitive-advantages{
  width:1280px!important;             /* ancho fijo desktop */
  max-width:100%!important;
  margin:auto!important;
  padding:20px 20px!important;
  position:relative!important;
}

/* ---------- Título ---------- */
.section-title{
  font-size:26px!important;
  font-weight:bold!important;
  font-family:'Nunito',sans-serif!important;
  color:#1f2b55!important;
  margin-bottom:15px!important;
  text-align:left!important;
}

/* ---------- Wrapper carrusel ---------- */
.advantages-container{
  position:relative!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(0,0,0,.15)!important;
  padding:20px!important;
  overflow:hidden!important;
  height:250px!important;
}

/* ---------- Navegación (flechas) ---------- */
.nav-buttons{
  position:absolute!important;
  top:50%!important;
  left:-70px!important;
  right:-70px!important;
  display:flex!important;
  justify-content:space-between!important;
  transform:translateY(-50%)!important;
  z-index:10!important;
}
.nav-arrow{
  background:none!important;
  border:none!important;
  width:60px!important;
  height:60px!important;
  cursor:pointer!important;
  outline:none!important;
  box-shadow:none!important;
}
.nav-arrow img{
  width:40px!important;
  height:40px!important;
  pointer-events:none!important;
}

/* ---------- Tarjetas ---------- */
.advantage-card{
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  padding:20px!important;
  border-radius:10px!important;
  font-family:'Nunito',sans-serif!important;
  text-align:justify!important;
  height:100%!important;
}
.advantage-icon{
  flex-shrink:0!important;
  margin-right:35px!important;
}
.advantage-icon img{
  width:60px!important;
  height:60px!important;
  object-fit:contain!important;
}
.advantage-card p{
  flex-grow:1!important;
  text-align:left!important;
  padding-right:30px!important;
  line-height:1.1!important;
}

/* ---------- Responsive (tablet / móvil) ---------- */
@media (max-width:1024px){
  .nav-buttons{display:none!important;}

  .advantages-container{height:auto!important;}

  .advantage-card{
    flex-direction:column!important;
    padding-right:20px!important;
  }
  .advantage-icon{
    margin:0 0 15px 0!important;
  }
  .advantage-icon img{
    width:70px!important;
    height:70px!important;
  }
  .advantage-card p{
    text-align:center!important;
    padding-right:0!important;
  }
}