/* ==========================================================================
   DESTINOS AMÉRICA — servicios.css
   Estilos EXCLUSIVOS de la página Servicios.
   ========================================================================== */

/* Foto de cabecera. Local: assets/img/servicios/portada.jpg */
.hero-servicios { background-image: url('../img/servicios/portada.jpg'); }

.intro-servicios { padding-bottom: 60px; }

.intro-servicios p:first-child {
  font-family: var(--fuente-serif);
  font-size: 1.2rem;
  font-style: italic;
  color: var(--petroleo);
  line-height: 1.75;
}

.intro-servicios strong { font-weight: 700; color: var(--dorado-texto); font-style: normal; }

/* ---------- Filas alternadas ---------- */
.fila {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.fila--invertida .fila__imagen { order: 2; }
.fila--invertida .fila__texto  { order: 1; }

.fila__imagen { min-height: 520px; background: var(--arena); }

.fila__texto {
  display: flex;
  align-items: center;
  padding: 90px 6vw;
  background: var(--blanco);
}

.fila:nth-child(even) .fila__texto { background: var(--marfil); }

.fila__inner { max-width: 520px; }

.fila__num {
  display: block;
  font-family: var(--fuente-detalle);
  font-size: 0.96rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--dorado-texto);
  margin-bottom: 20px;
}

.fila__inner h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin-bottom: 8px;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .fila { grid-template-columns: 1fr; }
  .fila--invertida .fila__imagen { order: 0; }
  .fila--invertida .fila__texto  { order: 1; }
  .fila__imagen { min-height: 300px; }
  .fila__texto { padding: 60px 8vw; }
}