/* ameliee-identidad.css — identidad de Amélie Collective (marca_id 3)
   Colores y tipografía tomados del logotipo: negro cálido sobre crema,
   serif de alto contraste + sans geométrica espaciada ("COLLECTIVE").
   Se carga DESPUÉS de style.css / marca-conversion.css. Todo el tema vive en :root. */
:root {
  --linen:   #F5F0E9;   /* crema del logo */
  --paper:   #FBF8F3;
  --black:   #252421;   /* negro cálido del logo */
  --black-2: #34322E;
  --ink:     #252421;
  --gold:    #A8977F;   /* arena: único acento, apagado para no competir con el logo */
  --gold-2:  #76674F;
  --stone:   #E7DFD3;
  --stone-2: #CFC5B5;
  --muted:   #6B655B;
  --country-1: #A8977F; --country-2: #F5F0E9; --country-3: #252421;

  --font-display: 'Cormorant Garamond', 'Didot', Georgia, serif;
  --font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-data:    'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --radius: 0px;
  --shadow-sm: 0 1px 6px rgba(37,36,33,.06);
  --shadow-md: 0 10px 34px rgba(37,36,33,.10);
  --shadow-lg: 0 24px 64px rgba(37,36,33,.14);
}
html.dv2.dv2-marca-3 { --muted: #5F594F; --dv2-foco: var(--black); }
::selection { background: #252421; color: #F5F0E9; }

/* ── Tipografía: serif ligera para títulos, sans fina para el cuerpo ── */
body { font-weight: 400; letter-spacing: .005em; -webkit-font-smoothing: antialiased; }
h1, h2, h3, .catalog-title, .pdp-title, .hero-title { font-family: var(--font-display); font-weight: 400; letter-spacing: -.005em; }
h1 em, h2 em, .hero-title em { font-style: italic; font-weight: 300; }
.eyebrow, .pcard-cat, .filter-pill, .btn, .pgrid-badge, .data-bar, .field-label, .pdp-section-title {
  font-family: var(--font-body); letter-spacing: .18em; text-transform: uppercase; font-weight: 500;
}
.pgrid-title { font-family: var(--font-display); font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 1.25; }
.pgrid-price, .pdp-price { font-family: var(--font-body); font-size: 12.5px; letter-spacing: .06em; color: var(--ink); }
.pgrid-price-usd { letter-spacing: .06em; }

/* ── Cabecera: logotipo completo centrado, línea fina ── */
.wordmark-letter { display: none !important; }              /* sin emblema: el logotipo ya trae "A" */
.wordmark-text { margin-top: 0 !important; }
.wordmark-svg.lockup-amelie { height: 42px !important; width: auto; }
.site-header.scrolled .wordmark-svg.lockup-amelie { height: 32px !important; }
@media (max-width: 480px) { .wordmark-svg.lockup-amelie { height: 34px !important; } }
.site-header { background: var(--linen); border-bottom: 1px solid var(--stone); }
.footer-wordmark-svg.lockup-amelie { height: 58px !important; width: auto; }

/* ── Barra superior: tinta cálida, texto crema ── */
.data-bar { background: var(--black); font-size: 10.5px; }
.data-bar-item .highlight { color: #D9CDB8; }

/* ── Botones: rectos, tracking amplio ── */
.btn { border-radius: 0; font-size: 11px; padding: 15px 30px; transition: background .25s, color .25s, border-color .25s, transform .25s; }
.btn-primary { background: var(--black); color: var(--linen); border: 1px solid var(--black); }
.btn-primary:hover { background: transparent; color: var(--black); transform: none; box-shadow: none; }
.btn-ghost { border: 1px solid var(--black); color: var(--black); }
.btn-ghost:hover { background: var(--black); color: var(--linen); }
.btn-gold { background: var(--gold-2); color: var(--linen); }
.btn-gold:hover { background: var(--black); }

/* ── Catálogo: tarjetas silenciosas, borde fino al pasar el cursor ── */
.product-grid { gap: 14px 10px; }
.pgrid-card { background: transparent; }
.pgrid-img-wrap { background: var(--stone); }
.pgrid-card::after { border: 1px solid transparent; }
.pgrid-card:hover::after { border-color: var(--black); }
.pgrid-body { padding: 14px 4px 20px; text-align: left; }
.pgrid-badge { background: var(--linen); color: var(--black); border: 1px solid var(--black); font-size: 9px; letter-spacing: .16em; }
.filter-pill { border-radius: 0; font-size: 10px; }
.filter-pill.active { background: var(--black); border-color: var(--black); color: var(--linen); }
.search-box:focus-within { border-color: var(--black); }

/* ── Ficha y formularios ── */
.field-input, .form-input, input[type=text], input[type=email], input[type=tel], select, textarea { border-radius: 0; }
.pdp-title { font-size: clamp(28px, 4vw, 40px); font-style: italic; font-weight: 400; }

/* ── Pie: tinta + crema ── */
footer, .site-footer { background: var(--black); color: rgba(245,240,233,.72); }
.footer-brand-name { color: var(--linen); }

/* Ameliee no ofrece "hacerla a mi medida": se oculta en el panel Editar del carrito */
.car-editar-fila:has(.car-editar-cb-pers) { display: none !important; }
.inaug-sello.inaug--m3 { --inaug-hilo: #A8977F; --inaug-acento: var(--linen); border-radius: 0; }
.inaug-franja.inaug--m3 { background: var(--gold-2); color: var(--linen); }