/* ==========================================================================
   PARCHE CSS DEFINITIVO: FORZAR MODO LISTA ESTÁTICA EN EL EDITOR de DRUPAL
   ========================================================================== */

/* 1. Forzar los contenedores del carrusel en el backend a un comportamiento fluido */
form.node-form .psi-carousel,
form.node-form .slick-slider,
form.node-form .slick-list,
.paragraphs-tabs-wrapper .psi-carousel,
.paragraphs-tabs-wrapper .slick-slider,
.paragraphs-tabs-wrapper .slick-list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important; 
  display: block !important;
  transform: none !important;
  position: relative !important;
  overflow: visible !important; 
}

form.node-form .slick-track,
.paragraphs-tabs-wrapper .slick-track {
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  display: block !important;
  opacity: 1 !important;
}

form.node-form .slick-slide,
.paragraphs-tabs-wrapper .slick-slide {
  width: 100% !important; 
  max-width: 100% !important;
  display: block !important; 
  float: none !important;
  visibility: visible !important; 
  opacity: 1 !important;
  margin-bottom: 30px !important; 
  border-bottom: 2px dashed #ccc !important; 
  padding-bottom: 20px !important;
}

form.node-form .slick-arrow,
form.node-form .slick-dots,
.paragraphs-tabs-wrapper .slick-arrow,
.paragraphs-tabs-wrapper .slick-dots {
  display: none !important;
}