/* =========================================
   INCLUDED (Catalog Premium)
   arquivo: assets/css/sections/included.css
   ========================================= */

.section.included{
  position: relative;
  overflow: hidden; /* impede qualquer “borrão” sair */
}

/* título */
.section.included .section-head{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 16px;
}

/* ====== SLIDER WRAP (não encosta nas bordas) ====== */
.included-slider{
  /* isso resolve “vai até o final da tela” */
  width: min(1120px, 100%);
  margin: 16px auto 0;
  padding: 6px 18px 14px;

  overflow: hidden;         /* corta tudo certinho */
  border-radius: 26px;      /* corta sombra dentro */
  isolation: isolate;       /* evita blend/artefato */
  background: transparent;  /* sem manchas */
}

/* track (carrossel) */
.included-track{
  display: flex;
  gap: 18px;
  will-change: transform;
  transform: translate3d(0,0,0);
  user-select: none;
  cursor: grab;
}
.included-track.is-paused{ cursor: grabbing; }

/* ====== CARD (premium sem mask, sem bug) ====== */
.included-card{
  flex: 0 0 auto;
  width: min(420px, 84vw);
  border-radius: 18px;

  /* borda degradê sem webkit-mask */
  border: 1px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg,
      rgba(201,165,91,.55),
      rgba(108,53,98,.35),
      rgba(0,0,0,0)
    ) border-box;

  padding: 18px 18px 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease;
}

@media (min-width: 980px){
  .included-card{ width: 360px; }
}

@media (hover:hover){
  .included-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(0,0,0,.10);
  }
}

/* header */
.included-head{
  display:flex;
  align-items:flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

.included-head h3{
  margin: 0;
  color: var(--brand-1);
  font-size: 1.05rem;
  line-height: 1.15;
}

.included-sub{
  margin: 6px 0 0;
  color: var(--muted);
  font-size: .92rem;
}

/* chip */
.included-chip{
  margin-left: auto;
  display:inline-flex;
  align-items:center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  color: rgba(108,53,98,.95);
  border: 1px solid rgba(108,53,98,.18);
  background: rgba(108,53,98,.06);
  white-space: nowrap;
}

/* ícone */
.included-ico{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(201,165,91,.16);
  color: var(--brand-1);
  flex: 0 0 auto;
}

.included-ico::before{
  content:"";
  width: 22px;
  height: 22px;
  display:block;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: contain;
  opacity: .92;
}

/* ícones por data-ico */
.included-card[data-ico="contract"] .included-ico::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h7l3 3v15a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm7 1.5V7a2 2 0 0 0 2 2h2.5L14 4.5ZM8 12h8v1.7H8V12Zm0 4h8v1.7H8V16Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h7l3 3v15a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm7 1.5V7a2 2 0 0 0 2 2h2.5L14 4.5ZM8 12h8v1.7H8V12Zm0 4h8v1.7H8V16Z'/%3E%3C/svg%3E");
}
.included-card[data-ico="work"] .included-ico::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1h3a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h3Zm2 0h2V6h-2v1Zm10 6H3v7h18v-7Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1h3a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h3Zm2 0h2V6h-2v1Zm10 6H3v7h18v-7Z'/%3E%3C/svg%3E");
}
.included-card[data-ico="partners"] .included-ico::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11a3 3 0 1 0-3-3a3 3 0 0 0 3 3ZM8 11a3 3 0 1 0-3-3a3 3 0 0 0 3 3Zm8 2c-2.7 0-4.5 1.2-5 3.6c-.1.4.2.8.6.8h9.2c.4 0 .7-.4.6-.8c-.5-2.4-2.3-3.6-5.4-3.6ZM8 13c-2.7 0-4.5 1.2-5 3.6c-.1.4.2.8.6.8h8.2c.2-1.8 1.1-3.2 2.6-4c-.9-.3-1.9-.4-3.4-.4Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11a3 3 0 1 0-3-3a3 3 0 0 0 3 3ZM8 11a3 3 0 1 0-3-3a3 3 0 0 0 3 3Zm8 2c-2.7 0-4.5 1.2-5 3.6c-.1.4.2.8.6.8h9.2c.4 0 .7-.4.6-.8c-.5-2.4-2.3-3.6-5.4-3.6ZM8 13c-2.7 0-4.5 1.2-5 3.6c-.1.4.2.8.6.8h8.2c.2-1.8 1.1-3.2 2.6-4c-.9-.3-1.9-.4-3.4-.4Z'/%3E%3C/svg%3E");
}
.included-card[data-ico="charge"] .included-ico::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 15.5h-2v-1.2c-1.2-.2-2.2-.9-2.7-2l1.7-1c.3.7.9 1.2 2 1.2c1.1 0 1.6-.4 1.6-1c0-.7-.8-.9-2-.9c-1.8 0-3.5-.6-3.5-2.6c0-1.3.9-2.3 2.9-2.5V6.5h2v1.2c1 .2 1.8.7 2.3 1.5l-1.6 1c-.3-.5-.8-.8-1.6-.8c-.9 0-1.4.3-1.4.8c0 .6.7.7 1.8.8c2 .1 3.7.7 3.7 2.8c0 1.4-1 2.3-3.2 2.7v1Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 15.5h-2v-1.2c-1.2-.2-2.2-.9-2.7-2l1.7-1c.3.7.9 1.2 2 1.2c1.1 0 1.6-.4 1.6-1c0-.7-.8-.9-2-.9c-1.8 0-3.5-.6-3.5-2.6c0-1.3.9-2.3 2.9-2.5V6.5h2v1.2c1 .2 1.8.7 2.3 1.5l-1.6 1c-.3-.5-.8-.8-1.6-.8c-.9 0-1.4.3-1.4.8c0 .6.7.7 1.8.8c2 .1 3.7.7 3.7 2.8c0 1.4-1 2.3-3.2 2.7v1Z'/%3E%3C/svg%3E");
}

/* lista */
.included-list{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  color: var(--muted);
  display: grid;
  gap: 10px;
}
.included-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.included-list li::before{
  content:"✓";
  font-weight: 900;
  color: rgba(108,53,98,.95);
  margin-top: 1px;
}

/* reduz movimento */
@media (prefers-reduced-motion: reduce){
  .included-track{ transition: none !important; }
}
/* =========================
   INCLUDED — setas manuais
   ========================= */
.included-shell{
  position: relative;
}

.included-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
  cursor: pointer;

  display: grid;
  place-items: center;
  font-size: 26px;
  line-height: 1;
  color: rgba(0,0,0,.70);
  z-index: 2;
}

.included-prev{ left: 6px; }
.included-next{ right: 6px; }

.included-nav:hover{ background: #fff; }

/* suaviza a sensação de "pulo" */
.included-slider{
  scroll-behavior: smooth;
  scroll-snap-type: x proximity !important; /* antes: mandatory */
}

/* evita card grudar instantâneo */
.included-card{
  scroll-snap-align: start;
}
/* =========================================
   INCLUDED — Mobile FIX (swipe + setas)
   ========================================= */

/* no mobile, o container precisa rolar */
@media (max-width: 820px){

  .included-slider{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 18px;
    padding: 6px 18px 14px;
    scrollbar-width: none;
    touch-action: pan-x;
  }
  .included-slider::-webkit-scrollbar{ display:none; }

  .included-track{
    transform: none !important;
    will-change: auto !important;
    cursor: default !important;
    user-select: none;
  }

  .included-card{
    width: 86vw;
    scroll-snap-align: start;
  }

  /* esconde setas — swipe é suficiente no mobile */
  .included-nav{
    display: none !important;
  }
}