/* Glowtto | Estudio de Inicio y banners, una sola superficie con controles
   auténticos de texto, fotografía y campaña. Las ocho paletas se heredan. */
#adminHome.home-studio-enabled{min-width:0}
#adminHome .home-studio-main{
 background:linear-gradient(155deg,var(--theme-surface),#fff 76%)!important;
 border:1px solid var(--theme-border)!important;
 padding:clamp(12px,2.2vw,22px)!important;
}
#adminHome .home-studio-legacy-heading{margin-bottom:0!important}
#adminHome .home-studio-legacy-heading>div{display:none}
#adminHome .home-studio-legacy-heading>button{
 margin-left:auto;font-size:11px!important;min-height:35px!important;
}
.home-studio-intro{display:flex;justify-content:space-between;gap:12px;padding:4px 2px 12px}
.home-studio-eyebrow{color:var(--theme-accent);font-size:10px;font-weight:800;letter-spacing:.13em}
.home-studio-intro h3{color:var(--pnl-ink);font-size:clamp(20px,2.8vw,29px);margin:4px 0 7px;line-height:1.18}
.home-studio-intro p{max-width:750px;color:var(--pnl-muted);font-size:12px;margin:0;line-height:1.55}
#adminHome .home-editor-layout{
 display:grid;grid-template-columns:minmax(174px,220px) minmax(0,1fr);
 align-items:start;gap:clamp(12px,2vw,20px)!important;margin-top:8px!important;
}
#adminHome .home-editor-sidebar{
 position:sticky;top:12px;
 padding:10px;border:1px solid var(--theme-border);border-radius:13px;
 background:#fff;box-shadow:0 4px 15px color-mix(in srgb,var(--theme-accent-strong) 6%,transparent);
}
#adminHome .home-editor-sidebar h4{color:var(--theme-accent-strong)!important}
#adminHome .home-editor-slides{gap:6px}
#adminHome .home-editor-slide-card{
 border:1px solid var(--theme-border)!important;
 padding:6px!important;min-width:0;min-height:57px!important;
 border-radius:10px!important;gap:7px!important;
 box-shadow:none!important;
}
#adminHome .home-editor-slide-card.selected{
 border-color:var(--theme-accent)!important;
 background:var(--theme-surface-soft)!important;
 box-shadow:inset 3px 0 var(--theme-accent)!important;
}
#adminHome .home-editor-slide-card>img,#adminHome .home-editor-slide-decor{
 width:43px!important;height:43px!important;border-radius:7px!important;
}
#adminHome .home-editor-slide-info strong{font-size:11px!important;color:var(--theme-accent-strong)!important}
#adminHome .home-editor-slide-info small,#adminHome .home-editor-slide-info>span{
 font-size:9px!important;min-width:0;max-width:100%;
}
#adminHome .home-editor-shortcuts{padding:9px!important;margin-top:11px!important;border-radius:10px!important}
#adminHome .home-editor-shortcuts p{font-size:10px;line-height:1.45}
#adminHome .home-editor-shortcuts button{min-height:31px!important}
#adminHome .home-editor-maincol{min-width:0}
#adminHome .home-studio-workspace-head{
 display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;
 gap:7px 12px;margin-bottom:9px;
}
.home-studio-workspace-head strong{font-size:12px;color:var(--theme-accent-strong)}
#homeStudioSelectedBanner.home-studio-selected-banner{color:var(--theme-accent-strong);font-size:11px;font-weight:800;border-left:3px solid var(--theme-accent);padding:5px 9px;background:var(--theme-surface-soft);border-radius:5px;max-width:100%;line-height:1.35}
#adminHome .home-studio-actions[hidden]{display:none!important}
#adminHome.home-studio-enabled #homeEditorSave,#adminHome.home-studio-enabled #visualPhotoSave{display:none!important}
.home-studio-tabs{
 display:flex;flex-wrap:nowrap;gap:4px;max-width:100%;
 overflow-x:auto;scrollbar-width:none;padding:2px 1px;
}
.home-studio-tabs::-webkit-scrollbar{display:none}
.home-studio-tabs button{
 flex:0 0 auto;border:1px solid var(--theme-border)!important;
 background:#fff!important;color:var(--theme-accent-strong)!important;
 border-radius:9px!important;min-height:36px!important;
 padding:8px 9px!important;font-size:10px!important;
 line-height:1.2;white-space:nowrap;box-shadow:none!important;
}
.home-studio-tabs button[aria-selected="true"]{
 background:var(--theme-surface-soft)!important;
 border-color:var(--theme-accent)!important;
 box-shadow:inset 0 -2px var(--theme-accent)!important;
}
#adminHome .home-studio-original-device-tabs{display:none!important}
#adminHome .home-studio-preview-shell{
 position:relative;min-width:0;border:1px solid var(--theme-border);
 border-radius:12px;background:linear-gradient(135deg,var(--theme-surface-soft),#fff);
 padding:9px;box-shadow:0 4px 14px color-mix(in srgb,var(--theme-accent-strong) 7%,transparent);
 margin-bottom:10px;overflow:hidden;
}
#adminHome .home-studio-device-controls{
 display:flex;justify-content:space-between;align-items:center;gap:7px;flex-wrap:wrap;
 margin-bottom:7px;
}
#adminHome .home-studio-device-controls select{
 min-height:36px!important;max-width:100%;width:min(100%,360px);
 border:1px solid var(--theme-border)!important;border-radius:8px!important;
 font-size:11px!important;padding:7px 12px!important;
 background:#fff;color:var(--theme-accent-strong);
}
#homeStudioViewportLabel{font-size:10px;color:var(--pnl-muted);white-space:nowrap}
#adminHome .home-studio-stage{position:relative;width:100%;overflow:hidden;min-width:0}
#adminHome .home-studio-stage .home-editor-preview-outer{
 position:absolute!important;top:0;left:0;margin:0!important;
 transform-origin:top left!important;
 max-width:none!important;min-width:0!important;
 min-height:0!important;padding:0!important;
 border:1px solid var(--theme-border)!important;
 border-radius:10px!important;overflow:hidden!important;
 background:var(--theme-surface)!important;
 transition:none!important;
}
#adminHome .home-studio-stage .home-editor-preview{
 width:100%!important;height:100%!important;min-height:0!important;
 max-width:none!important;overflow:hidden!important;border-radius:9px!important;
}
/* El simulador conserva contenido dentro del banner sin medir en píxeles físicos. */
#adminHome .home-studio-stage .home-editor-preview-copy{
 max-height:100%;overflow:hidden;box-sizing:border-box;
}
#adminHome .home-studio-stage .home-editor-preview-copy h3{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
#adminHome .home-studio-stage .home-editor-preview-copy p{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
#adminHome .home-studio-stage .home-editor-preview-outer[data-device="mobile"] .home-editor-preview{
 display:flex;flex-direction:column!important;
}
#adminHome .home-studio-stage .home-editor-preview-outer[data-device="mobile"] .home-editor-preview-copy{
 flex:0 1 auto!important;padding:clamp(15px,4vw,23px)!important;
}
#adminHome .home-studio-stage .home-editor-preview-outer[data-device="mobile"] .home-editor-preview-image{
 flex:1 1 30%!important;min-height:0!important;height:auto!important;
 max-height:none!important;
}
#adminHome .home-studio-stage .home-editor-preview-outer[data-device="mobile"] .home-editor-preview-image img{
 width:100%!important;height:100%!important;object-fit:var(--home-preview-fit)!important;
}
#adminHome .home-studio-stage .home-editor-preview-outer[data-device="desktop"] .home-editor-preview-copy{
 padding:clamp(18px,3vw,28px)!important;
}
#adminHome .home-editor-warning{
 padding:8px 9px!important;margin:0 0 9px!important;
 border:1px solid var(--theme-border);border-radius:9px;
 background:var(--theme-surface-soft)!important;
 color:var(--theme-accent-strong)!important;font-size:10px!important;
}
#adminHome .home-studio-panel[hidden]{display:none!important}
#adminHome .home-studio-panel{min-width:0}
#adminHome .home-studio-panel .home-editor-form{
 border:1px solid var(--theme-border)!important;
 border-radius:11px!important;padding:clamp(11px,1.8vw,16px)!important;
 background:#fff!important;gap:11px!important;
}
#adminHome .home-studio-panel .home-editor-form label,
#adminHome .home-studio-panel .home-visual-grid label{font-size:11px!important}
#adminHome .home-studio-panel .form-cols{gap:8px!important}
#adminHome .home-studio-panel .home-visual-admin,
#adminHome .home-studio-panel .home-campaign-admin,
#adminHome .home-studio-panel .home-editor-feature-panel{
 margin:0!important;box-shadow:none!important;
 border:1px solid var(--theme-border)!important;border-radius:11px!important;
 padding:clamp(10px,2vw,16px)!important;max-width:100%!important;
}
.home-studio-framing{
 display:grid;gap:6px;margin-bottom:10px;padding:11px;
 border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-surface-soft);
}
.home-studio-framing strong{font-size:12px;color:var(--theme-accent-strong)}
.home-studio-framing small{font-size:10px;color:var(--pnl-muted)}
.home-studio-framing-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.home-studio-framing-options button{
 display:grid;place-items:center;min-height:38px!important;
 border:1px solid var(--theme-border)!important;background:#fff!important;
 color:var(--theme-accent-strong)!important;border-radius:9px!important;
 font-size:10px!important;padding:6px 8px!important;white-space:normal;line-height:1.3;
}
.home-studio-framing-options button:hover,.home-studio-framing-options button:focus-visible{
 border-color:var(--theme-accent)!important;background:var(--theme-surface-soft)!important;
}
#adminHome .home-studio-panel .home-visual-grid{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
#adminHome .home-studio-panel .hero-style-controls{grid-column:1/-1!important}
#adminHome .home-studio-panel .home-visual-admin .section-heading h3,
#adminHome .home-studio-panel .home-campaign-admin .section-heading h3{
 color:var(--theme-accent-strong)!important;font-size:19px!important;
}
#adminHome .home-studio-panel .home-visual-admin .hero-bulk-layout{
 grid-column:1/-1!important;
}
#adminHome .home-studio-panel .home-studio-number{
 width:74px!important;min-width:0!important;min-height:33px!important;
 padding:6px 7px!important;
 margin:5px 0 0 5px!important;
 border-radius:8px!important;border:1px solid var(--theme-border)!important;
 background:#fff!important;font-size:11px!important;text-align:center;
}
#adminHome .home-studio-panel .hero-style-controls label>input[type=range]{
 width:calc(100% - 84px)!important;
 display:inline-block;vertical-align:middle;
}
#adminHome .home-studio-panel .preview-panel-wrapper{
 grid-column:1/-1!important;padding:10px!important;max-width:100%!important;
 border-radius:10px!important;
}
#adminHome .home-studio-panel .home-visual-admin #visualPhotoPreview{
 max-width:100%!important;
}
#adminHome .home-studio-panel .home-campaign-form{min-width:0}
#adminHome .home-studio-panel .home-editor-feature-panel .home-editor-top-products{
 grid-template-columns:repeat(2,minmax(0,1fr));
}
#adminHome .home-studio-actions{
 display:flex;align-items:center;justify-content:space-between;
 gap:10px;flex-wrap:wrap;
 position:sticky;bottom:0;z-index:8;
 padding:10px 11px;margin-top:9px;border:1px solid var(--theme-border);
 border-radius:11px;background:color-mix(in srgb,#fff 96%,var(--theme-surface-soft));
 box-shadow:0 -3px 14px color-mix(in srgb,var(--theme-accent-strong) 9%,transparent);
}
#adminHome #homeStudioPublish{min-height:42px!important;font-size:12px!important}
#adminHome #homeStudioStatus{color:var(--pnl-muted);font-size:11px;line-height:1.5}
#adminHome #homeStudioStatus.is-error{color:#a72b54}
#adminHome .home-visual-device-tabs{margin-top:5px;grid-column:1/-1!important}
@media(max-width:1050px){
 #adminHome .home-editor-layout{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 #adminHome .home-editor-sidebar{position:static}
 #adminHome .home-editor-slides{
  display:flex!important;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:4px;
 }
 #adminHome .home-editor-slides .home-editor-slide-card{
  flex:0 0 164px!important;max-width:164px!important;
 }
 #adminHome .home-editor-shortcuts{display:none!important}
}
@media(max-width:650px){
 #adminHome .home-studio-device-controls select{width:100%}
 #adminHome .home-studio-workspace-head{align-items:start}
 #adminHome .home-studio-tabs{width:100%}
 #adminHome .home-studio-panel .home-visual-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 #adminHome .home-studio-panel .home-editor-feature-panel .home-editor-top-products{
  grid-template-columns:minmax(0,1fr)!important;
 }
 #adminHome .home-studio-panel .hero-style-controls{
  display:grid;grid-template-columns:minmax(0,1fr)!important;
 }
 #adminHome .home-studio-actions{position:static}
}
@media(prefers-reduced-motion:reduce){
 #adminHome .home-studio-tabs button,#adminHome .home-editor-slide-card{transition:none!important}
}
/* Adaptación de la portada real a tablets modernas: portrait 744–1100 CSS px.
   Mantener la altura estable por diapositiva y dejar espacio al texto.
   Horizontal continúa usando composición de escritorio. */
@media(min-width:741px) and (max-width:1100px) and (orientation:portrait){
 #shopView #homeHero.hero.hero-carousel{
  height:clamp(420px,52vw,535px)!important;
 }
 #homeHero .hero-banners>.hero-banner.has-blended-photo{
  grid-template-columns:minmax(0,1fr) 48%!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:center!important;gap:10px!important;
  padding:22px 15px 60px!important;
 }
 #homeHero .has-blended-photo .hero-copy{
  min-width:0!important;max-width:none!important;
 }
 #homeHero .has-blended-photo .hero-blend-photo{
  position:relative!important;
  inset:auto!important;
  width:100%!important;height:100%!important;
  max-height:100%!important;margin:0!important;
 }
 #homeHero .hero-copy h1,#homeHero .hero-copy h2{
  font-size:clamp(28px,4.1vw,40px)!important;
 }
 #homeHero .hero-desc-bottom p{
  font-size:clamp(11px,1.5vw,14px)!important;
 }
}
@media(orientation:landscape) and (max-height:520px){
 #shopView #homeHero.hero.hero-carousel{
  height:clamp(320px,82svh,420px)!important;
 }
 #homeHero .hero-copy h1,#homeHero .hero-copy h2{
  font-size:clamp(23px,3.2vw,32px)!important;
 }
}