/* ===== PÁGINA DE VENDA: KITS ===== */
.page-kits{background:#efe1bc}
.page-kits .site{
  min-height:100vh;
  background:#efe1bc url("../img/web/kits-paper-repeat.webp") center top/980px auto repeat;
}
.kits-page{position:relative;background:transparent}

/*
  Fundo em 3 zonas:
  1. banner natalino apenas no topo;
  2. papel texturizado repetindo por toda a página;
  3. faixa natalina própria no fechamento da página.
*/
.kits-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(180px,14vw,250px) 0 clamp(42px,5vw,72px);
  background:transparent;
}
.kits-hero::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:100vw;
  min-width:1440px;
  height:clamp(560px,40vw,760px);
  background:url("../img/web/kits-top-banner.webp") center top/100% auto no-repeat;
  pointer-events:none;
  z-index:-1;
}
.kits-hero::after{display:none}
.kits-hero__inner{position:relative;z-index:2}

.kits-heading{position:relative;max-width:1120px;margin:0 auto clamp(34px,4vw,54px);padding:0 230px 0 30px;text-align:center}
.kits-kicker{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:11px;color:#8d1518;font-family:var(--font-ui);font-size:clamp(.72rem,.82vw,.84rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.kits-kicker span{color:#a7772e;font-size:.8em}
.kits-heading h1{max-width:760px;margin:0 auto;font-family:var(--font-display);font-weight:400;font-size:clamp(2.8rem,4.6vw,5.1rem);line-height:.95;letter-spacing:-.04em;color:#261812}
.kits-subtitle{max-width:760px;margin:14px auto 0;font-size:clamp(.98rem,1.14vw,1.12rem);line-height:1.48;color:#5f5147}

/* selo postal */
.postal-seal{
  position:absolute;
  right:18px;
  left:auto;
  top:34px;
  width:min(180px,18vw);
  transform:rotate(-6deg);
  opacity:.96;
  pointer-events:none;
}
.postal-seal img{display:block;width:100%;height:auto}

/* cards */
.kits-grid{width:min(100%,1220px);margin-inline:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.kit-card{--kit-accent:#a91a20;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(141,91,41,.24);border-radius:19px;background:rgba(255,250,241,.92);box-shadow:0 14px 38px rgba(61,36,20,.075),inset 0 1px 0 rgba(255,255,255,.8)}
.kit-card--baby{--kit-accent:#a67928}
.kit-card--adult{--kit-accent:#0f5a47}

.kit-card__media{position:relative;aspect-ratio:.88/1;overflow:hidden;background:#281810}
.kit-card__media img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.01);transition:transform 850ms var(--ease-out),filter 500ms ease}
.kit-card--adult .kit-card__media img{object-position:center center}
.kit-card:hover .kit-card__media img{transform:scale(1.035)}
.kit-card__media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,11,8,.42) 0%,rgba(21,11,8,.08) 22%,transparent 44%,transparent 78%,rgba(24,12,8,.14) 100%);pointer-events:none}

/* nome abaixo da foto */
.kit-card__info{position:relative;margin:-8px -2px 18px;padding:0 6px 10px;text-align:center}
.kit-card__eyebrow{display:block;margin-bottom:2px;font-family:var(--font-display);font-style:italic;font-size:clamp(1.5rem,1.8vw,2rem);line-height:1;color:#9d7140}
.kit-card__name{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,3.3vw,4rem);font-weight:400;line-height:.92;letter-spacing:-.04em;color:#3a2319}
.kit-card__ribbon{position:relative;display:flex;align-items:center;justify-content:center;width:min(82%,330px);min-height:86px;margin:12px auto 0;padding:0 42px 8px;background:url("../img/web/ribbon-kit.webp") center center/100% 100% no-repeat;color:#4b2f20;font-family:var(--font-ui);font-size:.68rem;font-weight:800;line-height:.96;letter-spacing:0;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.34)}
.kit-card--baby .kit-card__ribbon{width:min(88%,360px)}
.kit-card--adult .kit-card__ribbon{width:min(89%,362px);font-size:.68rem}

.kit-card--child .kit-card__ribbon{width:min(79%,312px);transform:translateX(-8px)}
.kit-card__badge{position:absolute;z-index:4;right:15px;top:0;min-width:105px;padding:13px 10px 18px;background:linear-gradient(180deg,#cb2830,#9e151d);color:#fff;text-align:center;font:800 .68rem/1.2 var(--font-ui);letter-spacing:.04em;box-shadow:0 9px 20px rgba(93,12,16,.24);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}
.kit-card__badge strong{display:block;margin-top:3px;color:#f7c75d;font-size:.86rem}

.kit-card__body{display:flex;flex:1;flex-direction:column;padding:18px 24px 24px}
.kit-list{display:grid;gap:7px;margin-bottom:24px;margin-top:2px}
.kit-list li{position:relative;padding-left:27px;font-family:var(--font-ui);font-size:.885rem;line-height:1.3;color:#342923}
.kit-list li::before{content:"✓";position:absolute;left:0;top:.02em;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--kit-accent);color:#fff;font-size:.68rem;font-weight:800;line-height:1;box-shadow:0 2px 5px rgba(77,37,18,.12)}
.kit-card__purchase{margin-top:auto;text-align:center}
.kit-price{margin:0 0 14px;color:#1e1612;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,2.4vw,2.85rem);font-weight:700;line-height:1}
.kit-price span{font-size:.78em;font-weight:400}
.kit-buy{width:100%;min-height:56px;border-radius:10px;font-size:.73rem}
.kit-buy svg{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.kit-buy--gold{color:#fffdf6;background:linear-gradient(180deg,#b98a36 0%,#95691e 100%);border:1px solid rgba(89,57,13,.18);box-shadow:0 5px 15px rgba(72,44,9,.16)}
.kit-buy--gold:hover{background:linear-gradient(180deg,#c3953f 0%,#9f7022 100%);border-color:rgba(89,57,13,.28)}
.kit-buy--green{color:#fff;background:linear-gradient(180deg,#0f644f,#084837);border:1px solid rgba(4,54,41,.24);box-shadow:0 5px 15px rgba(5,58,44,.16)}
.kit-buy--green:hover{background:linear-gradient(180deg,#14705a,#0a523f)}

/* PNG + microcopy abaixo do CTA */
.kit-note{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin-top:12px;color:#6a5848;font-family:var(--font-serif);font-size:.78rem;font-style:italic;line-height:1.2}
.kit-note img{width:32px;height:32px;object-fit:contain;filter:none}
.kit-card--baby .kit-note img{width:34px;height:34px}
.kit-note--adult img{width:36px;height:30px;filter:none}

.kits-swipe-hint{display:none !important}

/* faixa de confiança */
.kits-benefits{width:min(100%,1220px);margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(153,106,53,.25);border-radius:18px;background:rgba(255,249,237,.88);box-shadow:0 9px 26px rgba(66,41,23,.06);overflow:hidden}
.kits-benefits article{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:92px;padding:15px 18px}
.kits-benefits article:not(:last-child)::after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:rgba(142,97,48,.18)}
.kits-benefits__icon{width:40px;height:40px;flex:0 0 40px;color:#a72125}
.kits-benefits__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kits-benefits strong,.kits-benefits small{display:block}
.kits-benefits strong{font-family:var(--font-serif);font-size:.94rem;font-weight:400;line-height:1.15;color:#34251e}
.kits-benefits small{margin-top:2px;font-family:var(--font-ui);font-size:.68rem;line-height:1.2;color:#75665b}

/* fechamento: arte responsiva em PNG com topo transparente */
.kits-closing{
  position:relative;
  height:clamp(360px,33.33vw,560px);
  margin-top:34px;
  overflow:hidden;
  background:transparent;
}
.kits-closing__art{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
}
.kits-closing__art img{
  position:absolute;
  left:50%;
  bottom:0;
  width:100%;
  height:auto;
  display:block;
  transform:translateX(-50%);
}


@media (max-width:1100px){
  .kits-heading{padding:0 180px 0 24px}
  .kits-heading h1{max-width:700px}
  .postal-seal{right:12px;left:auto;top:38px;width:min(160px,19vw)}
  .kits-grid{gap:14px}
  .kit-card__body{padding:20px 18px 22px}
  .kit-list li{font-size:.82rem}
  .kit-card__name{font-size:clamp(2.35rem,3.2vw,3.15rem)}
}


@media (max-width:900px){
  .kits-hero{padding-top:156px}
  .kits-hero::before{height:500px;background-size:100% auto}
  .kits-heading{max-width:740px;padding:0;margin-bottom:34px}
  .kits-heading h1{max-width:100%}
  .postal-seal{position:relative;left:auto;right:auto;top:auto;margin:22px auto 0;width:min(200px,54vw);transform:rotate(-5deg)}
  .kits-grid{grid-template-columns:minmax(0,1fr);gap:18px;padding:0;overflow:visible;scroll-snap-type:none}
  .kits-grid::-webkit-scrollbar{display:none}
  .kit-card{scroll-snap-align:none;max-width:620px;width:100%;margin-inline:auto}
  .kits-benefits{grid-template-columns:repeat(2,1fr)}
  .kits-benefits article:nth-child(2)::after{display:none}
  .kits-benefits article:nth-child(-n+2){border-bottom:1px solid rgba(142,97,48,.14)}
}

@media (max-width:640px){
  .page-kits .site-header{position:sticky}
  .page-kits .site{background:#efe1bc url("../img/web/kits-paper-repeat.webp") center top/760px auto repeat}
  .kits-hero{padding:118px 0 30px}
  .kits-hero::before{height:360px;min-width:0;width:100%;background-size:100% auto}
  .kits-heading{width:min(100% - 10px,480px);margin-bottom:24px}
  .kits-kicker{gap:9px;margin-bottom:8px;font-size:.61rem;letter-spacing:.16em}
  .kits-heading h1{font-size:clamp(2.1rem,9.8vw,3rem);line-height:1}
  .kits-subtitle{margin-top:12px;padding-inline:8px;font-size:.9rem;line-height:1.4}
  .postal-seal{width:min(180px,58vw);margin-top:18px}

  .kits-grid{width:min(100%,560px);margin-inline:auto;padding:0;display:grid;grid-template-columns:1fr;gap:14px;overflow:visible}
  .kit-card{flex:initial;max-width:none;width:100%;border-radius:18px}
  .kit-card__media{aspect-ratio:.89/1}
  .kit-card__info{margin:-4px -2px 16px;padding-bottom:8px}
  .kit-card__eyebrow{font-size:1.42rem}
  .kit-card__name{font-size:2.75rem}
  .kit-card__ribbon{width:min(84%,330px);min-height:80px;margin-top:12px;padding:0 34px 7px;font-size:.62rem;letter-spacing:0;line-height:.96;background-position:center center;background-size:100% 100%}
  .kit-card--child .kit-card__ribbon{width:min(80%,305px);transform:translateX(-6px)}
  .kit-card--baby .kit-card__ribbon{width:min(88%,340px)}
  .kit-card--adult .kit-card__ribbon{width:min(89%,346px);font-size:.59rem}
  .kit-card__badge{right:12px;min-width:93px;padding:11px 8px 16px;font-size:.6rem}
  .kit-card__body{padding:19px 19px 20px}
  .kit-list{gap:6px;margin-bottom:20px}
  .kit-list li{padding-left:25px;font-size:.82rem;line-height:1.3}
  .kit-list li::before{width:17px;height:17px;font-size:.63rem}
  .kit-price{font-size:2.35rem;margin-bottom:13px}
  .kit-buy{min-height:53px;padding-inline:12px;font-size:.7rem}
  .kit-note{font-size:.75rem;margin-top:10px}

  .kits-benefits{margin-top:42px;border-radius:16px}
  .kits-benefits article{justify-content:flex-start;min-height:80px;padding:13px 13px;gap:9px}
  .kits-benefits__icon{width:32px;height:32px;flex-basis:32px}
  .kits-benefits strong{font-size:.82rem}
  .kits-benefits small{font-size:.62rem}

  .kits-closing{height:clamp(320px,96vw,420px);margin-top:18px}
  .kits-closing__art img{width:100%;max-width:none}
}

@media (max-width:390px){
  .kit-card{flex-basis:88vw}
  .kits-benefits article{padding-inline:10px}
  .kits-benefits__icon{width:29px;height:29px;flex-basis:29px}
  .kits-closing{height:clamp(295px,94vw,360px);margin-top:16px}
}