/* V262 - Integración de fondo del carrusel con el tono de cada ficha */
html body #inicio .v172-carousel-stage{
  transition: background .45s ease, border-color .45s ease, box-shadow .45s ease !important;
}

html body #inicio .v172-carousel-stage .v172-slide{
  background: var(--sheet-tone, #edf3fb) !important;
  box-shadow: 0 10px 26px rgba(23,59,124,.14) !important;
}

html body #inicio .v172-carousel-stage .v172-slide::before{
  inset: -20% !important;
  opacity: .96 !important;
  filter: blur(20px) saturate(1.08) !important;
  transform: scale(1.08) !important;
}

html body #inicio .v172-carousel-stage .v172-slide::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      var(--sheet-tone, #edf3fb) 0%,
      rgba(255,255,255,0) 14%,
      rgba(255,255,255,0) 86%,
      var(--sheet-tone, #edf3fb) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,0) 24%,
      rgba(255,255,255,0) 76%,
      rgba(255,255,255,.08) 100%) !important;
  opacity: .82 !important;
}

html body #inicio .v172-carousel-stage .v172-slide img{
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}

/* Tonos por ficha para integrar mejor la lámina con el fondo del carrusel */
html body #inicio .v172-carousel-stage .v172-slide:nth-child(1){ --sheet-tone:#f2ede1; }
html body #inicio .v172-carousel-stage .v172-slide:nth-child(2){ --sheet-tone:#edf3fa; }
html body #inicio .v172-carousel-stage .v172-slide:nth-child(3){ --sheet-tone:#16284d; }
html body #inicio .v172-carousel-stage .v172-slide:nth-child(4){ --sheet-tone:#e5ebf6; }
html body #inicio .v172-carousel-stage .v172-slide:nth-child(5){ --sheet-tone:#e8f1e6; }
html body #inicio .v172-carousel-stage .v172-slide:nth-child(6){ --sheet-tone:#ede5f6; }
html body #inicio .v172-carousel-stage .v172-slide:nth-child(7){ --sheet-tone:#f3eade; }
html body #inicio .v172-carousel-stage .v172-slide:nth-child(8){ --sheet-tone:#e8edf8; }

/* Fondo dinámico del escenario según la ficha activa */
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(1).is-active){
  background: linear-gradient(145deg,#f6f0e5,#e7f0e3) !important;
  border-color:#d7dfd2 !important;
}
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(2).is-active){
  background: linear-gradient(145deg,#eef5fb,#f6f1e8) !important;
  border-color:#d7e3f0 !important;
}
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(3).is-active){
  background: linear-gradient(145deg,#163055,#244876) !important;
  border-color:#2c4770 !important;
}
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(4).is-active){
  background: linear-gradient(145deg,#edf2fb,#dfe8f5) !important;
  border-color:#ccd9eb !important;
}
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(5).is-active){
  background: linear-gradient(145deg,#ecf5eb,#f2efe1) !important;
  border-color:#d6e2d0 !important;
}
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(6).is-active){
  background: linear-gradient(145deg,#f2ecfb,#ece4f4) !important;
  border-color:#ddd0ef !important;
}
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(7).is-active){
  background: linear-gradient(145deg,#f5ede3,#efe2d6) !important;
  border-color:#e2d2c3 !important;
}
html body #inicio .v172-carousel-stage:has(.v172-slide:nth-child(8).is-active){
  background: linear-gradient(145deg,#edf2fb,#e3eaf7) !important;
  border-color:#d1dced !important;
}

@media (max-width:760px){
  html body #inicio .v172-carousel-stage .v172-slide::before{
    inset:-16% !important;
    filter:blur(16px) saturate(1.05) !important;
  }
}