/* With navigation removed, the brand belongs to the cover, not an empty bar. */
.home-page.structure-preview .site-header {
  position:absolute;
  top:28px;
  left:var(--minimal-gutter,24px);
  right:auto;
  width:max-content;
  max-width:calc(100% - 48px);
  min-height:0;
  height:auto;
  margin:0;
  padding:0;
  gap:0;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.home-page.structure-preview .site-header .brand {
  display:block;
  padding:12px 16px;
  line-height:0;
  background:#fffaf0;
  border:1px solid #ffffffb3;
  border-radius:12px;
  box-shadow:0 8px 24px #080e2926;
}
.home-page.structure-preview .site-header .brand img { display:block; width:clamp(200px,17vw,248px); height:auto; max-height:none; }
.home-page.structure-preview .site-header .brand:focus-visible { outline:2px solid #d9c677; outline-offset:6px; }
/* A real folded corner: the face retreats along the same diagonal as the
   paper underside. Only the sheet moves; its hit area and layout stay fixed. */
.home-page.structure-preview .site-header .brand-sticker {
  appearance:none; padding:0; border:0; background:transparent; box-shadow:none;
  cursor:pointer; perspective:700px; -webkit-tap-highlight-color:transparent;
}
.brand-sticker__sheet { display:block; position:relative; transform-origin:12% 20%; filter:drop-shadow(0 8px 12px #080e2926); }
.brand-sticker__face {
  display:block; padding:12px 16px; border:1px solid #ffffffb3; border-radius:12px;
  background:#fffaf0;
  clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%);
}
.brand-sticker__fold {
  position:absolute; right:0; bottom:0; width:42px; height:42px;
  clip-path:polygon(0 0,100% 0,0 100%);
  background:linear-gradient(135deg,#ddd3bc 0%,#fff9ec 42%,#e3d8bf 49%,#f9f0dd 53%,#c3b89f 100%);
  transform:scale(0); transform-origin:100% 100%; pointer-events:none;
}
.brand-sticker.is-peeling .brand-sticker__sheet { animation:brand-label-lift 2.6s cubic-bezier(.4,0,.2,1) both; }
.brand-sticker.is-peeling .brand-sticker__face { animation:brand-label-face 2.6s cubic-bezier(.4,0,.2,1) both; }
.brand-sticker.is-peeling .brand-sticker__fold { animation:brand-label-fold 2.6s cubic-bezier(.4,0,.2,1) both; }
@keyframes brand-label-lift {
  0%,100% { transform:translateY(0) rotateX(0) rotateY(0) rotateZ(0); filter:drop-shadow(0 8px 12px #080e2926); }
  35%,55% { transform:translateY(-3px) rotateX(5deg) rotateY(-9deg) rotateZ(-1.5deg); filter:drop-shadow(4px 16px 12px #080e294d); }
  84% { transform:translateY(1px) rotateX(0) rotateY(0) rotateZ(.2deg); filter:drop-shadow(0 3px 4px #080e2926); }
}
@keyframes brand-label-face {
  0%,84%,100% { clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 100%); }
  35%,55% { clip-path:polygon(0 0,100% 0,100% calc(100% - 42px),calc(100% - 42px) 100%,0 100%); }
}
@keyframes brand-label-fold {
  0%,84%,100% { transform:scale(0); }
  35%,55% { transform:scale(1); }
}
@media(prefers-reduced-motion:reduce) {
  .brand-sticker.is-peeling :is(.brand-sticker__sheet,.brand-sticker__face,.brand-sticker__fold) { animation:none; }
}
/* Give the animation its own full-height stage instead of sharing the logo's
   top padding. The logo and copy form one aligned, compact left column. */
@media(min-width:821px) {
  .home-page.structure-preview .product-slider {
    padding-top:140px;
    max-height:840px;
    background:radial-gradient(ellipse at 76% 52%,#fff 0%,#eef3f9 58%,#e6edf6 100%);
  }
  .home-page.structure-preview .product-slider::before { width:43%; }
  .home-page.structure-preview .product-slide { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); }
  .home-page.structure-preview .product-slide-copy { padding-right:clamp(28px,3vw,48px); }
  .home-page.structure-preview .product-slide .product-slide-copy h2 { font-size:clamp(3.3rem,5.7vw,6rem); }
  .home-page.structure-preview .product-slide-visual {
    height:calc(100% + 108px);
    margin-top:-108px;
    margin-left:0;
  }
  .home-page.structure-preview .product-slide-visual > .hero-marca-brand { top:4px; }
}
@media(max-width:820px) {
  .home-page.structure-preview .site-header { top:20px; }
  .home-page.structure-preview .site-header .brand img { width:184px; }
  .home-page.structure-preview .product-slider { padding-top:0; }
  .home-page.structure-preview .product-slide-copy { padding-top:138px; }
}
@media(max-width:420px) {
  .home-page.structure-preview .site-header .brand img { width:172px; }
  .home-page.structure-preview .product-slide-copy { padding-top:130px; }
}