/* 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);border-left:2px 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;box-sizing:border-box;background:none;color:var(--burgundy);border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:600;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:flex-end;gap:5px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--burgundy);transition:color var(--dur-fast,.2s) var(--ease-out,ease)}
.trust-link:hover,.trust-link:focus-visible{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:.01em;
  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;box-sizing:border-box;background:none;color:var(--burgundy);border:1px solid currentColor;border-radius:50%;font-family:var(--sans);font-size:9px;font-weight:600;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:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  color:var(--burgundy);white-space:nowrap;
  transition:color var(--dur-fast,.2s) var(--ease-out,ease)}
.prov-info:hover,.prov-info:focus-visible{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(3,1fr)}}
/* Step 4 (the longest) takes the full row below the first three, so its body
   no longer stacks into a tall narrow column. */
@media(min-width:640px){.home-steps.auth-steps .home-step:nth-child(4){grid-column:1/-1}}
/* 72ch keeps a reading measure (spec said 68ch = 15 lines at 1280; 72ch = ~13). */
.home-steps.auth-steps .home-step:nth-child(4) p:first-of-type{max-width:72ch}
/* The 3-up grid inherits .home-steps gap:0; give the columns air so the texts never touch. */
@media(min-width:640px){.home-steps.auth-steps{column-gap:32px}}

.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:var(--h2);line-height:1.1;letter-spacing:-.01em;margin:0 0 16px}
.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(2,1fr)}}
@media(min-width:1000px){.auth-levels{grid-template-columns:repeat(3,1fr)}}