/* ELENA MORETTI - capa de marca: tokens, componentes y microinteracciones. */
:root{--em-ivory:#F7F4EF;--em-white:#FFFFFF;--em-ink:#171717;--em-sand:#E8DED2;--em-stone:#77736E;--em-ease:cubic-bezier(.22,.61,.36,1);--em-gutter:clamp(16px,4vw,56px)}
.em-wordmark{display:inline-flex;flex-direction:column;align-items:center;gap:.6em;line-height:1;color:inherit;text-decoration:none}
.em-wordmark__name{font-family:var(--font-heading--family);font-weight:400;font-size:var(--em-wordmark-size,1.5rem);letter-spacing:.3em;padding-inline-start:.3em;text-transform:uppercase;white-space:nowrap}
.em-wordmark__tag{font-family:var(--font-body--family);font-weight:400;font-size:calc(var(--em-wordmark-size,1.5rem)*.3);letter-spacing:.6em;padding-inline-start:.6em;text-transform:uppercase}
.header-logo .em-wordmark{--em-wordmark-size:clamp(1.05rem,.7vw + .9rem,1.5rem)}
@media (max-width:749px){.header-logo .em-wordmark{--em-wordmark-size:1rem}}
.em-eyebrow{margin:0 0 1rem;font-family:var(--font-body--family);font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase}
.em-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 2.25rem;border:1px solid var(--em-ink);background:var(--em-ink);color:var(--em-ivory);font-family:var(--font-body--family);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .3s var(--em-ease),color .3s var(--em-ease),border-color .3s var(--em-ease)}
.em-button:hover{background:transparent;color:var(--em-ink)}
.em-button--light{background:#fff;border-color:#fff;color:var(--em-ink)}
.em-button--light:hover{background:transparent;color:#fff}
.em-button:focus-visible,.em-section a:focus-visible,.em-section summary:focus-visible,.em-section input:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.em-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;padding:1rem;background:var(--em-sand);color:var(--em-stone);font-size:.8125rem;text-align:center}
.em-js .em-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--em-ease),transform .8s var(--em-ease)}
.em-js .em-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.em-js .em-reveal{opacity:1;transform:none;transition:none}}
.button,.button-primary,.button-secondary{letter-spacing:.14em;text-transform:uppercase}
/* Pie: una sola columna para que el contenido principal ocupe todo el ancho (evita comprimir el logo) */
.footer-content[style*='--grid-columns: 2']{grid-template-columns:1fr}
@media (min-width:750px){.footer-content .group-block-content>.menu{width:auto;flex:0 0 auto;min-width:10rem}}
/* Selector de variantes: colores como muestras circulares con el nombre elegido, y tallas en una sola fila */
.variant-option--buttons legend{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;margin-block-end:12px}
.variant-option--buttons legend::after{margin-inline-start:.6em;color:var(--em-stone);letter-spacing:.04em;text-transform:none}
.variant-option--buttons:has(input[data-option-name='Color'][value='Negro']){display:flex;flex-wrap:wrap;gap:14px 12px}
.variant-option--buttons .variant-option__button-label:is(:has(input[value='Gris claro']),:has(input[value='Azul marino']),:has(input[value='Caqui']),:has(input[value='Azul claro']),:has(input[value='Lila']),:has(input[value='Verde claro']),:has(input[value='Blanco']),:has(input[value='Negro']),:has(input[value='Verde oscuro']),:has(input[value='Marrón']),:has(input[value='Rosa'])){flex:0 0 auto;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid rgb(23 23 23 / .2);border-radius:50%;background:var(--em-swatch,#ddd);overflow:visible;
  &::before,&::after{content:none}
  .variant-option__button-label__pill{display:none}
  .variant-option__button-label__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  &:hover{background:var(--em-swatch,#ddd);border-color:var(--em-ink)}
  &:has(:checked){border-color:var(--em-ink);box-shadow:0 0 0 3px var(--em-ivory),0 0 0 4px var(--em-ink)}
}
.variant-option__button-label:has(input[value='Gris claro']){--em-swatch:#C9C9C7}
.variant-option__button-label:has(input[value='Azul marino']){--em-swatch:#1F2D4D}
.variant-option__button-label:has(input[value='Caqui']){--em-swatch:#B5A67C}
.variant-option__button-label:has(input[value='Azul claro']){--em-swatch:#A8C4DE}
.variant-option__button-label:has(input[value='Lila']){--em-swatch:#B7A5D2}
.variant-option__button-label:has(input[value='Verde claro']){--em-swatch:#B4D2A3}
.variant-option__button-label:has(input[value='Blanco']){--em-swatch:#FFFFFF}
.variant-option__button-label:has(input[value='Negro']){--em-swatch:#1A1A1A}
.variant-option__button-label:has(input[value='Verde oscuro']){--em-swatch:#2E5136}
.variant-option__button-label:has(input[value='Marrón']){--em-swatch:#6A4A34}
.variant-option__button-label:has(input[value='Rosa']){--em-swatch:#EDB9C6}
.variant-option--buttons:has(input[data-option-name='Color'][value='Gris claro']:checked) legend::after{content:'— Gris claro'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Azul marino']:checked) legend::after{content:'— Azul marino'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Caqui']:checked) legend::after{content:'— Caqui'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Azul claro']:checked) legend::after{content:'— Azul claro'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Lila']:checked) legend::after{content:'— Lila'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Verde claro']:checked) legend::after{content:'— Verde claro'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Blanco']:checked) legend::after{content:'— Blanco'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Negro']:checked) legend::after{content:'— Negro'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Verde oscuro']:checked) legend::after{content:'— Verde oscuro'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Marrón']:checked) legend::after{content:'— Marrón'}
.variant-option--buttons:has(input[data-option-name='Color'][value='Rosa']:checked) legend::after{content:'— Rosa'}
.variant-option--buttons:has(input[data-option-name='Talla']){display:flex;flex-wrap:wrap;gap:8px}
.variant-option--buttons:has(input[data-option-name='Talla']) .variant-option__button-label{flex:1 1 40px;min-width:0;min-height:46px;padding-inline:0;justify-content:center;font-size:.8125rem;letter-spacing:.06em}
.variant-option--buttons:has(input[data-option-name='Talla'][value='S']:checked) legend::after{content:'— S'}
.variant-option--buttons:has(input[data-option-name='Talla'][value='M']:checked) legend::after{content:'— M'}
.variant-option--buttons:has(input[data-option-name='Talla'][value='L']:checked) legend::after{content:'— L'}
.variant-option--buttons:has(input[data-option-name='Talla'][value='XL']:checked) legend::after{content:'— XL'}
.variant-option--buttons:has(input[data-option-name='Talla'][value='2XL']:checked) legend::after{content:'— 2XL'}
.variant-option--buttons:has(input[data-option-name='Talla'][value='3XL']:checked) legend::after{content:'— 3XL'}
.variant-option--buttons:has(input[data-option-name='Talla'][value='4XL']:checked) legend::after{content:'— 4XL'}