main.gas-page .gas-tipos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 22px);
}
main.gas-page .gas-tipos li {
  padding: clamp(20px, 2vw, 28px);
  border: 1px solid var(--sas-borde);
  border-top: 3px solid var(--gd-gold);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--sas-sombra);
}
main.gas-page .gas-tipos h3 {
  margin: 0 0 10px;
  font: 600 clamp(1.12rem, 1.02rem + 0.4vw, 1.3rem)/1.22 var(--font-heading);
  color: var(--gd-navy);
}
main.gas-page .gas-tipos p { margin: 0; max-width: none; font-size: 0.97rem; line-height: 1.6; color: var(--gu-text); }
main.gas-page .gu-head + .gas-tipos { margin-top: clamp(8px, 1.4vw, 18px); }
main.gas-page .gu-head--partida > .gu-lead.sas-aviso + .gu-lead { margin-bottom: clamp(8px, 1vw, 14px); }
main.gas-page .sas-fichas a {
  color: var(--gd-navy);
  text-decoration: underline;
  text-decoration-color: rgba(200, 169, 104, 0.8);
  text-underline-offset: 3px;
}
main.gas-page .sas-fichas a:hover { color: var(--gd-gold-ink); }
main.gas-page .gas-tempo {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 22px);
  counter-reset: none;
}
main.gas-page .gas-tempo li {
  position: relative;
  padding: clamp(22px, 2.2vw, 30px);
  border: 1px solid var(--sas-borde);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--sas-sombra);
}
main.gas-page .gas-tempo li:nth-child(4) { background: linear-gradient(180deg, #fffdf9 0%, var(--gd-marfil) 100%); border-color: var(--gd-gold); }
main.gas-page .gas-tempo__n {
  display: block;
  margin: 0 0 12px;
  font: 500 1.05rem/1 var(--font-heading);
  letter-spacing: 0.02em;
  color: var(--gu-text-2);
  font-variant-numeric: tabular-nums;
}
main.gas-page .gas-tempo__cuando {
  display: block;
  margin: 0 0 6px;
  font: 600 0.74rem/1.4 var(--font-body);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gd-gold-ink);
}
main.gas-page .gas-tempo h3 {
  margin: 0 0 8px;
  font: 600 clamp(1.2rem, 1.05rem + 0.5vw, 1.45rem)/1.22 var(--font-heading);
  color: var(--gd-navy);
}
main.gas-page .gas-tempo p { margin: 0; max-width: none; font-size: 0.97rem; line-height: 1.55; color: var(--gu-text); }
main.gas-page .gu-head + .gas-tempo { margin-top: clamp(8px, 1.4vw, 18px); }
@media (max-width: 1100px) {
  main.gas-page .gas-tipos,
  main.gas-page .gas-tempo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  main.gas-page .gas-tipos,
  main.gas-page .gas-tempo { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  main.gas-page .gas-tipos li,
  main.gas-page .gas-tempo li { padding: 20px 18px; }
}
main.gas-page { --gd-sec: clamp(32px, 4vw, 48px); }
@media (min-width: 981px) {
  main.gas-page .sas-fuentes-sec .gu-head { max-width: none; }
  main.gas-page .sas-fuentes-sec .gu-head h2 { text-wrap: nowrap; }
}