body {
  background-color : black;
  margin           : 0;
}

.wrapper-slider {
  display         : flex;
  justify-content : center;
  align-items     : center;
  aspect-ratio    : 4/3;
  overflow-x      : hidden;
  max-width       : 800px;
  margin          : 0 auto;
}

.slider-container {
  width        : 100%;
  max-width    : 800px;
  position     : relative;
  aspect-ratio : 4/3;
  overflow     : hidden;
}

.slider {
  position : relative;
  width    : 100%;
  height   : 100%;
}

.slider a {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
  opacity  : 0;
  z-index  : 1;
}

.slider a.active {
  opacity : 1;
  z-index : 2;
}

.slider img {
  width      : 100%;
  height     : 100%;
  object-fit : contain; /* Cambiado a contain para asegurar que se vea la imagen completa */
  background : black;
  transform  : scale(1);
  transition : transform linear; /* La duración se asignará por JS */
}

.slider a.active img {
  transform : scale(1.05); /* Zoom sutil */
}

.btn {
  position        : absolute;
  top             : 50%;
  transform       : translateY(-50%);
  background      : rgba(255, 255, 255, 0.2);
  color           : white;
  border          : none;
  padding         : 15px;
  cursor          : pointer;
  z-index         : 10;
  font-size       : 20px;
  border-radius   : 50%;
  display         : flex;
  align-items     : center;
  justify-content : center;
  width           : 50px;
  height          : 50px;
}

.btn:hover {
  background : rgba(255, 255, 255, 0.5);
}

.prev { left : 20px; }

.next { right : 20px; }

.text-center {text-align : center;}

.cont-marca {
  max-width : 640px;
  margin    : 0 auto;
}

.logos {
  max-width    : 312px;
  width        : 100%;
  aspect-ratio : 706/144;
}

.border-vertical {
  width    : 1px;
  border   : 1px solid #FE0060;
  margin   : 0 auto;
  position : relative;
}

.barra-vertical {
  width    : 1px;
  height   : 100%;
  border   : 1px solid #FE0061;
  position : fixed;
  top      : 0;
  left     : 0;
  display  : none;
  z-index  : 9999;
}

.barra-horizontal {
  width    : 100%;
  height   : 1px;
  border   : 1px solid #FE0061;
  position : fixed;
  top      : 0;
  left     : 0;
  display  : none;
  z-index  : 9999;
}
.cont-wrapper{width:100%;max-width:500px;margin:0 auto;}