/*Importante slic en la home*/
.page-node-type-home .slick-track{ display: flex !important;justify-content: center;align-items: center;height: 100%;}
.page-node-type-home .img.media__element{max-width: 100%; max-height: 100%; object-fit: contain;  }
.page-node-type-home .slick-slide {display: flex !important;justify-content: center;align-items: center;height: 100%; }
.page-node-type-home .views-field-field-pn-imgp {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.page-node-type-home .views-field-field-pn-imgp img {max-width: 90%;max-height: 90%;bject-fit: contain;}
/*Importantebslick en la home*/

.slick-slide {
  margin-right: 30px; /* Espaciado entre imágenes */
}

/* Opcional: Ajustar el ancho para que todo encaje correctamente */
.slick-list {
  margin-right: -30px; /* Contrarrestar el margen en el último elemento */
}
/* Contenedor de flechas */
.slick-initialized {
  position: relative;
  display: flex!important;
  justify-content: center!important; /* Centra los botones y el contenido */
  align-items: center!important; /* Asegura el alineamiento vertical */
}
/* Flechas centradas abajo del carrusel */
.slick-arrow {
  position: absolute;
  top: 50%; /* Centrado vertical */
  transform: translateY(-50%); /* Ajuste para el centrado vertical */
  z-index: 10;
  background-color: #f5f5f5; /* Fondo opcional */
  border: none;
  border-radius: 50%;
  width: 40px; /* Ajusta el tamaño del botón */
  height: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Flecha izquierda */
button.slick-prev {
  left: 47%; /* Centrado horizontal */
  margin-right: 50px; /* Desplazamiento hacia la izquierda desde el centro */
}

/* Flecha derecha */
button.slick-next {
  left: 50%; /* Centrado horizontal */
  margin-left: 50px; /* Desplazamiento hacia la derecha desde el centro */
}

button.slick-prev,
button.slick-next{top:120%!important;}

@media (max-width: 768px) {
  .page-node-type-home .views-field-field-pn-imgp img {max-width: 80%;}
  button.slick-prev {left: 26%!important;}
 
}

@media (max-width: 480px) {
  .page-node-type-home .views-field-field-pn-imgp img {max-width: 70%;margin: auto;} /*Importante para partner en la home en responsive que de centrado*/
}