@font-face {
  font-family: Manrope;
  src: url("assets/prepagina/manrope-latin.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --lp-black: #101110;
  --lp-charcoal: #1b1e19;
  --lp-offwhite: #f7f6f0;
  --lp-ivory: #eeeee5;
  --lp-olive: #d4dcc0;
  --lp-deep-olive: #4e5a41;
  --lp-font: Manrope, "Helvetica Neue", Arial, sans-serif;
  --lp-space: clamp(18px, 5vw, 78px);
}

.lp-bio, .lp-site {
  margin: 0;
  min-width: 280px;
  font-family: var(--lp-font);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.lp-bio *, .lp-site * { box-sizing: border-box; }
.lp-bio img, .lp-site img { display: block; max-width: 100%; }
.lp-bio { background: var(--lp-black); color: var(--lp-offwhite); }
.lp-site { background: var(--lp-offwhite); color: var(--lp-black); }
.lp-site [id], .lp-bio [id] { scroll-margin-top: 100px; }
.lp-bio :focus-visible, .lp-site :focus-visible, .lp-catalog :focus-visible {
  outline: 2px solid #74945c;
  outline-offset: 4px;
}

.lp-skip { position: fixed; z-index: 999; top: 10px; left: 10px; padding: 12px 16px; border-radius: 8px; background: #fff; color: #111; transform: translateY(-150%); }
.lp-skip:focus { transform: none; }
.lp-icon { display: block; flex: 0 0 auto; width: 21px; height: 21px; }
.lp-diamond { display: block; flex: 0 0 auto; object-fit: contain; }
.lp-label { display: flex; align-items: center; gap: 9px; margin: 0 0 16px; font: 800 .68rem/1.5 var(--lp-font); letter-spacing: .16em; text-transform: uppercase; }
.lp-label .lp-diamond { width: 16px; height: 15px; }
.lp-tick { display: inline-block; width: 7px; height: 7px; margin-right: 2px; background: currentColor; rotate: 45deg; }
.lp-actions { display: flex; flex-wrap: wrap; gap: 13px 25px; align-items: center; }
.lp-button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 50px; padding: 11px 16px; border: 1px solid transparent; border-radius: 7px; color: #11150e; background: var(--lp-olive); font: 800 .79rem/1.25 var(--lp-font); text-decoration: none; }
.lp-button:hover { background: #eef1df; }
.lp-button .lp-icon { width: 18px; height: 18px; }
.lp-button--dark { background: var(--lp-black); color: #fff; }
.lp-button--dark:hover { background: #343d2b; }
.lp-button--outline { border-color: #ffffff53; background: transparent; color: #fff; }
.lp-button--outline:hover { border-color: var(--lp-olive); background: #ffffff0c; }
.lp-button--small { min-height: 42px; padding: 8px 12px; }
.lp-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; color: inherit; font: 750 .8rem/1.35 var(--lp-font); text-underline-offset: 4px; }
.lp-text-link .lp-icon { width: 16px; height: 16px; }
.lp-round { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid currentColor; border-radius: 50%; }
.lp-round .lp-icon { width: 17px; height: 17px; }

.bio-layout { display: grid; min-height: 100svh; }
.bio-photo { position: relative; isolation: isolate; min-height: 220px; height: clamp(220px, 67vw, 360px); margin: 0; overflow: hidden; background: #292924; }
.bio-photo > img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.bio-photo::after { position: absolute; inset: 0; z-index: 0; content: ""; background: linear-gradient(180deg, #0006, transparent 26%, transparent 65%, #101110 100%); pointer-events: none; }
.bio-photo figcaption { position: absolute; z-index: 1; top: 18px; right: 18px; left: 18px; display: flex; justify-content: space-between; gap: 8px; color: #fff; font-size: .61rem; font-weight: 800; letter-spacing: .14em; text-shadow: 0 1px 7px #000; }
.bio-panel { position: relative; z-index: 2; width: min(100%, 545px); margin: 0 auto; padding: 0 19px 24px; }
.bio-heading { margin-bottom: 20px; text-align: center; }
.bio-heading .lp-label { justify-content: center; margin: 0 0 5px; color: var(--lp-olive); }
.bio-badge { position: relative; display: grid; place-items: center; width: 72px; height: 72px; margin: -42px auto 13px; border: 1px solid #d4dcc076; border-radius: 19px; background: #181b16; rotate: 45deg; box-shadow: 0 10px 28px #0006; }
.bio-badge::after { position: absolute; inset: 6px; content: ""; border: 1px solid #d4dcc030; border-radius: 13px; }
.bio-badge .lp-diamond { width: 38px; height: 35px; rotate: -45deg; }
.bio-heading h1 { margin: 0; font-size: clamp(2rem, 8.4vw, 3.5rem); line-height: 1.04; font-weight: 800; letter-spacing: -.065em; }
.bio-heading h1 em { color: var(--lp-olive); font: italic 400 1em Georgia, serif; letter-spacing: -.07em; }
.bio-tagline { margin: 6px 0 0; color: #d1d3c7; font-size: .84rem; }
.bio-enter { position: relative; isolation: isolate; overflow: hidden; width: 100%; min-height: 58px; justify-content: start; padding: 11px 16px; background: var(--lp-olive); font-size: .88rem; }
.bio-enter .lp-diamond { width: 22px; height: 20px; filter: brightness(0); }
.bio-enter .lp-icon { margin-left: auto; }
.lp-ready .bio-enter::after { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(112deg, transparent 36%, #fff8 49%, transparent 62%); animation: lp-sheen 1.85s var(--lp-ease) .26s 2 both; pointer-events: none; }
.lp-ready .bio-badge::after { animation: lp-badge-flash 1.8s ease .23s 2 both; }
@keyframes lp-sheen {
  from { transform: translateX(-102%); }
  64%, to { transform: translateX(102%); }
}
@keyframes lp-badge-flash {
  0%, 100% { border-color: #d4dcc030; }
  44% { border-color: #d4dcc0b0; box-shadow: 0 0 12px #d4dcc040; }
}
.bio-links { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.bio-link { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 65px; padding: 8px 12px; border: 1px solid #d4dcc031; border-radius: 8px; background: #ffffff05; color: inherit; text-decoration: none; transition: background .2s, border-color .2s; }
.bio-link--primary { background: #30372b; border-color: #d4dcc060; }
.bio-link:hover { background: #252a22; border-color: #d4dcc09e; }
.bio-link__icon { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #d4dcc031; border-radius: 8px; color: var(--lp-olive); }
.bio-link__icon .lp-icon { width: 18px; height: 18px; }
.bio-link b, .bio-link small { display: block; }
.bio-link b { font-size: .83rem; }
.bio-link small { margin-top: 2px; color: #c0c4b7; font-size: .67rem; }
.bio-link__arrow { width: 17px; height: 17px; color: var(--lp-olive); }
.bio-signoff { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 20px 0 0; color: #b5bcaa; font-size: .6rem; font-weight: 750; letter-spacing: .15em; text-align: center; text-transform: uppercase; }
.bio-signoff span { width: 18px; height: 1px; background: #d4dcc069; }

.editorial-nav { position: sticky; top: 0; z-index: 60; border-bottom: 1px solid #ffffff22; background: #101110f7; color: var(--lp-offwhite); backdrop-filter: blur(12px); }
.editorial-nav__inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0 12px; max-width: 1500px; margin: auto; padding: 10px var(--lp-space) 0; }
.editorial-brand { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; font-size: .9rem; font-weight: 800; letter-spacing: -.02em; }
.editorial-brand .lp-diamond { width: 29px; height: 27px; }
.editorial-brand sup { margin-left: 2px; font-size: .45rem; }
.editorial-nav nav { grid-row: 2; grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px; }
.editorial-nav nav a { min-height: 39px; display: flex; align-items: center; color: #d6d8d0; font-size: .71rem; font-weight: 750; text-decoration: none; }
.editorial-nav nav a:hover, .editorial-footer a:hover { color: var(--lp-olive); text-decoration: underline; text-underline-offset: 4px; }

.editorial-hero { display: grid; isolation: isolate; background: #171b15; color: var(--lp-offwhite); }
.editorial-hero__copy { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(36px, 7vw, 95px) var(--lp-space) clamp(36px, 7vw, 95px); }
.editorial-hero__copy .lp-label, .editorial-hero__copy em { color: var(--lp-olive); }
.editorial-hero h1, .editorial-section h2, .catalog-masthead h1 { margin: 0; font-weight: 800; line-height: .97; letter-spacing: -.067em; }
.editorial-hero h1 { font-size: clamp(3.4rem, 13.2vw, 6rem); }
.editorial-hero h1 em, .editorial-section h2 em, .catalog-masthead h1 em { font: italic 400 1em/.96 Georgia, serif; letter-spacing: -.076em; }
.editorial-hero__lead { max-width: 33ch; margin: 22px 0; color: #d3d9cc; font-size: .94rem; }
.editorial-hero__index { display: none; }
.editorial-hero__visual { position: relative; min-height: clamp(315px, 99vw, 500px); isolation: isolate; overflow: hidden; background: #262720; }
.editorial-hero__image { position: absolute; inset: -18px 0; width: 100%; height: calc(100% + 36px); object-fit: cover; object-position: center top; }
.editorial-hero__visual::after { position: absolute; inset: 0; z-index: 0; content: ""; background: linear-gradient(0deg, #1118, transparent 37%); pointer-events: none; }
.editorial-hero__facets { position: absolute; z-index: 1; right: -17%; bottom: -21%; width: min(78%, 430px); fill: none; stroke: #f0f3d5; stroke-width: .25; opacity: .53; pointer-events: none; }
.editorial-hero__tag { position: absolute; z-index: 2; right: var(--lp-space); bottom: 18px; padding: 6px 8px; border: 1px solid #fff6; background: #151813c7; font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.editorial-section { max-width: 1500px; margin: auto; padding: clamp(52px, 9vw, 115px) var(--lp-space); }
.editorial-section h2 { font-size: clamp(2.5rem, 8.2vw, 5.85rem); }
.editorial-section h2 em { color: var(--lp-deep-olive); }
.editorial-section__heading { display: grid; gap: 14px; margin-bottom: 27px; }
.editorial-section__heading > p { max-width: 33ch; margin: 0; color: #505448; font-size: .9rem; }
.collection-grid { display: grid; gap: 12px; }
.collection-tile { display: block; min-width: 0; border: 1px solid #171a191f; background: var(--lp-ivory); color: inherit; text-decoration: none; }
.collection-tile__media { overflow: hidden; aspect-ratio: 1.09; background: #d7d8cd; }
.collection-tile img { width: 100%; height: 100%; object-fit: cover; object-position: center 33%; transition: scale .55s var(--lp-ease); }
.collection-tile:hover img { scale: 1.035; }
.collection-tile__caption { display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 14px; }
.collection-tile__caption strong, .collection-tile__caption div > span { display: block; }
.collection-tile__caption div > span { color: var(--lp-deep-olive); font-size: .6rem; letter-spacing: .13em; font-weight: 800; text-transform: uppercase; }
.collection-tile__caption strong { margin-top: 2px; font-size: clamp(1rem, 2.2vw, 1.35rem); font-weight: 800; letter-spacing: -.04em; }
.editorial-story { display: grid; align-items: center; gap: 30px; max-width: none; background: var(--lp-charcoal); color: var(--lp-offwhite); }
.editorial-story__media { position: relative; overflow: hidden; }
.editorial-story__media img { width: 100%; aspect-ratio: 1.35; object-fit: cover; object-position: center 34%; }
.editorial-story__media span { position: absolute; left: 10px; bottom: 10px; padding: 6px 8px; background: #141611dc; font-size: .64rem; letter-spacing: .12em; font-weight: 800; }
.editorial-story .lp-label, .editorial-story h2 em { color: var(--lp-olive); }
.editorial-story__copy > p:not(.lp-label) { max-width: 41ch; margin: 17px 0 10px; color: #d8dccf; font-size: .9rem; }
.editorial-steps { display: grid; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
.editorial-steps li { position: relative; min-height: 144px; padding: 18px; border: 1px solid #16181326; border-radius: 8px; }
.editorial-steps li > span { position: absolute; top: 19px; right: 18px; font-size: .67rem; color: var(--lp-deep-olive); font-weight: 800; letter-spacing: .08em; }
.editorial-steps .lp-icon { margin-bottom: 11px; color: var(--lp-deep-olive); }
.editorial-steps strong { font-weight: 800; }
.editorial-steps p { margin: 4px 0 0; color: #505448; font-size: .78rem; }
.editorial-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 22px; padding: 24px var(--lp-space); background: var(--lp-black); color: var(--lp-offwhite); }
.editorial-footer > span { color: #c4c8bb; font-size: .72rem; }
.editorial-footer nav { display: flex; flex-wrap: wrap; gap: 10px 17px; }
.editorial-footer nav a { display: inline-flex; align-items: center; gap: 3px; min-height: 36px; color: inherit; font-size: .74rem; text-decoration: none; }
.editorial-footer nav .lp-icon { width: 13px; height: 13px; }

body.lp-catalog {
  --paper: #eeeee5;
  --paper-2: #e0e2d4;
  --white: #faf9f4;
  --ink: #101110;
  --soft-ink: #22251f;
  --accent: #d4dcc0;
  --accent-dark: #414a37;
  --muted: #585a51;
  --radius-sm: 8px;
  --radius: 12px;
  font-family: var(--lp-font);
}
.lp-catalog .brand img { width: 28px; height: 27px; border-radius: 0; }
.lp-catalog .bag-button { padding-left: 9px; }
.lp-catalog .bag-button .lp-icon { width: 17px; height: 17px; }
.lp-catalog .desktop-nav a[aria-current] { color: var(--lp-olive); }
.catalog-masthead { display: grid; background: #1a1d17; color: #fff; overflow: hidden; }
.catalog-masthead__content { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 27px var(--page-pad) 25px; }
.catalog-masthead .lp-label, .catalog-masthead em { color: var(--lp-olive); }
.catalog-masthead h1 { font-size: clamp(2.6rem, 11.5vw, 5.4rem); }
.catalog-masthead__lead { margin: 12px 0 12px; color: #d6dbd0; font-size: .84rem; }
.catalog-masthead__image { position: relative; min-height: 146px; overflow: hidden; background: #252620; }
.catalog-masthead__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 15%; }
.catalog-masthead__image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, #14161155, transparent 48%); }
.lp-catalog .catalog-section { padding-top: clamp(31px, 5vw, 75px); }
.lp-catalog .catalog-section .section-heading { margin-bottom: 23px; }
.lp-catalog #catalog-title { font-size: clamp(2.65rem, 8vw, 5.25rem); line-height: .99; }
.lp-catalog #catalog-title em { color: var(--lp-deep-olive); }
.lp-catalog .audience-tab.active .audience-tab-index, .lp-catalog .audience-tab.active small { color: var(--lp-olive); }
.lp-catalog .product-badge, .lp-catalog .stock-badge { border-radius: 4px; }
.lp-catalog .product-price { color: #303b25; }
.lp-catalog .empty-state .lp-diamond { width: 40px; height: 35px; margin: 0 auto; filter: brightness(0); }
.lp-catalog .product-dialog[open] { animation: lp-rise .32s var(--lp-ease) both; }
.lp-catalog .bag-dialog[open] { animation: lp-bag .36s var(--lp-ease) both; }
.lp-catalog .product-dialog[open]:focus-within { outline: none; }
@keyframes lp-bag { from { translate: 100% 0; } }
.lp-catalog .bag-count.lp-pop, .lp-catalog .dialog-actions .lp-pop { animation: lp-pop .32s var(--lp-ease) both; }
.lp-catalog .choice-group.lp-shake { animation: lp-shake .32s var(--lp-ease) both; }
@keyframes lp-pop { 45% { scale: 1.06; } }
@keyframes lp-shake { 25%, 75% { translate: -3px 0; } 50% { translate: 3px 0; } }
@media (hover: hover) {
  .lp-button .lp-icon:last-child, .bio-link__arrow, .lp-round .lp-icon { transition: translate .23s var(--lp-ease); }
  .lp-button:hover .lp-icon:last-child, .bio-link:hover .bio-link__arrow, .collection-tile:hover .lp-round .lp-icon { translate: 3px 0; }
}
@media (min-width: 560px) {
  .collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .collection-tile__media { aspect-ratio: .8; }
  .editorial-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 760px) {
  .bio-layout { grid-template-columns: 1.1fr .9fr; }
  .bio-photo { height: 100%; min-height: 100svh; }
  .bio-photo > img { position: absolute; inset: -18px 0; height: calc(100% + 36px); object-position: center 44%; }
  .bio-photo::after { background: linear-gradient(90deg, transparent 75%, #1011103e), linear-gradient(180deg, #0005, transparent 23%); }
  .bio-photo figcaption { top: 25px; right: 25px; left: 25px; }
  .bio-panel { align-self: center; padding: 28px clamp(25px, 4vw, 54px); }
  .bio-badge { margin-top: 5px; }
  .editorial-nav__inner { grid-template-columns: 1fr auto 1fr; min-height: 70px; gap: 20px; padding-top: 0; }
  .editorial-nav nav { grid-row: auto; grid-column: auto; gap: clamp(15px, 3vw, 38px); }
  .editorial-nav nav a { font-size: .79rem; }
  .editorial-nav .lp-button { justify-self: end; }
  .editorial-hero { grid-template-columns: .96fr 1.04fr; min-height: min(700px, calc(100svh - 70px)); }
  .editorial-hero h1 { font-size: clamp(4rem, 8.1vw, 8.4rem); }
  .editorial-hero__copy { padding-right: 15px; }
  .editorial-hero__index { display: block; position: absolute; bottom: 19px; left: var(--lp-space); color: #c4caba; font-size: .6rem; font-weight: 800; letter-spacing: .16em; }
  .editorial-section__heading { grid-template-columns: 1fr minmax(190px, auto); align-items: end; gap: 22px; margin-bottom: 34px; }
  .editorial-story { grid-template-columns: 1fr .9fr; gap: clamp(29px, 6vw, 92px); padding-inline: max(var(--lp-space), calc((100vw - 1500px) / 2 + var(--lp-space))); }
  .catalog-masthead { grid-template-columns: 1.16fr .84fr; }
  .catalog-masthead__content { min-height: 283px; padding-left: max(var(--page-pad), calc((100vw - var(--content-max)) / 2 + var(--page-pad))); }
  .catalog-masthead__image { margin-left: -20px; clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%); }
}
@media (max-width: 759px) {
  .editorial-hero__image { inset: 0; height: 100%; translate: none; }
}
@media (max-width: 420px) {
  .lp-catalog .floating-whatsapp { justify-content: center; width: 50px; padding: 0; }
  .lp-catalog .floating-whatsapp span { display: none; }
}
@media (max-width: 355px) {
  .lp-catalog .header-inner { gap: 6px; }
  .lp-catalog .brand { gap: 5px; }
  .lp-catalog .header-actions { gap: 3px; }
  .lp-catalog .bag-button .lp-icon { display: none; }
}