/* Índice de Trámites. Estilos aislados de las demás páginas. */
.tramites-index { flex: 1; padding: 0 0 5rem; background: #f4f6f9; color: #173a58; }
.tramites-index__hero {
  padding: 3.3rem 1.25rem 6.1rem;
  background: linear-gradient(135deg, #0d3b66 0%, #082c4e 70%, #061f37 100%);
  color: #fff;
}
.tramites-index__wrap { max-width: 1200px; margin: 0 auto; }
.tramites-index__eyebrow { margin: 0 0 .7rem; color: #f8ce50; font: 800 .76rem/1.4 Inter, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.tramites-index__title { margin: 0 0 .7rem; color: #fff; font: 900 clamp(2.6rem, 5vw, 4.3rem)/1.07 Raleway, sans-serif; }
.tramites-index__lead { max-width: 65ch; margin: 0; color: #eaf2fa; font: 400 1.08rem/1.6 Inter, sans-serif; }
.tramites-index__body { max-width: 1200px; margin: -3.8rem auto 0; padding: 0 1.25rem; position: relative; }
.tramites-index__feature {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem;
  min-height: 220px; padding: 2.3rem 2.5rem; border-radius: 1.4rem;
  background: linear-gradient(130deg, #0d3b66, #082a49); color: #fff;
  border: 1px solid rgba(232,178,16,.52); box-shadow: 0 22px 50px rgba(13,59,102,.19);
}
.tramites-index__feature::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .1; background: repeating-linear-gradient(135deg, transparent 0 45px, #fff 46px, transparent 47px 92px); }
.tramites-index__feature-label { display: inline-block; margin: 0 0 .55rem; color: #f8ce50; font: 800 .73rem/1.3 Inter, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.tramites-index__feature-title { margin: 0 0 .55rem; color: #fff; font: 900 clamp(1.8rem, 3vw, 2.5rem)/1.15 Raleway, sans-serif; }
.tramites-index__feature-copy { max-width: 52ch; margin: 0; color: #eef5fc; font: 400 1.06rem/1.55 Inter, sans-serif; }
.tramites-index__feature-icon { width: 110px; height: 110px; color: #e8b210; flex: none; }
.tramites-index__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.4rem; }
.tramites-index__button { display: inline-flex; justify-content: center; align-items: center; min-height: 50px; padding: .78rem 1.25rem; border-radius: 999px; text-decoration: none; text-align: center; font: 800 .93rem/1.3 Inter, sans-serif; }
.tramites-index__button--primary { background: #e8b210; color: #0d3b66; }
.tramites-index__button--primary:hover { background: #ffcf45; }
.tramites-index__button--secondary { border: 2px solid #fff; background: rgba(255,255,255,.05); color: #fff; }
.tramites-index__button--secondary:hover { background: rgba(255,255,255,.18); }
.tramites-index__button:focus-visible, .tramites-index__card:focus-visible { outline: 3px solid #e8b210; outline-offset: 4px; }
.tramites-index__section-title { margin: 3rem 0 1.2rem; color: #0d3b66; font: 800 clamp(1.5rem, 3vw, 2rem)/1.2 Raleway, sans-serif; }
.tramites-index__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.tramites-index__card { display: flex; flex-direction: column; align-items: flex-start; min-height: 210px; padding: 1.6rem; border-radius: 1.1rem; border: 1px solid #dce6ef; background: #fff; box-shadow: 0 8px 22px rgba(13,59,102,.055); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.tramites-index__card:hover { transform: translateY(-3px); box-shadow: 0 15px 32px rgba(13,59,102,.12); }
.tramites-index__card-icon { width: 2.7rem; height: 2.7rem; padding: .48rem; margin-bottom: 1.05rem; border-radius: .8rem; background: #e7eef5; color: #0d3b66; }
.tramites-index__card-title { display: block; margin-bottom: .4rem; color: #0d3b66; font: 800 1.16rem/1.25 Raleway, sans-serif; }
.tramites-index__card-copy { color: #354b5e; font: 400 .92rem/1.52 Inter, sans-serif; }
.tramites-index__card-arrow { margin-top: auto; padding-top: .8rem; color: #0d3b66; font: 700 .84rem/1.3 Inter, sans-serif; }
@media (max-width: 900px) { .tramites-index__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .tramites-index__hero { padding: 2.5rem 1.25rem 5.4rem; }
  .tramites-index__body { margin-top: -3.7rem; }
  .tramites-index__feature { display: block; padding: 1.6rem; }
  .tramites-index__feature-icon { display: none; }
  .tramites-index__actions { display: grid; grid-template-columns: 1fr; }
  .tramites-index__button { width: 100%; }
  .tramites-index__grid { grid-template-columns: 1fr; }
  .tramites-index__card { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) { .tramites-index__card { transition: none; } }