/* ============================================
   LUXDENT KIDS — paleta y componentes propios
   (Manual 4.2 — Colores Kids: Sol / Azul / Lux)
   ============================================ */
.kids-section{
  position:relative;
  padding: var(--section-pad) 0;
  background: var(--kids-bg);
  overflow:hidden;
}
.kids-section::before,
.kids-section::after{
  content:"";
  position:absolute; border-radius:50%;
  filter: blur(0px);
}
.kids-section::before{
  width:260px; height:260px; background: var(--kids-sol); opacity:.18;
  top:-80px; left:-80px;
}
.kids-section::after{
  width:320px; height:320px; background: var(--kids-azul); opacity:.14;
  bottom:-120px; right:-100px;
}

.kids-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:#fff; border-radius:999px; padding:8px 18px 8px 8px;
  box-shadow: var(--shadow-soft);
  font-size:13px; font-weight:600; color: var(--kids-lux);
  margin-bottom:22px;
}
.kids-badge .dot{ width:30px; height:30px; border-radius:50%; background: var(--kids-sol); display:flex; align-items:center; justify-content:center; font-size:15px; }

.kids-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns: 1fr 1fr; gap:56px; align-items:center;
}
.kids-copy h2{ font-size: clamp(2rem, 3.6vw, 2.8rem); }
.kids-copy h2 em{ font-style:normal; color: var(--kids-lux); }
.kids-copy p.lead{ color: var(--gris-texto); max-width:460px; margin-bottom:28px; }

.kids-pills{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:32px; }
.kids-pill{
  display:flex; align-items:center; gap:8px;
  background:#fff; padding:10px 16px; border-radius:999px;
  font-size:13.5px; font-weight:600;
  box-shadow: 0 10px 24px -16px rgba(29,29,27,.3);
}
.kids-pill span.ico{ width:22px; height:22px; border-radius:50%; display:inline-block; }
.kids-pill:nth-child(1) span.ico{ background: var(--kids-sol); }
.kids-pill:nth-child(2) span.ico{ background: var(--kids-azul); }
.kids-pill:nth-child(3) span.ico{ background: var(--kids-lux); }
.kids-pill:nth-child(4) span.ico{ background: var(--morado-diamante); }

.kids-visual{ position:relative; }
.kids-visual .main-photo{
  border-radius: 28px; overflow:hidden; aspect-ratio:4/5; box-shadow: var(--shadow-soft);
}
.kids-visual .main-photo img{ width:100%; height:100%; object-fit:cover; }
.kids-chip{
  position:absolute; background:#fff; border-radius: var(--radius-sm);
  padding:14px 18px; box-shadow: var(--shadow-soft);
  font-size:13px; font-weight:600; display:flex; align-items:center; gap:10px;
}
.kids-chip.chip-1{ top:20px; right:-18px; color: var(--kids-lux); }
.kids-chip.chip-2{ bottom:28px; left:-24px; color: var(--kids-azul); }
.kids-chip .num{ font-family: var(--font-display); font-style:italic; font-size:1.4rem; }

.btn-kids{
  background: var(--kids-lux); color:#fff;
  box-shadow: 0 14px 30px -12px rgba(102,51,204,.55);
}
.btn-kids:hover{ transform: translateY(-3px); }

@media (max-width: 860px){
  .kids-grid{ grid-template-columns: 1fr; }
  .kids-visual{ order:-1; margin-bottom: 20px; }
}