@font-face {
  font-family: 'AncizarSans-BoldItalic';
  src: url('../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff2') format('woff2'),
       url('../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'AncizarSans-LightItalic';
  src: url('../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff2') format('woff2'),
       url('../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff') format('woff');
  font-weight: lighter;
  font-style: italic;
}

/*AncizarSans-BlackItalic*/

.solutions-slider { 
  margin: 0; 
  padding: 0; 
  background-color: #685bc5; /* Color de fondo */
height: auto;
}
.solutions-slider .solutions-image-slider { 
  margin: 0 auto; 
  padding: 0; 
  position: relative; 
  width: 100%; 
  /* Sombra hacia la izquierda (negativo X) y hacia abajo (positivo Y) con más fuerza */
  
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner { 
  margin: 0; 
  padding: 0; 
  position: relative; 
  width: 100%; 
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li { 
  display: flex;
  flex-direction: row; /* Alinea los elementos horizontalmente */
  align-items: center;
  justify-content: space-between; /* Espacio entre los textos y la imagen */
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .image-solutions {
  
    width: 35%;
    margin: 0;
    border-radius: 50px;
    align-self: center;
    margin-top: 35px;
    margin-right: 12%;
    margin-bottom: 35px;
    margin-left: 5%;
    box-shadow: 6px 2px 6px 2px rgba(31, 27, 59, 0.28);
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide {
  /* width: 50%;  */
  /* Ajusta el ancho de los textos */
  text-align: left; /* Alinea el texto a la izquierda */
  margin-left: 8% !important;  
  /* Agrega margen izquierdo */
  color: #f6f8fc; /* Color de texto */
  font-family: inherit; /* Fuente heredada */
  font-size: 18px !important; /* Tamaño de fuente */
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .small-s-text { 
  color: #f6f8fc;
    display: inline-block;
    font-family: inherit;
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: 900;
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .big-s-text { 
      /* max-width: 100%; */
    margin-left: 5% !important;
  font-family: inherit !important;
  text-align: justify;
    color: #f6f8fc;
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    /* font-weight: bold !important; */
    /* margin-left: 15%; */
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .big-s-text p { 
  font-family: inherit; 
  margin: 0; 
  color: #f6f8fc; /* Color de texto */
  font-size: 18px; /* Tamaño de fuente */
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs { 
  bottom: 20px; 
  left: 0; 
  margin: 0 auto; 
  margin-bottom: 0; 
  right: 0; 
  padding: 10px 0; 
  position: absolute; 
  text-align: center; 
  z-index: 50; 
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs li a { 
  background: transparent; 
  border: 2px solid #fff; 
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs li a:hover { 
  outline: none; 
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs li a:focus, 
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs li a:active { 
  outline: none; 
}
.solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs .s-rslides_here a { 
  background: #fff; 
}
.solutions-slider .titulo-text {
  display: none; /* Oculta la sección */
}
.solutions-slider .slider-button {
  margin-top: 5%;
  display: inline-block;
  background-color: #f5c35c;
  color: #20313d;
  font-size: 20px !important;
  font-family: inherit;
  text-align: center;
  /* text-decoration: #20313d; */
  border-radius: 5px;
  padding: 10px 20px;
  width: 145px;
  /* width: 220px; */
  /* height: 57px; */
  /* line-height: 40px; */
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
  transition: background-color 0.3s ease;
}
.solutions-slider .slider-button:hover {
  background-color: #d4ac0d; /* Color amarillo más oscuro al pasar el mouse */
  color: #20313d; /* Mantener texto negro al hover */
  text-decoration:#20313d;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), 
screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li::after { 
    background-size: 100%; 
    height: 70px; 
    right: 50px; 
    top: 30px; 
    width: 350px; 
  } 
}
@media screen and (max-width: 40em) { 
  .solutions-slider { margin-bottom: 0; }
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs { bottom: 0; }
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .s-rslides_tabs li a { border: 1px solid #fff; height: 8px; margin-right: 3px; width: 8px; }
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .image-solutions { /*height: 230px;*/ }
  /* .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide { bottom: 4%; width: 80% !important; display: ruby; } */
  /* .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .big-s-text { font-size: 13px; font-weight: normal !important; } */
  /* .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .small-s-text { font-size: 17px; font-family: 'AncizarSans-LightItalic', sans-serif;} */
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li::after { background-size: 100%; height: 50px; right: 10px; top: 10px; width: 170px; } 
}
/* Responsividad */
@media screen and (max-width: 768px) {
  .solutions-slider{
    background-color: white;
  }
  .solutions-slider .slider-button {
    justify-content: center;
    text-align: center;
    /* width: 140px; */
    padding-left: 10px;
    /* margin-left: 20px; */
    height: auto;
    line-height: 25px;
    font-size: 1.1em !important;
    font-family: inherit;
    /* font-weight: ; */
    width: 130px;
  }
  .solutions-slider .titulo-text {
    font-size: 12px;
    font-family: inherit; /* Fuente heredada */
    color: #f6f8fc; /* Color de texto */
  }
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .big-s-text { 
  
    
    line-height: 1.4;
    
  }
}


@media screen and (max-width: 768px) {

  /* Contenedor principal de cada slide */
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li {
    position: relative;
    display: block; /* Quitamos el flex horizontal */
    /* height: 230px;  */
    /* Altura mayor para que quepa el contenido */
  }

  /* La imagen como fondo oscuro y detrás del texto */
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .image-solutions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 1;
    filter: brightness(100%); /* Oscurece la imagen */
    border-radius: 0; /* Quita el borde redondeado en mobile si lo deseas */
    margin: 0; /* Elimina márgenes en mobile */
  }

  /* Contenedor del texto por encima de la imagen */
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide {
        position: relative;
        text-align: justify;
        z-index: 1;
        width: 80%;
        margin-left: 10% !important;
        margin: 0 auto;
        padding: 20px 10px;
        /* text-align: left; */
        color: #f6f8fc;
  }

  /* Texto principal */
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .small-s-text {
    font-size: 22px !important;
        color: #f6f8fc;
        margin-bottom: 5px;
        font-family: inherit;
  }

  /* Texto secundario */
  .solutions-slider .solutions-image-slider .solutions-image-slider-inner .content-s-slides li .text-s-slide .big-s-text {
    font-size: 18px;
    color: #f6f8fc;
    font-weight: 400;
    /* margin-top: 5px; */
    font-family: inherit;
    /* margin-left: 5%; */
  }

  /* Opcional: Quitar el fondo del slider si tenía */
  .solutions-slider {
    background-color: transparent !important;
  }

}