/* ============================================================
   Silo Trekking — /trekking-glaciar-perito-moreno/ (pág 65471)
   Archivo: wp-content/themes/test-ct/css/trekking-glaciar-perito-moreno.css
   Sistema del pilar GPM + tipografía del sitio:
   · Gilroy (300/400/500/700/900, self-hosted) → títulos, intro, CTAs
   · Inter (400 únicamente) → detalles: celdas de tabla, listas, FAQ
     ⚠ Inter solo existe en 400: las negritas dentro de bloques Inter
       vuelven a Gilroy 500 para evitar faux-bold del navegador.
   · primario #1a3a4a · secundario #2e4057 · bordes #e0e0e0
     zebra #f7f9fa · info #eef6fb · CTA reserva #009ABB
   ============================================================ */

/* --- Contenedor y tipografía base --- */
.silo-trekking {
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 3rem;
  color: #343434;
  line-height: 1.65;
  font-family: Gilroy, sans-serif;
}
.silo-trekking h1 {
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  color: #1a3a4a;
  font-size: 2rem;
  line-height: 1.25;
  margin: 0.5rem 0 1rem;
}
.silo-trekking h2 {
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  color: #1a3a4a;
  font-size: 1.45rem;
  margin: 2.2rem 0 0.8rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #e0e0e0;
}
.silo-trekking h3 {
  font-family: Gilroy, sans-serif;
  font-weight: 500;
  color: #2e4057;
  font-size: 1.05rem;
  margin: 1.4rem 0 0.4rem;
}
.silo-trekking p { margin: 0 0 1rem; }
.silo-trekking a { color: #1565C0; }
.silo-trekking strong {
  font-family: Gilroy, sans-serif;
  font-weight: 500;
  color: #1a3a4a;
}

/* --- Intro (lead) — Gilroy Light para el tono editorial --- */
.silo-trekking .intro {
  font-family: Gilroy, sans-serif;
  font-weight: 300;
  font-size: 1.08rem;
  color: #2e4057;
  background: #eef6fb;
  padding: 1rem 1.2rem;
  border-radius: 0 6px 6px 0;
  margin-bottom: 1.5rem;
}
.silo-trekking .intro strong { font-weight: 500; }
.silo-trekking .intro a { text-decoration: underline; }

/* --- Cards Minitrekking / Big Ice --- */
.silo-trekking .card-tour {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1.2rem 1.4rem;
  margin: 1rem 0 1.8rem;
  background: #fff;
  transition: box-shadow 0.2s, transform 0.2s;
}
.silo-trekking .card-tour:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  transform: translateY(-2px);
}
.silo-trekking .card-tour ul {
  list-style: none;
  margin: 0.8rem 0 1rem;
  padding: 0;
}
/* detalle → Inter 400 */
.silo-trekking .card-tour li {
  font-family: Inter, Gilroy, sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  padding: 0.35rem 0 0.35rem 1.4rem;
  position: relative;
}
.silo-trekking .card-tour li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #009ABB;
  font-weight: 700;
}
.silo-trekking .card-tour li strong {
  font-family: Gilroy, sans-serif;
  font-weight: 500;
}

/* --- Botón CTA (color de reserva del sitio, Gilroy Medium) --- */
.silo-trekking .cta {
  display: inline-block;
  font-family: Gilroy, sans-serif;
  font-weight: 500;
  background: #009ABB;
  color: #fff !important;
  padding: 0.6rem 1.6rem;
  border-radius: 6px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: background 0.2s;
}
.silo-trekking .cta:hover { background: #007e99; }

/* --- Tabla comparativa (patrón .gpm-precios) --- */
.silo-trekking .tabla-comparativa {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.5rem;
  font-size: 0.95rem;
}
.silo-trekking .tabla-comparativa thead th {
  font-family: Gilroy, sans-serif;
  font-weight: 500;
  background: #1a3a4a;
  color: #fff;
  padding: 0.6rem 1rem;
  text-align: left;
}
/* detalle → Inter 400 en celdas */
.silo-trekking .tabla-comparativa td {
  font-family: Inter, Gilroy, sans-serif;
  font-weight: 400;
  padding: 0.55rem 1rem;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: top;
}
.silo-trekking .tabla-comparativa tbody tr:nth-child(even) { background: #f7f9fa; }
.silo-trekking .tabla-comparativa td:first-child,
.silo-trekking .tabla-comparativa td strong {
  font-family: Gilroy, sans-serif;
  font-weight: 500;
  color: #2e4057;
}

/* --- Paso a paso (números en círculo) --- */
.silo-trekking ol {
  counter-reset: paso;
  list-style: none;
  margin: 1rem 0 1.5rem;
  padding: 0;
}
.silo-trekking ol li {
  counter-increment: paso;
  position: relative;
  padding: 0 0 1.1rem 3rem;
}
.silo-trekking ol li::before {
  content: counter(paso);
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #1a3a4a;
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
}
.silo-trekking ol li strong { color: #1a3a4a; }

/* --- Listas simples (requisitos) — detalle → Inter --- */
.silo-trekking > ul,
.silo-trekking section > ul {
  margin: 0.8rem 0 1.4rem;
  padding-left: 1.2rem;
}
.silo-trekking > ul li {
  font-family: Inter, Gilroy, sans-serif;
  font-weight: 400;
  font-size: 0.97rem;
  margin-bottom: 0.6rem;
}
.silo-trekking > ul li strong {
  font-family: Gilroy, sans-serif;
  font-weight: 500;
}

/* --- FAQ (h3 + p con separadores) — respuestas en Inter --- */
.silo-trekking h2 + h3,
.silo-trekking h3 + p + h3 {
  border-top: 1px solid #e0e0e0;
  padding-top: 1.1rem;
}
.silo-trekking h3 + p {
  font-family: Inter, Gilroy, sans-serif;
  font-weight: 400;
  font-size: 0.97rem;
  color: #444;
  padding-bottom: 0.4rem;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .silo-trekking { padding: 1rem 1rem 2.5rem; }
  .silo-trekking h1 { font-size: 1.55rem; }
  .silo-trekking h2 { font-size: 1.25rem; }

  /* tabla: scroll horizontal en mobile */
  .silo-trekking .tabla-comparativa {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .silo-trekking .tabla-comparativa td,
  .silo-trekking .tabla-comparativa th { white-space: normal; min-width: 130px; }

  .silo-trekking .cta {
    display: block;
    text-align: center;
  }
}