/* SOCIOS PRO V1.9.6 — only the PUBLIC HOME category card carousels.
   Match the approved "Ver más" horizontal layout; never touch the individual product pages,
   admin, best-seller carousel or booking screens. */

@media (min-width:900px) and (orientation:landscape) {
  /* Each category carousel has exactly three equal-width visible cards on desktop / landscape tablet. */
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  #swiper_container_products {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  #swiper_container_products > .swiper-wrapper,
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  .swiper-wrapper:has(> #SwiperSlide-scroll-products) {
    display:flex!important;
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:18px!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    box-sizing:border-box!important;
    padding:4px 0 18px!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  .swiper-wrapper > #SwiperSlide-scroll-products {
    box-sizing:border-box!important;
    display:flex!important;
    flex:0 0 calc((100% - 36px) / 3)!important;
    width:calc((100% - 36px) / 3)!important;
    min-width:0!important;
    max-width:calc((100% - 36px) / 3)!important;
    height:auto!important;
    margin:0!important;
    align-self:stretch!important;
  }
  /* Same horizontal image + readable information as the Ver más cards. */
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut {
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:175px!important;
    margin:0!important;
    padding:10px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:var(--blanco)!important;
    box-shadow:0 5px 16px #001e2021!important;
    text-decoration:none!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut > img {
    box-sizing:border-box!important;
    display:block!important;
    flex:0 0 36%!important;
    width:36%!important;
    min-width:0!important;
    max-width:36%!important;
    height:auto!important;
    min-height:154px!important;
    align-self:stretch!important;
    border-radius:13px!important;
    object-fit:cover!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut > .cardText {
    box-sizing:border-box!important;
    display:flex!important;
    flex:1 1 64%!important;
    min-width:0!important;
    max-width:64%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:5px 10px 5px 13px!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut .cardText h4 {
    box-sizing:border-box!important;
    display:block!important;
    max-width:none!important;
    max-height:none!important;
    min-height:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    font-weight:700!important;
    line-height:1.35!important;
    font-size:clamp(14px,1.15vw,18px)!important;
    -webkit-line-clamp:unset!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut .cardText > span {
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    line-height:1.4!important;
    -webkit-line-clamp:unset!important;
    font-size:clamp(12px,.98vw,15px)!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut .cardText .deFLexPrice {
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-end!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin-top:auto!important;
    padding-top:6px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut .cardText .deFLexPrice h5 {
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow:visible!important;
    line-height:1.3!important;
    font-weight:700!important;
  }
  html.ec-public-home body .ProductsContain .categoriSection:has(a.cardProdcut)
  a.cardProdcut .iconCard {
    left:auto!important;
    right:9px!important;
    top:auto!important;
    bottom:9px!important;
  }
}

/* Keep the existing approved portrait/mobile presentation unchanged. */