/* Originality trust block (_trust.html) + provenance row + /autenticidad/ page.
   Loaded globally from base.html so the reusable block is styled wherever it is
   included (PDP buy rail, checkout aside, server-rendered cards). Sharp-cornered
   editorial language; tokens only; AA contrast on --surface/--bg. */

/* ---- Full block: PDP buy rail (variant='pdp') ---------------------------- */
.trust{margin-top:20px;padding:14px 16px;background:var(--surface);
  border:1px solid var(--line-2);border-left:3px solid var(--burgundy)}
.trust-head{display:flex;align-items:center;gap:9px;margin:0 0 7px}
.trust-mark{display:inline-flex;align-items:center;justify-content:center;
  width:19px;height:19px;flex:none;background:var(--burgundy);color:var(--cream);
  font-size:11px;line-height:1}
.trust-title{font-family:var(--sans);font-weight:600;font-size:14px;
  letter-spacing:.01em;color:var(--ink)}
.trust-body{margin:0 0 9px;font-size:13px;line-height:1.5;color:var(--muted)}
.trust-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--burgundy)}
.trust-link:hover{color:var(--burgundy-deep)}
.trust-link:focus-visible{outline:2px solid var(--burgundy);outline-offset:2px}

/* ---- Compact line: cards + checkout aside (variant='mini') --------------- */
.trust-mini{display:flex;align-items:center;gap:7px;margin-top:10px;
  font-family:var(--mono);font-size:11px;letter-spacing:.03em;
  line-height:1.3;color:var(--warm-grey)}
.trust-mini-mark{display:inline-flex;align-items:center;justify-content:center;
  width:15px;height:15px;flex:none;background:var(--burgundy);color:var(--cream);
  font-size:9px;line-height:1}
/* On checkout the aside has room; give the mini a hairline top like a summary row. */
.co-aside .trust-mini{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}

/* ---- Ficha "Procedencia" row info link ----------------------------------- */
.fmt-prov dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.prov-info{font-size:10px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--burgundy);white-space:nowrap}
.prov-info:hover{color:var(--burgundy-deep)}
.prov-info:focus-visible{outline:2px solid var(--burgundy);outline-offset:2px}

/* ---- /autenticidad/ page -------------------------------------------------- */
/* Four-point guarantee: override .home-steps to a 1 / 2 / 4 column rhythm.
   The .home-steps.auth-steps pair (0,2,0) beats .home-steps (0,1,0) at any load order. */
.home-steps.auth-steps{grid-template-columns:1fr}
@media(min-width:640px){.home-steps.auth-steps{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.home-steps.auth-steps{grid-template-columns:repeat(4,1fr)}}

.auth-prov{padding-top:56px;padding-bottom:56px}
.auth-prov-head{max-width:64ch;margin-bottom:28px}
.auth-prov-head h2{font-family:var(--serif);font-weight:500;
  font-size:clamp(26px,3.6vw,34px);letter-spacing:-.01em;margin:0 0 10px}
.auth-prov-lead{color:var(--muted);font-size:16px;line-height:1.6;margin:0}
.auth-levels{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.auth-level{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;
  background:var(--surface);border:1px solid var(--line)}
.auth-level-dot{flex:none;width:12px;height:12px;margin-top:6px;border-radius:50%;
  background:var(--warm-grey)}
.auth-level-dot.lvl-none{background:var(--line-2)}
.auth-level-dot.lvl-doc{background:var(--burgundy)}
.auth-level-t{font-family:var(--sans);font-weight:600;font-size:16px;
  margin:0 0 5px;color:var(--ink)}
.auth-level-body{margin:0}
.auth-level-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}   /* justify via .prose-just (components.css) */
@media(min-width:720px){.auth-levels{grid-template-columns:repeat(3,1fr)}}