/* Páginas de políticas de Medestore: documento de texto corrido con la marca.
   Misma tipografía, colores y footer que las landings. */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --pol-navy: #0f2c5d;
  --pol-blue: #2a5fad;
  --pol-text: #3d4660;
  --pol-muted: #6a7391;
  --pol-line: #e3e7f1;
  --pol-footer: #011938;
  --pol-footer-band: #eaf1ff;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: #fff;
  color: var(--pol-text);
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--pol-blue); }

/* Encabezado: franja con el degradado de la marca y el logo */
.pol-header {
  background: #6fb3ee url('../images/hero-bg.jpg') center / cover no-repeat;
  padding: 22px 16px;
}
.pol-header-inner { max-width: 820px; margin: 0 auto; }
.pol-header img { height: 30px; width: auto; display: block; }

/* Documento */
.pol-doc { max-width: 820px; margin: 0 auto; padding: 56px 16px 80px; }
.pol-doc h1 {
  margin: 0 0 8px;
  color: var(--pol-navy);
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 800;
  line-height: 1.15;
  text-wrap: balance;
}
.pol-updated {
  margin: 0 0 36px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--pol-line);
  color: var(--pol-muted);
  font-size: 14px;
}
.pol-doc h2 {
  margin: 40px 0 12px;
  color: var(--pol-navy);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
}
.pol-doc h3 {
  margin: 28px 0 8px;
  color: var(--pol-navy);
  font-size: 17px;
  font-weight: 700;
}
.pol-doc p { margin: 0 0 14px; }
.pol-doc ol, .pol-doc ul { margin: 0 0 16px; padding-left: 22px; }
.pol-doc li { margin-bottom: 6px; padding-left: 4px; }
.pol-doc li::marker { color: var(--pol-blue); font-weight: 700; }
.pol-doc strong { color: var(--pol-navy); font-weight: 700; }

/* Footer (igual al de las landings) */
.pol-footer-band { background: var(--pol-footer-band); padding: 24px 16px 0; }
.pol-footer {
  background: var(--pol-footer);
  border-radius: 28px 28px 0 0;
  padding: 60px 0 0;
  max-width: 1600px;
  margin: 0 auto;
}
.pol-footer-logo { display: block; width: clamp(170px, 15vw, 230px); height: auto; margin: 0 0 70px 7%; }
.pol-footer-bar {
  background: #fff;
  border-radius: 26px 26px 0 0;
  margin: 0 7%;
  padding: 14px 26px;
  display: flex;
  justify-content: flex-end;
}
.pol-footer-links { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.pol-footer-links li + li::before {
  content: "";
  display: inline-block;
  width: 1px; height: 14px;
  background: #d5d9e2;
  margin: 0 12px;
  vertical-align: middle;
}
.pol-footer-links a { color: #5b6378; font-size: 14px; text-decoration: none; }
.pol-footer-links a:hover,
.pol-footer-links a[aria-current="page"] { color: var(--pol-navy); }
.pol-footer-links a[aria-current="page"] { font-weight: 700; }

@media (max-width: 767px) {
  .pol-doc { padding: 36px 16px 56px; }
  .pol-doc h2 { font-size: 20px; }
  .pol-footer-bar { justify-content: center; }
  .pol-footer-links { flex-direction: column; align-items: center; row-gap: 8px; }
  .pol-footer-links li + li::before { display: none; }
  .pol-footer-logo { margin-left: auto; margin-right: auto; }
}
/* La franja del footer usa el mismo fondo de la página */
.pol-footer-band { background: transparent; }
.pol-updated:empty { padding-bottom: 0; margin-bottom: 28px; }
