/* ============================================================================
   PESCA AZTECA · Bloque de Sustentabilidad / Reporte 2025
   Migrado desde el preview autocontenido (pezca-sustentabilidad/index.html).
   TODO el CSS está scopeado bajo .pazs-root y las clases llevan prefijo
   "pazs-" para NO colisionar con goblal.css / sustentables.css.
   La fuente Manrope ya la importa goblal.css (pesos 200-800).
   ============================================================================ */
/* ============================================================
   PESCA AZTECA · SUSTENTABILIDAD — sistema scopeado (.pazs-root)
   Marca oficial Grupo Pinsa + continuidad con sitio PAZ
   Azul institucional Pantone 2945 C #004a98 · Gris Pantone 423 C #888b8d
   Tipografía: Manrope (sustituto web de Acumin, ya usada por el sitio)
   ============================================================ */
.pazs-root {
  /* Azules — oficial Pinsa + sitio PAZ */
  --paz-navy:      #00264d;   /* sombra profunda derivada del 2945 C */
  --paz-deep:      #004a98;   /* PANTONE 2945 C — azul institucional oficial */
  --paz-blue:      #0074bb;   /* azul primario del sitio actual */
  --paz-mid:       #228ccd;   /* azul medio del sitio actual */
  --paz-cyan:      #02a8e8;   /* cian de acento del sitio actual */
  --paz-light:     #6ea7d8;
  --paz-blue-pale: rgba(0,74,152,0.07);
  --paz-blue-paler:rgba(0,74,152,0.035);

  /* Gris institucional oficial */
  --paz-gray:      #888b8d;   /* PANTONE 423 C */

  /* Pilares ASG (del Reporte 2025) */
  --pillar-A: #3da874;        /* Ambiental — verde */
  --pillar-S: #d8a83d;        /* Social — ámbar */
  --pillar-G: #004a98;        /* Gobernanza — azul institucional */

  /* Neutros */
  --bg:        #ffffff;
  --bg-soft:   #f5f8fc;
  --bg-card:   #ffffff;
  --ink:       #0c1c2e;
  --ink-soft:  #33485c;
  --ink-mute:  #6b7d92;
  --line:      #e3eaf3;
  --line-soft: #eef3f9;

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  font-family: var(--font);
  color: var(--ink);
  background: var(--bg);
  line-height: 1.6;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.pazs-root *, .pazs-root *::before, .pazs-root *::after { box-sizing: border-box; }
.pazs-root img, .pazs-root svg { display: block; max-width: 100%; }

/* ---------- layout ---------- */
.pazs-section { max-width: 1280px; margin: 0 auto; padding: 96px 32px; }
@media (max-width: 768px) { .pazs-section { padding: 60px 20px; } }

.pazs-tag {
  font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--paz-blue); margin-bottom: 18px; display: flex; align-items: center; gap: 12px;
}
.pazs-tag::before { content: ""; width: 28px; height: 2px; background: var(--paz-blue); }
.pazs-title {
  font-size: clamp(30px, 4.6vw, 50px); line-height: 1.08; letter-spacing: -0.02em;
  font-weight: 800; margin: 0 0 22px; color: var(--ink);
}
.pazs-title em { font-style: normal; color: var(--paz-blue); }
.pazs-lede { font-size: 17px; line-height: 1.7; color: var(--ink-soft); max-width: 760px; margin: 0 0 44px; }

.pazs-num {
  display: inline-flex; align-items: center; gap: 16px; font-size: 11px; font-weight: 700;
  letter-spacing: 0.2em; color: var(--ink-mute); text-transform: uppercase; margin-bottom: 18px;
}
.pazs-num strong {
  font-size: 40px; line-height: 1; color: var(--paz-blue); font-weight: 800; letter-spacing: -0.02em;
}

/* ---------- sticky header ---------- */
.pazs-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line); padding: 14px 32px;
  display: flex; justify-content: space-between; align-items: center;
}
@media (max-width: 768px) { .pazs-header { padding: 12px 20px; } }
.pazs-header__brand { display: flex; align-items: center; gap: 14px; }
.pazs-header__logo { height: 30px; width: auto; color: var(--paz-deep); }
.pazs-header__logo svg { height: 100%; width: auto; fill: currentColor; }
.pazs-header__div { width: 1px; height: 22px; background: var(--line); }
.pazs-header__label { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-soft); }
.pazs-header__meta { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; color: var(--ink-mute); text-transform: uppercase; }
@media (max-width: 600px) { .pazs-header__div, .pazs-header__meta { display: none; } }

/* ---------- hero ---------- */
.pazs-hero {
  background-image:
    linear-gradient(155deg, rgba(6,20,40,0.38) 0%, rgba(8,30,58,0.52) 55%, rgba(10,60,110,0.78) 100%),
    url("../images/sustentables/pazs-banner.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff; padding: 100px 32px 88px; position: relative; overflow: hidden;
}
@media (max-width: 768px) { .pazs-hero { padding: 64px 20px 64px; background-attachment: scroll; } }
.pazs-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse at 82% 25%, rgba(255,255,255,0.08) 0%, transparent 52%),
    radial-gradient(ellipse at 8% 88%, rgba(2,168,232,0.18) 0%, transparent 55%);
}
.pazs-hero__fish {
  position: absolute; right: -40px; top: 40px; width: 460px; max-width: 55%;
  color: rgba(255,255,255,0.07); pointer-events: none;
}
.pazs-hero__fish svg { width: 100%; height: auto; fill: currentColor; }
@media (max-width: 900px) { .pazs-hero__fish { opacity: 0.5; top: auto; bottom: 8px; } }
.pazs-hero__inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; }
.pazs-hero__kicker {
  display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 26px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.78);
}
.pazs-hero__kicker span { display: flex; align-items: center; gap: 9px; }
.pazs-hero__kicker span::before { content: ""; width: 6px; height: 6px; background: var(--paz-cyan); border-radius: 50%; }
.pazs-hero__title {
  font-size: clamp(40px, 6.5vw, 84px); line-height: 1.0; letter-spacing: -0.03em;
  font-weight: 800; margin: 0 0 24px; max-width: 1000px;
}
.pazs-hero__title em { font-style: normal; display: block; color: var(--paz-light); }
.pazs-hero__sub { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,0.9); max-width: 680px; margin: 0 0 48px; }

/* download button */
.pazs-download {
  display: inline-flex; align-items: center; gap: 16px; background: #fff; color: var(--paz-deep);
  padding: 16px 26px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 15px;
  transition: transform .25s ease, box-shadow .25s ease; box-shadow: 0 6px 22px rgba(0,38,77,0.35);
}
.pazs-download:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,38,77,0.45); }
.pazs-download:focus-visible { outline: 3px solid var(--paz-cyan); outline-offset: 3px; }
.pazs-download__icon { width: 38px; height: 38px; background: var(--paz-blue); border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }
.pazs-download__text { display: flex; flex-direction: column; gap: 2px; text-align: left; }
.pazs-download__label { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-mute); }
.pazs-download__title { font-size: 17px; font-weight: 800; color: var(--paz-deep); line-height: 1.1; }

/* ---------- alt bg ---------- */
.pazs-alt { background: var(--bg-soft); }

/* ---------- piece 01 · pilares ---------- */
.pazs-pillars { display: grid; grid-template-columns: 1fr; gap: 22px; margin-top: 12px; }
@media (min-width: 900px) { .pazs-pillars { grid-template-columns: repeat(3, 1fr); } }
.pazs-pillar {
  background: var(--bg-card); border: 1px solid var(--line); border-radius: 10px; padding: 34px 30px;
  display: flex; flex-direction: column; gap: 18px; position: relative; overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
.pazs-pillar::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; }
.pazs-pillar--a::before { background: var(--pillar-A); }
.pazs-pillar--s::before { background: var(--pillar-S); }
.pazs-pillar--g::before { background: var(--pillar-G); }
.pazs-pillar:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0,38,77,0.1); }
.pazs-pillar__head { display: flex; align-items: center; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.pazs-pillar__badge { width: 50px; height: 50px; flex-shrink: 0; }
.pazs-pillar__badge img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pazs-pillar__name { font-size: 23px; font-weight: 800; line-height: 1.1; color: var(--ink); }
.pazs-pillar__sub { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; color: var(--ink-mute); text-transform: uppercase; margin-top: 5px; }
.pazs-pillar__lede { font-size: 14px; line-height: 1.6; color: var(--ink-soft); }
.pazs-pillar__list { list-style: none; display: grid; gap: 10px; margin: 4px 0 0; padding: 0; }
.pazs-pillar__list li { font-size: 13px; color: var(--ink); padding: 11px 14px; background: var(--bg-soft); border-radius: 6px; border-left: 3px solid var(--line); transition: background .2s ease, transform .2s ease; }
.pazs-pillar--a .pazs-pillar__list li { border-left-color: var(--pillar-A); }
.pazs-pillar--s .pazs-pillar__list li { border-left-color: var(--pillar-S); }
.pazs-pillar--g .pazs-pillar__list li { border-left-color: var(--pillar-G); }
.pazs-pillar__list li:hover { background: #fff; transform: translateX(4px); }
.pazs-pillar__list strong { display: block; font-weight: 700; color: var(--ink); margin-bottom: 2px; }
.pazs-pillar__list span { font-size: 11px; color: var(--ink-mute); font-weight: 600; }
.pazs-pillar__list summary { cursor: pointer; list-style: none; position: relative; padding-right: 24px; }
.pazs-pillar__list summary::-webkit-details-marker { display: none; }
.pazs-pillar__list summary::after { content: ""; position: absolute; right: 4px; top: 8px; width: 7px; height: 7px; border-right: 2px solid var(--ink-mute); border-bottom: 2px solid var(--ink-mute); transform: rotate(45deg); transition: transform .2s ease; }
.pazs-pillar__list details[open] summary::after { transform: rotate(-135deg); top: 12px; }
.pazs-pillar__desc { margin: 8px 0 0; font-size: 12.5px; line-height: 1.65; color: var(--ink-soft); }

/* ---------- piece 02 · ODS ---------- */
.pazs-ods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 12px; align-items: start; }
@media (min-width: 600px) { .pazs-ods { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .pazs-ods { grid-template-columns: repeat(5, 1fr); } }
.pazs-ods__card { background: var(--bg-card); border: 1px solid var(--line); border-radius: 10px; padding: 18px; display: flex; flex-direction: column; gap: 12px; text-align: center; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.pazs-ods__card:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(0,38,77,0.1); border-color: var(--paz-light); }
.pazs-ods__chip { width: 100%; aspect-ratio: 1; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 10%; background: var(--bg-soft); box-shadow: inset 0 0 0 2px var(--c); }
.pazs-ods__icon { display: block; width: 100%; height: 100%; object-fit: contain; }
.pazs-ods__name { font-size: 13px; font-weight: 700; color: var(--ink); line-height: 1.2; }
.pazs-ods__meta { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; color: var(--ink-mute); text-transform: uppercase; }
.pazs-ods__card summary { cursor: pointer; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.pazs-ods__card summary::-webkit-details-marker { display: none; }
.pazs-ods__card summary::after { content: ""; align-self: center; width: 7px; height: 7px; border-right: 2px solid var(--ink-mute); border-bottom: 2px solid var(--ink-mute); transform: rotate(45deg); transition: transform .2s ease; }
.pazs-ods__card[open] summary::after { transform: rotate(-135deg); }
.pazs-ods__desc { font-size: 12px; line-height: 1.6; color: var(--ink-soft); text-align: left; margin: 0; }
/* colores oficiales ONU — usados como anillo de acento (el ícono ya trae su propio tono) */
.pazs-root .ods-3 { --c:#4C9F38;} .pazs-root .ods-5 { --c:#FF3A21;} .pazs-root .ods-6 { --c:#26BDE2;}
.pazs-root .ods-7 { --c:#FCC30B;} .pazs-root .ods-8 { --c:#A21942;} .pazs-root .ods-11{ --c:#FD9D24;}
.pazs-root .ods-12{ --c:#BF8B2E;} .pazs-root .ods-13{ --c:#3F7E44;} .pazs-root .ods-14{ --c:#0A97D9;} .pazs-root .ods-17{ --c:#19486A;}

/* ---------- piece 03 · KPIs ---------- */
.pazs-kpis { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; margin-top: 12px; }
@media (min-width: 600px) { .pazs-kpis { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .pazs-kpis { grid-template-columns: repeat(3, 1fr); } }
.pazs-kpi { background: var(--bg-card); padding: 30px 26px; display: flex; flex-direction: column; gap: 10px; min-height: 210px; transition: background .25s ease; }
.pazs-kpi:hover { background: var(--paz-blue-paler); }
.pazs-kpi__label { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; color: var(--paz-blue); text-transform: uppercase; }
.pazs-kpi__num { font-size: 58px; line-height: 1; color: var(--paz-deep); font-weight: 800; letter-spacing: -0.03em; }
.pazs-kpi__num .u { font-size: 21px; font-weight: 700; color: var(--paz-blue); margin-left: 4px; letter-spacing: 0; }
.pazs-kpi__title { font-size: 16px; font-weight: 800; color: var(--ink); line-height: 1.25; }
.pazs-kpi__body { font-size: 13px; line-height: 1.5; color: var(--ink-soft); margin-top: auto; }

/* ---------- piece 04 · timeline ---------- */
.pazs-tlwrap { margin-top: 12px; background: var(--bg-card); border: 1px solid var(--line); border-radius: 10px; padding: 48px 32px; }
@media (max-width: 768px) { .pazs-tlwrap { padding: 30px 18px; } }
.pazs-tl { position: relative; }
.pazs-tl__img { display: block; width: 100%; height: auto; }
.pazs-tl__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; position: relative; }
@media (max-width: 900px) { .pazs-tl__grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } }
@media (max-width: 500px) { .pazs-tl__grid { grid-template-columns: 1fr; gap: 22px; } }
.pazs-tl__item { text-align: center; position: relative; padding-top: 60px; }
.pazs-tl__item:nth-child(even) { padding-top: 0; padding-bottom: 60px; }
.pazs-tl__item::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 50px; width: 16px; height: 16px; background: var(--paz-blue); border: 4px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px var(--paz-blue); z-index: 2; }
.pazs-tl__item:nth-child(even)::before { top: auto; bottom: 50px; }
@media (max-width: 900px) { .pazs-tl__item, .pazs-tl__item:nth-child(even) { padding: 56px 0 0; } .pazs-tl__item::before, .pazs-tl__item:nth-child(even)::before { top: 0; bottom: auto; } .pazs-tl::before { display: none; } }
.pazs-tl__badge { position: absolute; left: 50%; top: 28px; transform: translateX(-50%); width: 40px; height: 40px; border-radius: 50%; object-fit: cover; z-index: 3; background: #fff; box-shadow: 0 0 0 3px #fff, 0 2px 8px rgba(0,38,77,.2); }
.pazs-tl__item:nth-child(even) .pazs-tl__badge { top: auto; bottom: 28px; }
@media (max-width: 900px) { .pazs-tl__badge, .pazs-tl__item:nth-child(even) .pazs-tl__badge { top: 8px; bottom: auto; } }
.pazs-tl__year { font-size: 36px; line-height: 1; color: var(--paz-blue); font-weight: 800; letter-spacing: -0.02em; margin-bottom: 8px; }
.pazs-tl__name { font-size: 16px; font-weight: 800; color: var(--ink); line-height: 1.2; margin-bottom: 6px; }
.pazs-tl__body { font-size: 12px; line-height: 1.5; color: var(--ink-mute); max-width: 220px; margin: 0 auto; }
.pazs-certs { margin-top: 52px; padding-top: 38px; border-top: 1px dashed var(--line); }
.pazs-certs__label { font-size: 10px; font-weight: 700; letter-spacing: 0.2em; color: var(--paz-blue); text-transform: uppercase; margin-bottom: 24px; text-align: center; }
.pazs-certs__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 600px) { .pazs-certs__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1000px) { .pazs-certs__grid { grid-template-columns: repeat(5, 1fr); } }
.pazs-cert { padding: 20px 16px; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 6px; display: flex; align-items: center; justify-content: center; min-height: 110px; transition: background .25s ease, transform .25s ease, border-color .25s ease; }
.pazs-cert:hover { background: var(--paz-blue-pale); border-color: var(--paz-light); transform: translateY(-2px); }
.pazs-cert__icon { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; }
.pazs-cert__icon--wide { width: auto; max-width: 100%; height: 54px; border-radius: 0; object-fit: contain; }

/* ---------- piece 05 · matriz ---------- */
.pazs-mwrap { background: var(--bg-card); border: 1px solid var(--line); border-radius: 10px; padding: 40px 32px; margin-top: 12px; }
@media (max-width: 768px) { .pazs-mwrap { padding: 22px 14px; } }
.pazs-m__img { display: block; width: 100%; height: auto; }
.pazs-mleg h4 { font-size: 21px; font-weight: 800; color: var(--ink); margin: 0 0 4px; }
.pazs-mleg__gri { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; color: var(--ink-mute); margin-bottom: 20px; }
.pazs-mleg ul { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; }
.pazs-mleg li { font-size: 13px; color: var(--ink); padding-left: 24px; position: relative; line-height: 1.4; }
.pazs-mleg li::before { content: ""; position: absolute; left: 0; top: 5px; width: 14px; height: 10px; border-radius: 2px; }
.pazs-mleg li.t-a::before { background: var(--pillar-A); }
.pazs-mleg li.t-s::before { background: var(--pillar-S); }
.pazs-mleg li.t-g::before { background: var(--pillar-G); }
.pazs-mleg li span { font-size: 9.5px; font-weight: 700; color: var(--ink-mute); letter-spacing: 0.08em; margin-left: 6px; }
.pazs-mchart { background: var(--bg-soft); border-radius: 10px; padding: 22px; min-height: 460px; }
.pazs-mchart svg { width: 100%; height: 100%; }

/* ---------- closing ---------- */
.pazs-closing { background: linear-gradient(160deg, var(--paz-deep) 0%, var(--paz-navy) 100%); color: #fff; padding: 84px 32px; text-align: center; }
.pazs-closing__inner { max-width: 760px; margin: 0 auto; }
.pazs-closing__label { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; color: var(--paz-light); text-transform: uppercase; margin-bottom: 16px; }
.pazs-closing__title { font-size: clamp(26px, 4vw, 40px); font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 22px; }
.pazs-closing__title em { font-style: normal; color: var(--paz-light); }
.pazs-closing__body { font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.86); max-width: 620px; margin: 0 auto 30px; }
.pazs-closing__cta { display: inline-flex; align-items: center; gap: 12px; background: #fff; color: var(--paz-deep); padding: 14px 24px; border-radius: 6px; text-decoration: none; font-weight: 800; font-size: 14px; transition: transform .25s ease, box-shadow .25s ease; }
.pazs-closing__cta:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,0.3); }
.pazs-closing__cta:focus-visible { outline: 3px solid var(--paz-cyan); outline-offset: 3px; }

/* ---------- footer ---------- */
.pazs-footer { background: #fff; border-top: 1px solid var(--line); padding: 28px 32px; }
.pazs-footer__bar { max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; color: var(--ink-mute); text-transform: uppercase; }

/* ============ PIEZA 06 · TRAZABILIDAD ============ */
.pazs-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:12px}
@media (max-width:900px){.pazs-flow{grid-template-columns:repeat(2,1fr);gap:16px}}
@media (max-width:560px){.pazs-flow{grid-template-columns:1fr}}
.pazs-step{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:26px 20px;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.pazs-step:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,38,77,.1)}
.pazs-step__top{display:flex;align-items:center;justify-content:space-between}
.pazs-step__n{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--paz-blue)}
.pazs-step__icon{width:44px;height:44px;border-radius:12px;background:var(--paz-blue-pale);color:var(--paz-deep);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pazs-step__icon img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pazs-step__title{font-size:16px;font-weight:800;color:var(--ink);line-height:1.2}
.pazs-step__body{font-size:13px;line-height:1.55;color:var(--ink-soft)}
.pazs-step:not(:last-child)::after{content:"";position:absolute;top:48px;right:-18px;width:18px;height:2px;background:var(--paz-light);z-index:1}
@media (max-width:900px){.pazs-step::after{display:none !important}}
/* ============ PIEZA 07 · ECONOMÍA CIRCULAR ============ */
.pazs-circ{display:grid;grid-template-columns:1fr;gap:28px;margin-top:12px;align-items:center}
@media (min-width:1000px){.pazs-circ{grid-template-columns:.85fr 1.15fr;gap:44px}}
.pazs-circ__medal{background:linear-gradient(160deg,var(--pillar-A),#2f8f60);color:#fff;border-radius:14px;padding:36px 28px;text-align:center}
.pazs-circ__big{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.02em}
.pazs-circ__big .u{font-size:18px;font-weight:700;margin-left:3px}
.pazs-circ__sub{font-size:13px;color:rgba(255,255,255,.92);margin-top:10px;line-height:1.5}
.pazs-circ__badge{display:inline-block;margin-top:16px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:7px 14px;border-radius:20px}
.pazs-loop{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (min-width:700px){.pazs-loop{grid-template-columns:repeat(4,1fr)}}
.pazs-loopstep{background:var(--bg-card);border:1px solid var(--line);border-left:3px solid var(--pillar-A);border-radius:8px;padding:16px}
.pazs-loopstep__n{font-size:11px;font-weight:800;color:var(--pillar-A);letter-spacing:.1em}
.pazs-loopstep b{display:block;color:var(--ink);font-weight:800;margin:4px 0 3px;font-size:14px;line-height:1.2}
.pazs-loopstep span{color:var(--ink-soft);font-size:12.5px;line-height:1.45}

/* ---------- a11y / motion ---------- */
.pazs-root a:focus-visible, .pazs-root button:focus-visible { outline: 3px solid var(--paz-cyan); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .pazs-root *, .pazs-root *::before { animation: none !important; transition: none !important; } }
@keyframes pazsFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.pazs-hero__kicker, .pazs-hero__title, .pazs-hero__sub, .pazs-download { animation: pazsFadeUp .7s ease-out both; }
.pazs-hero__title { animation-delay: .12s; } .pazs-hero__sub { animation-delay: .26s; } .pazs-download { animation-delay: .4s; }

/* ============================================================
   INTEGRACIÓN EN sustentables.html
   El bloque se inserta dentro de .certificaciones > .content, que recibe
   padding lateral desde goblal.css. Se compensa con margen negativo
   horizontal (mismos breakpoints de goblal.css) para que el hero y las
   bandas de color ocupen todo el ancho del contenedor.
   ============================================================ */
.pazs-root { display: block; margin-top: 3rem; margin-bottom: 3rem; }
@media (max-width: 599px)                        { .pazs-root { margin-left: -1rem; margin-right: -1rem; } }
@media (max-width: 899px) and (min-width: 600px) { .pazs-root { margin-left: -2rem; margin-right: -2rem; } }
@media (max-width: 1199px) and (min-width: 900px){ .pazs-root { margin-left: -3rem; margin-right: -3rem; } }
@media (max-width: 1399px) and (min-width: 1200px){ .pazs-root { margin-left: -4rem; margin-right: -4rem; } }
@media (min-width: 1400px)                       { .pazs-root { margin-left: -4rem; margin-right: -4rem; } }

/* Refuerzo de aislamiento frente a reglas globales del sitio */
.pazs-root a { text-decoration: none; }
.pazs-root ul, .pazs-root ol { list-style: none; }
.pazs-root h1, .pazs-root h2, .pazs-root h3, .pazs-root h4, .pazs-root p { font-family: var(--font); }

/* ============================================================================
   HEADER (.pazsh) y POLÍTICAS ISSF (.pazsp)
   Rediseño del contenido superior de sustentables.html con el mismo lenguaje
   visual del bloque .pazs-root. Se carga después de sustentables(.min).css,
   por lo que estas reglas sobreescriben las originales sin tocarlas.
   `.header_des` (SOMOS / SOSTENIBLES) se deja intacto a propósito.
   ============================================================================ */
.pazsh {
  --paz-navy:#00264d; --paz-deep:#004a98; --paz-blue:#0074bb; --paz-cyan:#02a8e8;
  --paz-light:#6ea7d8;
  font-family:'Manrope', system-ui, -apple-system, sans-serif;
  text-align:left;
  color:#fff;
  position:relative;
  z-index:2;
  -webkit-font-smoothing:antialiased;
}
.pazsh *, .pazsh *::before, .pazsh *::after { box-sizing:border-box; }

/* kicker */
.pazsh__kicker{
  display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:22px;
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(255,255,255,.78);
}
.pazsh__kicker span{display:flex;align-items:center;gap:9px;}
.pazsh__kicker span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--paz-cyan);flex:0 0 auto;}

/* título + lede */
.pazsh__title{
  font-size:clamp(28px,4.4vw,52px);line-height:1.08;letter-spacing:-.025em;
  font-weight:800;color:#fff;margin:0 0 20px;max-width:22ch;
}
.pazsh__title em{font-style:normal;color:var(--paz-light);}
.pazsh__lede{
  font-size:clamp(15px,1.3vw,18px);line-height:1.65;color:rgba(255,255,255,.86);
  max-width:68ch;margin:0 0 40px;font-weight:400;
}

/* tarjetas de contexto */
.pazsh__cards{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:56px;}
@media (min-width:900px){.pazsh__cards{grid-template-columns:repeat(2,1fr);gap:22px;}}
.pazsh-card{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;padding:28px 26px;position:relative;overflow:hidden;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.pazsh-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--paz-cyan),transparent);}
.pazsh-card:hover{transform:translateY(-3px);border-color:rgba(110,167,216,.5);background:rgba(255,255,255,.085);}
.pazsh-card__label{
  font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--paz-cyan);margin-bottom:10px;
}
.pazsh-card__title{font-size:19px;line-height:1.25;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.01em;}
.pazsh-card__body{font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.8);margin:0;}

/* encabezado de la franja de cifras */
.pazsh__statshead{
  display:flex;align-items:center;gap:16px;margin-bottom:22px;
  font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);
}
.pazsh__statshead::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.18);}

/* cifras */
.pazsh__stats{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;}
@media (min-width:600px){.pazsh__stats{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1100px){.pazsh__stats{grid-template-columns:repeat(4,1fr);}}
.pazsh-stat{
  background:rgba(1,29,66,.55);padding:26px 22px;display:flex;flex-direction:column;gap:8px;
  transition:background .25s ease;
}
.pazsh-stat:hover{background:rgba(2,168,232,.14);}
.pazsh-stat__icon{width:44px;height:44px;margin-bottom:6px;}
.pazsh-stat__icon img{width:100%;height:100%;object-fit:contain;display:block;}
.pazsh-stat__num{font-size:40px;line-height:1;font-weight:800;letter-spacing:-.03em;color:#fff;}
.pazsh-stat__num .u{font-size:16px;font-weight:700;color:var(--paz-cyan);margin-left:4px;letter-spacing:0;}
.pazsh-stat__des{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78);margin-top:auto;}

/* CTA hacia el reporte */
.pazsh__cta{
  display:inline-flex;align-items:center;gap:12px;margin-top:34px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);
  color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:14px 22px;border-radius:6px;text-decoration:none;
  transition:background .25s ease,transform .25s ease,border-color .25s ease;
}
.pazsh__cta:hover{background:#fff;color:var(--paz-deep);border-color:#fff;transform:translateY(-2px);}
.pazsh__cta svg{display:block;}
.pazsh__cta:focus-visible{outline:3px solid var(--paz-cyan);outline-offset:3px;}

/* ---------- POLÍTICAS DEL ISSF ---------- */
.pazsp{
  --paz-deep:#004a98; --paz-blue:#0074bb; --paz-cyan:#02a8e8; --paz-light:#6ea7d8;
  --ink:#0c1c2e; --ink-soft:#33485c; --ink-mute:#6b7d92; --line:#e3eaf3; --bg-soft:#f5f8fc;
  font-family:'Manrope', system-ui, -apple-system, sans-serif;
  display:block;padding:80px 0 24px;max-width:1280px;margin:0 auto;
}
@media (max-width:768px){.pazsp{padding:48px 0 16px;}}
.pazsp__tag{
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--paz-blue);
}
.pazsp__tag::before{content:"";width:28px;height:2px;background:var(--paz-blue);flex:0 0 auto;}
.pazsp__title{
  font-size:clamp(28px,4.2vw,46px);line-height:1.1;letter-spacing:-.02em;font-weight:800;
  color:var(--ink);margin:0 0 18px;text-align:left;
}
.pazsp__title em{font-style:normal;color:var(--paz-blue);}
.pazsp__lede{font-size:17px;line-height:1.7;color:var(--ink-soft);max-width:760px;margin:0 0 40px;}

.pazsp__grid{display:grid;grid-template-columns:1fr;gap:16px;justify-content:initial;}
@media (min-width:700px){.pazsp__grid{grid-template-columns:repeat(3,1fr);}}
.pazsp-doc{
  display:flex;flex-direction:column;gap:10px;text-align:left;
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--paz-blue);
  border-radius:10px;padding:26px 24px;text-decoration:none;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.pazsp-doc:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,38,77,.12);border-color:var(--paz-light);border-left-color:var(--paz-cyan);}
.pazsp-doc:focus-visible{outline:3px solid var(--paz-cyan);outline-offset:3px;}
.pazsp-doc__code{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--paz-blue);}
.pazsp-doc__title{font-size:19px;font-weight:800;line-height:1.3;color:var(--ink);letter-spacing:-.01em;}
.pazsp-doc__cta{
  display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);
  transition:color .25s ease,gap .25s ease;
}
.pazsp-doc:hover .pazsp-doc__cta{color:var(--paz-deep);gap:12px;}

@media (prefers-reduced-motion: reduce){
  .pazsh *, .pazsp *{transition:none !important;animation:none !important;}
}

/* Ancho del bloque de header alineado con .pazs-section (1280px) */
.pazsh{margin-left:auto;margin-right:auto;}
@media (max-width:599px){.pazsh{max-width:calc(100% - 2rem);}}
@media (max-width:899px) and (min-width:600px){.pazsh{max-width:calc(100% - 4rem);}}
@media (max-width:1199px) and (min-width:900px){.pazsh{max-width:calc(100% - 6rem);}}
@media (min-width:1200px){.pazsh{max-width:min(1280px, calc(100% - 8rem));}}