/* Wicion V36 · Slideshow móvil integrado 9:16
   Solo se activa en móvil cuando el modelo sí tiene visual móvil.
   El contenido interactivo se monta dentro del mismo slide 9:16.
*/

@media (max-width:780px){
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36{
    --v36-radius: 20px;
    --v36-pad-x: 14px;
    --v36-pad-bottom: 16px;
    --v36-overlay-top: 54%;
    --v36-glass: rgba(255,255,255,.14);
    --v36-glass-border: rgba(255,255,255,.26);
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-card{
    position:relative!important;
    display:block!important;
    width:min(100%,420px)!important;
    max-width:420px!important;
    margin-inline:auto!important;
    aspect-ratio:9 / 16!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    border-radius:var(--v36-radius)!important;
    background:#120e14!important;
    box-shadow:0 22px 46px rgba(0,0,0,.18)!important;
    isolation:isolate;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-visual,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-visual-shade{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    min-width:0!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-visual{
    z-index:1;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-visual-shade{
    z-index:2;
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.06) 34%, rgba(8,7,11,.46) 64%, rgba(8,7,11,.82) 100%)!important;
    pointer-events:none!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-visual-image,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-lottie,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-lottie > svg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-visual-image{
    object-fit:cover!important;
    object-position:center center!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-lottie > svg{
    object-fit:cover!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info{
    position:absolute!important;
    inset:0!important;
    z-index:3;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:var(--v36-overlay-top) var(--v36-pad-x) var(--v36-pad-bottom)!important;
    background:transparent!important;
    color:inherit!important;
    overflow:hidden!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info *{
    pointer-events:auto!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info :is(h1,h2,h3){
    font-size:clamp(1.8rem,7vw,2.7rem)!important;
    line-height:.96!important;
    max-width:8.2em!important;
    text-wrap:balance;
    text-shadow:0 2px 12px rgba(0,0,0,.25);
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info :is(p,small,span,label,a,button){
    text-shadow:0 1px 8px rgba(0,0,0,.18);
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-packages{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-packages > *{
    min-width:0!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    background:var(--v36-glass)!important;
    border:1px solid var(--v36-glass-border)!important;
    box-shadow:none!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-tabs,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-tab-row,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-detail-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    align-items:center!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-copy,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-description,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-text,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-body{
    font-size:13px!important;
    line-height:1.42!important;
    max-width:100%!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-model-picker,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-swatches,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-swatch-row{
    min-width:0!important;
    width:100%!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-swatches,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-swatch-row{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-swatches::-webkit-scrollbar,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-swatch-row::-webkit-scrollbar{
    display:none;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-swatch{
    flex:0 0 auto!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-nav,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-arrow,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 [data-showcase-prev],
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 [data-showcase-next]{
    z-index:4!important;
  }

  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info [role="tab"],
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info button,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-info .wicion-showcase-swatch{
    touch-action:manipulation;
  }

  /* Si el proyecto muestra algún bloque extra debajo del visual, lo compactamos al mismo flujo. */
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-content,
  .wicion-showcase-slide.wicion-has-mobile-visual.wicion-mobile-integrated-v36 .wicion-showcase-meta{
    width:100%!important;
    min-width:0!important;
  }
}
