/* ============================================================
   paltishop · foundation.css
   Escalas y foco que el sistema no tenia. Se carga al final:
   solo anade, no pisa nada de las hojas anteriores.
   ============================================================ */
:root{
  /* --- escala tipografica fluida (mata los breakpoints de parche) --- */
  --step--1: clamp(.78rem, .745rem + .18vw, .875rem);
  --step-0 : clamp(.94rem, .90rem  + .22vw, 1.0625rem);
  --step-1 : clamp(1.13rem, 1.04rem + .42vw, 1.40rem);
  --step-2 : clamp(1.35rem, 1.18rem + .80vw, 1.95rem);
  --step-3 : clamp(1.62rem, 1.30rem + 1.50vw, 2.75rem);
  --step-4 : clamp(1.95rem, 1.35rem + 2.90vw, 4.00rem);
  --step-5 : clamp(2.35rem, 1.30rem + 5.00vw, 5.50rem);

  /* --- escala de espaciado --- */
  --sp-1:.25rem; --sp-2:.5rem;  --sp-3:.75rem; --sp-4:1rem;  --sp-5:1.5rem;
  --sp-6:2rem;   --sp-7:3rem;   --sp-8:4rem;   --sp-9:6rem;

  --ring: var(--gold, #c9a96e);
}

/* --- iconos: trazo fino que hereda el color del contexto --- */
.ic{
  width:1em; height:1em; flex:none;
  fill:none; stroke:currentColor;
  stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;
  vertical-align:middle;
}
.bn-icon .ic{ width:23px; height:23px; stroke-width:1.4 }
.action-btn .ic{ width:20px; height:20px }
.search-pill-icon .ic, .mobile-search-trigger .ic{ width:18px; height:18px }
.hero2-feat-ic .ic{ width:26px; height:26px; stroke-width:1.3; color:var(--gold2,#b8935a) }

/* --- foco visible: no habia ninguno en toda la tienda --- */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--ring);
  outline-offset:3px;
  border-radius:var(--radius-sm,4px);
}
:where(a,button):focus:not(:focus-visible){ outline:none }

/* --- petalos del hero: formas propias, no emoji del sistema --- */
.ic-f{ fill:currentColor; stroke:none }
.hero-petal{ color:var(--rose3,#f0ddd8); opacity:.75 }
.hero-petal:nth-of-type(2n){ color:var(--gold3,#e8d5b0) }
.hero-petal .ic{ width:1em; height:1em }

/* --- la cinta superior deja de ser el unico negro del sitio --- */
.ann-bar{
  background:linear-gradient(90deg,var(--bark,#5c4a3d),var(--ink2,#4a3530)) !important;
  color:var(--cream2,#f7f0ea) !important;
  border-bottom:1px solid rgba(201,169,110,.35);
}
.ann-bar *{ color:inherit !important }


/* En el celular ningún campo lleva letra menor de 16px: con menos, el iPhone
   hace zoom al tocarlo y la página queda descuadrada. Va con !important porque
   cada formulario trae su propio tamaño en su <style>. */
@media (max-width: 768px) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { font-size: 16px !important; }
}