/* ─────────────────────────────────────────────
   Aircraft Management – Estilos
   Tarjetas 2×2 en “Trusted Management Solutions”
   Tarjetas 2 columnas en “Your Global Aviation Partner”
   Sombras/hover consistentes con Sales
   ───────────────────────────────────────────── */

/* ===== HERO ===== */
.management-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
              url('/images/aircraft-hero.webp') no-repeat center center/cover;
  color: white;
  padding: 6rem 2rem;
  text-align: center;
}
.management-hero .hero-content h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.management-hero .hero-content p {
  font-size: 1.2rem;
  max-width: 700px;
  margin: 0 auto;
}

/* ===== Headings genéricos ===== */
.management-section h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--dark-blue);
}

/* ===== (Legacy) – por si alguna parte lo usa aún ===== */
.management-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
.management-feature-box {
  background-color: #f9f9f9;
  padding: 2rem;
  border-radius: 12px;
  width: 280px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}
.management-feature-box:hover { transform: translateY(-5px); }
.management-feature-box i {
  font-size: 2rem;
  color: var(--accent-color);
  margin-bottom: 1rem;
}
.management-feature-box h3 { margin-bottom: 0.5rem; color: #222; }

/* ===== Company section (fondo suave) ===== */
.management-company { background-color: #f2f7fc; padding: 4rem 2rem; }
.management-company .management-features { margin-top: 2rem; }

/* ===== CTA ===== */
.management-cta {
  background-color: var(--dark-blue);
  color: white;
  padding: 4rem 2rem;
  text-align: center;
}
.management-cta h2 { font-size: 2.2rem; margin-bottom: 1rem; }
.management-cta .subtitle {
  font-weight: bold; font-size: 1.2rem; color: var(--accent-color); margin-bottom: 0.5rem;
}
.management-cta .description {
  max-width: 600px; margin: 0 auto 2rem; font-size: 1rem;
}
.btn-primary {
  display: inline-block; background-color: var(--accent-color); color: #fff;
  padding: 0.8rem 2rem; border-radius: 6px; text-decoration: none; font-weight: bold;
  transition: background-color 0.3s ease;
}
.btn-primary:hover { background-color: #0056b3; }
.pulse { animation: pulse 2s infinite; }
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,123,255, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(0,123,255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0,123,255, 0); }
}

/* ===== Subpuntos bajo cada servicio ===== */
.subpoints {
  margin: .6rem 0 1.1rem 1.25rem;
  padding: 0;
  list-style: disc;
}
.subpoints li { margin: .28rem 0; color: var(--text-color); }
.subpoints li::marker { color: var(--accent-color); }

/* ─────────────────────────────────────────────
   TARJETAS – Trusted Management Solutions (TMS)
   ───────────────────────────────────────────── */

/* Grid 2×2 (móvil: 1 columna) */
.tms-grid {
  display: grid;
  grid-template-columns: 1fr;              /* móvil */
  gap: 28px;                                /* fila/columna */
  align-items: stretch;
  margin-top: 6px;
}

/* Desktop: 2 columnas */
@media (min-width: 820px) {
  .tms-grid { grid-template-columns: repeat(2, minmax(300px, 1fr)); }
}

/* Apariencia de tarjeta (consistente con Sales) */
.tms-grid .feature-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 16px;
  border: 1px solid #eef2f7;
  box-shadow: 0 8px 24px rgba(23, 43, 77, 0.06);
  padding: 1.25rem 1.25rem 1rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.tms-grid .feature-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(23, 43, 77, 0.09);
}
.tms-grid .feature-box i {
  display: inline-block;
  font-size: 1.6rem;
  color: var(--accent-color);
  margin-bottom: .55rem;
}
.tms-grid .feature-box h3 {
  margin: 0 0 .35rem;
  font-size: 1.1rem;
  line-height: 1.3;
  color: var(--dark-blue);
}
.tms-grid .feature-box p { margin: 0 0 .5rem; color: #566171; }
.tms-grid .subpoints { margin: .5rem 0 0 1.1rem; line-height: 1.6; }

/* ─────────────────────────────────────────────
   TARJETAS – Your Global Aviation Partner (.company)
   ───────────────────────────────────────────── */

section.company > .container > .features {
  display: grid;
  grid-template-columns: 1fr;              /* móvil */
  gap: 28px;
  align-items: stretch;
  margin-top: 6px;
}

/* Desktop: 2 columnas */
@media (min-width: 820px) {
  section.company > .container > .features {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}

/* Apariencia tarjeta */
.company .feature-box {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #eef2f7;
  box-shadow: 0 8px 24px rgba(23, 43, 77, 0.06);
  padding: 1.25rem 1.25rem 1rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.company .feature-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(23, 43, 77, 0.09);
}
.company .feature-box i {
  display: inline-block;
  font-size: 1.6rem;
  color: var(--accent-color);
  margin-bottom: .55rem;
}
.company .feature-box h3 {
  margin: 0 0 .35rem;
  font-size: 1.1rem;
  line-height: 1.3;
  color: var(--dark-blue);
}


/* 2 fotos bajo Trusted Management Solutions */
.tms-illustrations{
  display: grid;
  grid-template-columns: 1fr;         /* móvil */
  gap: 22px;
  margin: 18px 0 40px;
}
@media (min-width: 900px){
  .tms-illustrations{ grid-template-columns: repeat(2, 1fr); }
}

.tms-illustrations .ill-card{
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 12px 30px rgba(9,20,40,.12);
}

.tms-illustrations .ill-card img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 20/9;                 /* compacto y consistente */
}
@media (max-width: 640px){
  .tms-illustrations .ill-card img{ aspect-ratio: 16/9; }
}