/* Glowtto | Fotografía editorial a sangre (hero). Paleta oficial.
   Capa fotográfica integrada, sin recuadro blanco sobre el banner.
   CSS de último nivel para preservar los carruseles previos. */
#homeHero .hero-banners > .hero-banner.has-blended-photo{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  background:transparent!important;
}
#homeHero .has-blended-photo .hero-blend-photo{
  --hero-image-focus:75%;
  --hero-image-fade:.78;
  --hero-image-fit:cover;
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:linear-gradient(110deg,#fffaf7 1%,#f9eeeb 56%,#f4dedb 100%);
}
#homeHero .has-blended-photo .hero-blend-photo img{
  position:absolute;
  inset:0 0 0 auto;
  display:block;
  width:72%;
  height:100%;
  object-fit:var(--hero-image-fit);
  object-position:var(--hero-image-focus) center;
  max-width:none;
  max-height:none;
  mix-blend-mode:multiply;
  filter:saturate(.92) contrast(1.04);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.52) 15%,black 43%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.52) 15%,black 43%);
  transition:opacity .45s ease;
}
/* El velo aumenta la legibilidad sin esconder completamente el producto. */
#homeHero .has-blended-photo .hero-blend-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    rgba(255,250,247,1) 0%,
    rgba(255,250,247,.98) 17%,
    rgba(255,250,247,.94) 33%,
    rgba(255,250,247,.73) 47%,
    rgba(255,250,247,.25) 65%,
    rgba(255,250,247,0) 86%);
  opacity:var(--hero-image-fade);
  pointer-events:none;
}
#homeHero .has-blended-photo .hero-copy,
#homeHero .has-blended-photo .hero-desc-bottom{
  position:relative;
  z-index:2;
}
#homeHero .has-blended-photo .hero-art-background{
  position:relative;
  z-index:1;
  min-height:245px;
  pointer-events:none;
}
#homeHero .has-blended-photo .hero-copy h1,
#homeHero .has-blended-photo .hero-copy h2{
  text-shadow:0 2px 13px rgba(255,250,247,.13);
}
#homeHero .has-blended-photo .hero-desc-bottom{
  max-width:480px;
}
@media(max-width:940px) and (min-width:681px){
  #homeHero .has-blended-photo .hero-blend-photo img{width:78%}
  #homeHero .has-blended-photo .hero-blend-photo::after{
    background:linear-gradient(90deg,#fffaf7 0%,rgba(255,250,247,.99) 25%,rgba(255,250,247,.78) 45%,rgba(255,250,247,0) 87%);
  }
}
@media(max-width:680px){
  #homeHero .hero-banners > .hero-banner.has-blended-photo{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"editorial-copy" "editorial-desc"!important;
    grid-template-rows:auto auto!important;
    align-content:start!important;
    align-items:start!important;
    gap:8px!important;
    min-height:385px!important;
    padding:23px 19px 114px!important;
  }
  #homeHero .has-blended-photo .hero-art-background{
    display:none!important;
  }
  #homeHero .has-blended-photo .hero-copy{
    width:100%;
    max-width:min(86%,360px);
    align-self:start;
  }
  #homeHero .has-blended-photo .hero-desc-bottom{
    border:0!important;
    padding:7px 0 0!important;
    margin:0!important;
    width:100%;
    max-width:min(86%,360px);
  }
  #homeHero .has-blended-photo .hero-blend-photo img{
    width:100%;
    height:100%;
    object-position:var(--hero-image-focus) center;
    opacity:.57;
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.56) 40%,black 100%);
    mask-image:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.56) 40%,black 100%);
  }
  #homeHero .has-blended-photo .hero-blend-photo::after{
    background:linear-gradient(180deg,
      #fffaf7 0%,
      rgba(255,250,247,.98) 21%,
      rgba(255,250,247,.93) 43%,
      rgba(255,250,247,.67) 70%,
      rgba(255,250,247,.24) 100%);
    opacity:var(--hero-image-fade);
  }
  #homeHero .has-blended-photo .hero-copy h1,
  #homeHero .has-blended-photo .hero-copy h2{
    font-size:clamp(30px,8.2vw,43px);
    line-height:1.1;
  }
  #homeHero .has-blended-photo .hero-desc-bottom p{
    font-size:12px;
    line-height:1.55;
  }
}
@media(max-width:390px){
  #homeHero .hero-banners > .hero-banner.has-blended-photo{
    padding:19px 14px 112px!important;
    min-height:405px!important;
  }
  #homeHero .has-blended-photo .hero-copy,
  #homeHero .has-blended-photo .hero-desc-bottom{max-width:95%}
}
@media(prefers-reduced-motion:reduce){
  #homeHero .has-blended-photo .hero-blend-photo img{transition:none!important}
}

/* Controles privados de imagen de campaña: vista fiel al banner real. */
.hero-style-controls{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  padding:13px;
  border:1px solid #ecdad4;
  border-radius:14px;
  background:#fffdfb;
}
.hero-style-controls label{margin:0;min-width:0}
.hero-style-controls input[type=range]{width:100%;accent-color:#a95364;cursor:pointer}
.hero-style-controls select{max-width:100%}
.hero-style-controls small{display:block;font-size:11px;color:#806d6a}
#visualPhotoPreview.hero-blend-preview{
  display:block;
  position:relative;
  isolation:isolate;
  padding:0;
  height:215px;
  max-height:none;
  min-height:215px;
  overflow:hidden;
  border:1px solid #ecd6d1;
  border-radius:16px;
}
.hero-blend-preview .preview-photo{
  position:absolute;inset:0;
  background:linear-gradient(110deg,#fffaf7,#f9eeeb 56%,#f4dedb);
}
.hero-blend-preview .preview-photo img{
  position:absolute;right:0;top:0;width:72%;height:100%;
  object-fit:var(--preview-fit,cover);
  object-position:var(--preview-focus,75%) center;
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent,black 47%);
  mask-image:linear-gradient(90deg,transparent,black 47%);
}
.hero-blend-preview .preview-photo::after{
  content:"";position:absolute;inset:0;
  opacity:var(--preview-fade,.78);
  background:linear-gradient(90deg,#fffaf7 0%,rgba(255,250,247,.99) 24%,rgba(255,250,247,.7) 49%,transparent 90%);
}
.hero-blend-preview .preview-copy{
  position:absolute;left:8%;top:19%;width:49%;
  display:flex;flex-direction:column;gap:8px;z-index:2;
  align-items:flex-start;text-align:left;
  color:#593b38;
}
.hero-blend-preview .preview-copy small{color:#a35363;font-weight:800;letter-spacing:.11em;font-size:9px}
.hero-blend-preview .preview-copy strong{font-size:clamp(17px,3vw,29px);line-height:1.07;font-weight:800}
.hero-blend-preview .preview-copy span{font-size:11px;color:#806d6a}
@media(max-width:700px){
 .hero-style-controls{grid-template-columns:1fr;gap:12px}
 .hero-blend-preview .preview-copy{top:14%;left:6%;width:68%}
 .hero-blend-preview .preview-photo img{width:100%;opacity:.65;mask-image:linear-gradient(180deg,transparent,black);-webkit-mask-image:linear-gradient(180deg,transparent,black)}
 .hero-blend-preview .preview-photo::after{background:linear-gradient(180deg,#fffaf7,rgba(255,250,247,.96) 38%,rgba(255,250,247,.3))}
}