/* Protege la portada de Decoraciones.
   La portada usa capas oficiales en HTML: decor-hero-balloons + decor-hero-person.
   Evita que imágenes de prueba del CMS o fondos antiguos tapen el diseño. */
.decor-page .decor-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:520px!important;
  background:
    radial-gradient(circle at 80% 34%,rgba(185,109,255,.14),transparent 34%),
    radial-gradient(circle at 89% 16%,rgba(255,216,61,.18),transparent 27%),
    linear-gradient(135deg,#fffdf7 0%,#fff8ef 46%,#f5edff 100%)!important;
}
.decor-page .decor-hero:before,
.decor-page .decor-hero .container:before,
.decor-page .decor-hero .container:after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
.decor-page .decor-hero:after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,#fffdf6 0%,rgba(255,253,246,.98) 36%,rgba(255,253,246,.88) 47%,rgba(255,253,246,.28) 59%,rgba(255,253,246,.03) 72%,transparent 82%)!important;
  pointer-events:none!important;
}
.decor-page .decor-hero>.container{position:relative!important;z-index:2!important}
.decor-page .decor-kicker,
.decor-page .decor-hero h1,
.decor-page .decor-hero p{position:relative!important;z-index:4!important}
.decor-page .decor-hero .md-runtime-hero-media,
.decor-page .decor-hero .md-maestro-preview-media,
.decor-page .decor-hero .md-builder-section,
.decor-page .decor-hero [data-maestro-hero-media]{display:none!important}
.decor-page .decor-hero-art{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  right:-42px!important;
  top:50%!important;
  width:min(51vw,650px)!important;
  aspect-ratio:1199/1312!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  user-select:none!important;
  overflow:visible!important;
  opacity:1!important;
  background:none!important;
}
.decor-page .decor-hero-art img.decor-hero-layer,
.decor-page .decor-hero-art .decor-hero-layer{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  background:none!important;
}
.decor-page .decor-hero-balloons{z-index:1!important;filter:drop-shadow(0 18px 28px rgba(82,27,122,.12))!important}
.decor-page .decor-hero-person{z-index:2!important;filter:drop-shadow(0 22px 34px rgba(58,35,72,.18))!important}
@media(max-width:900px){
  .decor-page .decor-hero{min-height:650px!important;padding-bottom:270px!important}
  .decor-page .decor-hero-art{right:50%!important;left:auto!important;top:auto!important;bottom:-32px!important;width:min(92vw,540px)!important;transform:translateX(50%)!important}
}