/* Glowtto | Un banner, dos composiciones (PC y Android).
   Las variables se ajustan por diapositiva desde Administración. */
#homeHero .hero-blend-photo picture{
  position:absolute;inset:0;display:block;overflow:hidden;
}
#homeHero .hero-blend-photo picture img{
  right:3%;width:75%;
  transform:scale(var(--hero-desktop-zoom,100%));
  transform-origin:center center;
}
@media(min-width:681px){
 #homeHero .has-blended-photo .hero-blend-photo img{
  object-position:var(--hero-image-focus,75%) center;
 }
}
/* En móvil el texto ya NO está sobre una foto desvanecida.
   La imagen tiene su propia área sin bordes, integrada en el mismo fondo. */
@media(max-width:680px){
 #homeHero .hero-banners>.hero-banner.has-blended-photo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  grid-template-areas:"editorial-copy" "editorial-desc" "mobile-image"!important;
  gap:8px!important;
  min-height:0!important;
  height:auto!important;
  align-content:start!important;
  padding:18px 16px 0!important;
  overflow:hidden;
 }
 #homeHero .has-blended-photo .hero-copy{
  grid-area:editorial-copy!important;max-width:100%!important;width:100%;
  position:relative;z-index:2;min-width:0;
 }
 #homeHero .has-blended-photo .hero-copy h1,
 #homeHero .has-blended-photo .hero-copy h2{
  font-size:clamp(27px,8vw,35px)!important;
  line-height:1.1!important;
  max-width:100%;margin:9px 0 7px;
  overflow-wrap:normal;hyphens:none;
 }
 #homeHero .has-blended-photo .hero-desc-bottom{
  grid-area:editorial-desc!important;max-width:100%!important;
  width:100%;border:0!important;margin:0!important;padding:0!important;
  position:relative;z-index:2;display:flex;gap:4px;
 }
 #homeHero .has-blended-photo .hero-desc-bottom p{
  font-size:12px;line-height:1.5;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;margin:0;
 }
 #homeHero .has-blended-photo .hero-blend-photo{
  grid-area:mobile-image!important;
  position:relative!important;inset:auto!important;
  width:calc(100% + 32px)!important;
  height:var(--hero-mobile-height,180px)!important;
  min-height:0!important;
  margin:2px -16px 0!important;
  border:0;overflow:hidden;
  background:linear-gradient(110deg,#fffaf7,#f8e8e4 75%,#f4dedb);
  z-index:0;
 }
 #homeHero .has-blended-photo .hero-blend-photo picture{
  position:absolute;inset:0;display:block;width:100%;height:100%;
 }
 #homeHero .has-blended-photo .hero-blend-photo picture img{
  position:absolute;inset:0!important;
  display:block;width:100%!important;height:100%!important;
  max-width:none;max-height:none;
  object-fit:var(--hero-mobile-fit,cover)!important;
  object-position:var(--hero-mobile-focus-x,50%) var(--hero-mobile-focus-y,50%)!important;
  opacity:1!important;mix-blend-mode:normal!important;
  transform:scale(var(--hero-mobile-zoom,100%))!important;
  transform-origin:var(--hero-mobile-focus-x,50%) var(--hero-mobile-focus-y,50%);
  filter:saturate(.98) contrast(1.01);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 22%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,black 22%)!important;
 }
 #homeHero .has-blended-photo .hero-blend-photo::after{
  background:linear-gradient(to bottom,#fffaf7 0%,rgba(255,250,247,.72) 12%,transparent 42%)!important;
  opacity:var(--hero-mobile-fade,.45)!important;
 }
 #homeHero .has-blended-photo .hero-art-background{display:none!important}
 #homeHero .hero-static-footer{
  margin-top:10px!important;margin-bottom:8px!important;
 }
 #homeHero .hero-controls{margin-bottom:12px!important}
}
@media(max-width:390px){
 #homeHero .hero-banners>.hero-banner.has-blended-photo{padding:16px 12px 0!important}
 #homeHero .has-blended-photo .hero-blend-photo{
  width:calc(100% + 24px)!important;margin-left:-12px!important;margin-right:-12px!important;
 }
 #homeHero .has-blended-photo .hero-copy h1,
 #homeHero .has-blended-photo .hero-copy h2{font-size:clamp(26px,7.6vw,32px)!important}
}
/* El administrador puede revisar el encuadre de escritorio y móvil. */
.home-visual-device-tabs{display:flex;gap:8px;grid-column:1/-1}
.home-visual-device-tabs button{border:1px solid #e6ccc9;border-radius:99px;background:#fff;padding:8px 15px;color:#85575c;font-size:12px;font-weight:700}
.home-visual-device-tabs button[aria-pressed="true"]{background:#a24a5f;color:#fff;border-color:#a24a5f}
.hero-style-controls.device-mobile{display:none}
.home-visual-admin[data-preview-device="mobile"] .hero-style-controls.device-desktop{display:none}
.home-visual-admin[data-preview-device="mobile"] .hero-style-controls.device-mobile{display:grid}
.home-visual-admin .hero-style-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-visual-mobile-inputs{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-visual-mobile-inputs label{min-width:0}
.home-visual-admin .preview-panel-wrapper{grid-column:1/-1;display:flex;justify-content:center;background:#f7edeb;border:1px solid #ecd6d1;border-radius:16px;padding:14px;overflow:hidden}
.home-visual-admin #visualPhotoPreview.hero-blend-preview{width:100%;height:230px;min-height:230px;max-width:100%;margin:0}
.home-visual-admin .hero-blend-preview .preview-photo picture{position:absolute;inset:0;display:block}
.home-visual-admin .hero-blend-preview .preview-photo picture img{width:75%;right:3%;transform:scale(var(--preview-zoom,100%))}
.home-visual-admin #visualPhotoPreview.is-mobile{
  width:min(100%,350px);height:auto;max-width:350px;
  min-height:0;aspect-ratio:9/12.5;
  display:flex;flex-direction:column;
  background:#fffaf7;
}
.home-visual-admin #visualPhotoPreview.is-mobile .preview-photo{
  top:auto;bottom:0;height:var(--preview-mobile-height,180px);
  background:linear-gradient(to bottom,#fffaf7,#f6e8e4);
}
.home-visual-admin #visualPhotoPreview.is-mobile .preview-photo picture{position:absolute;inset:0}
.home-visual-admin #visualPhotoPreview.is-mobile .preview-photo img{
  position:absolute;inset:0!important;width:100%!important;height:100%!important;
  object-fit:var(--preview-mobile-fit,cover)!important;
  object-position:var(--preview-mobile-x,50%) var(--preview-mobile-y,50%)!important;
  transform:scale(var(--preview-mobile-zoom,100%))!important;
  transform-origin:var(--preview-mobile-x,50%) var(--preview-mobile-y,50%);
  opacity:1!important;mix-blend-mode:normal!important;
  mask-image:linear-gradient(to bottom,transparent,black 22%)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 22%)!important;
}
.home-visual-admin #visualPhotoPreview.is-mobile .preview-photo::after{
  background:linear-gradient(to bottom,#fffaf7,rgba(255,250,247,.72) 12%,transparent 42%);
  opacity:var(--preview-mobile-fade,.45);
}
.home-visual-admin #visualPhotoPreview.is-mobile .preview-copy{
  position:relative;top:auto;left:auto;width:auto;padding:22px 17px;
  z-index:3;gap:7px;
}
.home-visual-admin #visualPhotoPreview.is-mobile .preview-copy strong{font-size:29px}
.home-visual-admin #visualPhotoPreview.is-mobile .preview-copy span{max-width:100%;line-height:1.45}
@media(max-width:680px){
 .home-visual-admin .hero-style-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
 .home-visual-admin .home-visual-mobile-inputs{grid-template-columns:1fr}
 .home-visual-admin .hero-style-controls label{font-size:11px}
}