body{
    background-color: black;
}

/* Ajusta la posición del caption */
.slider .caption {
  top: 20% !important;          /* sube el bloque completo */
  transform: translateY(-20%);
  text-align: center;
}

/* Título principal */
.slider .caption h1 {
  font-size: 3.5rem;            /* tamaño equilibrado */
  margin-bottom: 1rem;          /* espacio debajo del título */
  font-weight: 700;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
}

/* Lista / subtítulo */
.slider .caption p {
  font-size: 2rem;
  margin-bottom: 1.5rem;        /* espacio antes del botón */
  text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}

/* Botón */
.slider .caption a.btn-large {
  font-size: 1.2rem;
  padding: 0.8rem 1.6rem;
}


/* Ajustes exclusivos para pantallas pequeñas */
@media only screen and (max-width: 600px) {
  .slider .caption {
    top: 10% !important;          /* sube el bloque de texto */
    transform: translateY(-10%);
  }

  .slider .caption h1 {
    font-size: 2.4rem;            /* más grande en móvil */
    line-height: 1.2;
    margin-bottom: 1rem;
  }

  .slider .caption p {
    font-size: 1.3rem;            /* subtítulo más legible */
    margin-bottom: 1.5rem;
  }

  .slider .caption a.btn-large {
    font-size: 1.1rem;
    padding: 0.7rem 1.4rem;
  }
}




/* Asegura que el slider no se desborde */
.slider, .slides, .slides li, .slides li img {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
}

/* Evita que el caption se salga del ancho */
.slider .caption {
  width: 90%;              /* margen interno */
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

/* Ajustes específicos para móvil */
@media only screen and (max-width: 600px) {
  body, html {
    overflow-x: hidden;     /* bloquea scroll horizontal */
  }
  .slider .caption {
    width: 95%;             /* más compacto en móvil */
  }
  .slider .caption h1 {
    font-size: 2.2rem;
  }
  .slider .caption p {
    font-size: 1.8rem;
  }
}



.identidad-doble {
  background-color: #000; 
  padding: 60px 0;
}
.identidad-doble .bloque {
  margin-left: 10px;
  margin-right: 10px;
}


/* Ajuste de columnas para que los 2 recuadros de arriba se vean separados */
.identidad-doble .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* separación uniforme entre los recuadros */
}

.identidad-doble .col {
  flex: 1 1 calc(50% - 20px); /* 2 columnas iguales */
  max-width: calc(50% - 20px);
}

/* Responsive: en móvil se apilan */
@media only screen and (max-width: 600px) {
  .identidad-doble .col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}


.identidad-cuadros {
  background-color: #000; /* negro sólido */
  padding-bottom: 60px;
}

/* Bloques generales */
.bloque {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  background-color: rgba(255,255,255,0.05); /* fallback si no carga imagen */
  color: white;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 300px; /* altura uniforme */
  box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* sombra ligera */
}

/* Overlay oscuro para legibilidad */
.bloque::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 0;
}

.bloque > * {
  position: relative;
  z-index: 1;
}

/* Fondos específicos */
.fondo-tarjeta1 {
  background-image: url("../img/target1.png") ;
}

.fondo-tarjeta2 {
  background-image: url('../img/target2.png');
}

.fondo-tarjeta3 {
  background-image: url('../img/target3.png');
}

.fondo-tarjeta4 {
  background-image: url('../img/target4.png');
}

.fondo-tarjeta5 {
  background-image: url('../img/target5.png');
}

.fondo-tarjeta6 {
  background-image: url('../img/target6.png');
}

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

.bloque h3, .bloque h4 {
  font-size: 1.8rem;
  margin-top: 10px;
  margin-bottom: 15px;
}

.bloque p, .bloque ul {
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: justify;
}

.bloque ul {
  padding-left: 20px;
}

/* Íconos */
.icono {
  margin-bottom: 10px;
  margin-top: 5%;
  margin-left: 2%;
}

.icono i.material-icons {
  font-size: 2.5rem;
}

/* Ajuste de columnas para que se vean separados */
.identidad-cuadros .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* separación uniforme entre recuadros */
}

.identidad-cuadros .col {
  flex: 1 1 calc(25% - 20px); /* 4 columnas iguales */
  max-width: calc(25% - 20px);
}

.tarjeta:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
}


/* Responsive: en móvil se apilan */
@media only screen and (max-width: 600px) {
  .identidad-cuadros .col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}




.productos {
  background-color: #000;
  padding: 0 0;
}

.carousel-item {
  padding: 60px 40px;
  min-height: 300px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.carousel-item::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6); /* overlay oscuro */
  z-index: 0;
}

.carousel-item > * {
  position: relative;
  z-index: 1;
}

/* Fondos específicos */
.fondo-arrendamiento {
  background-image: url("../img/hero1.png");
}

.fondo-credito {
  background-image: url("../img/credito_estructurado.png");
}

.fondo-saleleaseback {
  background-image: url("../img/sale.png");
}

.fondo-renting {
  background-image: url("../img/Renting.png");
}



.equipos {
  background-color: #000;
  padding: 0px 0;
}

.equipo-card {
  background: #111;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.equipo-img {
  height: 180px;
  background-size: cover;
  background-position: center;
}

.equipo-content {
  padding: 20px;
}

.fondo-carga { background-image: url("../img/productos/1.png"); }
.fondo-personal { background-image: url("../img/productos/2.png"); }
.fondo-medico { background-image: url("../img/productos/3.png"); }
.fondo-electricos { background-image: url("../img/productos/4.png"); }
.fondo-gruas { background-image: url("../img/productos/5.png"); }
.fondo-blindado { background-image: url("../img/productos/6.png"); }
.fondo-tecnologico { background-image: url("../img/productos/8.png"); }
.fondo-verde { background-image: url("../img/productos/9.png"); }
.fondo-otros { background-image: url("../img/Renting.png"); }