/* ══════════════════════════════════════════════════════════════
   PÁGINA EMPRESAS — Estilos específicos
   ══════════════════════════════════════════════════════════════ */

/* ── HERO EMPRESAS ── */
.hero-bg-empresas {
  background-image: url('../images/empresas/hero-empresas.jpg') !important;
  background-position: center 55% !important;
}
@media (min-width: 900px) {
  .hero-bg-empresas {
    background-position: center 50% !important;
  }
}

/* ── SEGMENTOS (3 tipos de cliente: hoteles, oficinas, industrial) ── */
#segmentos { background: var(--black); padding: 4.5rem 0; }
@media (min-width: 900px) { #segmentos { padding: 5.5rem 0; } }

.emp-segmentos {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 900px) {
  .emp-segmentos { gap: 3.5rem; }
}

.emp-segmento {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  background: var(--card);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
@media (min-width: 900px) {
  .emp-segmento {
    grid-template-columns: 5fr 6fr;
    gap: 0;
    align-items: stretch;
  }
  .emp-segmento-reverse .emp-segmento-img { order: 2; }
  .emp-segmento-reverse .emp-segmento-body { order: 1; }
}

.emp-segmento-img {
  aspect-ratio: 3/2;
  overflow: hidden;
}
@media (min-width: 900px) {
  .emp-segmento-img {
    aspect-ratio: auto;
    min-height: 320px;
  }
}
.emp-segmento-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.emp-segmento-body {
  padding: 1.5rem;
}
@media (min-width: 900px) {
  .emp-segmento-body {
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.emp-segmento-tag {
  display: inline-block;
  background: var(--yellow-soft);
  color: var(--yellow);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 0.35rem 0.8rem;
  border-radius: var(--radius-sm);
  margin-bottom: 1rem;
}
.emp-segmento-body h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.3rem, 3.5vw, 1.75rem);
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 0.85rem;
  color: var(--white);
}
.emp-segmento-body p {
  font-size: 0.92rem;
  color: var(--gray-light);
  line-height: 1.65;
  margin-bottom: 1.25rem;
}
.emp-segmento-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.emp-segmento-list li {
  font-size: 0.88rem;
  color: var(--gray-light);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.5;
}
.emp-segmento-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 8px;
  height: 8px;
  background: var(--yellow);
  border-radius: 50%;
}

.emp-segmentos-cta {
  margin-top: 3rem;
  padding: 1.75rem 1.5rem;
  background: var(--card);
  border: 1px dashed rgba(245, 197, 24, 0.3);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.emp-segmentos-cta p {
  font-size: 0.95rem;
  color: var(--gray-light);
  margin: 0;
}
@media (min-width: 700px) {
  .emp-segmentos-cta {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    padding: 1.5rem 2rem;
  }
}

/* ── EBOOKING + FACTURACIÓN (2 bloques grandes) ── */
#ebooking { background: var(--dark); padding: 4.5rem 0; }
@media (min-width: 900px) { #ebooking { padding: 5.5rem 0; } }

.emp-tools {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 2.5rem;
}
@media (min-width: 900px) {
  .emp-tools { grid-template-columns: 1fr 1fr; gap: 1.75rem; }
}

.emp-tool {
  background: var(--card);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-lg);
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
}
.emp-tool-highlight {
  border-color: rgba(245, 197, 24, 0.35);
  background: linear-gradient(180deg, var(--card) 0%, rgba(245,197,24,0.03) 100%);
}

.emp-tool-header {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.emp-tool-icon {
  width: 54px;
  height: 54px;
  flex-shrink: 0;
  background: var(--yellow-soft);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}
.emp-tool-icon svg { width: 28px; height: 28px; color: var(--yellow); }

.emp-tool-tag {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--yellow);
  margin-bottom: 0.35rem;
}
.emp-tool h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--white);
  margin: 0;
}
.emp-tool-intro {
  font-size: 0.92rem;
  color: var(--gray-light);
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

.emp-tool-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}
.emp-tool-list li {
  font-size: 0.9rem;
  color: var(--gray-light);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.5;
}
.emp-tool-list li::before {
  content: '✔';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--yellow);
  font-weight: 700;
  font-size: 0.95rem;
}
.emp-tool-footer {
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
}
.emp-tool-footer strong {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--yellow);
  letter-spacing: 0.3px;
}

/* ── VENTAJAS EMPRESA (reutiliza estilo aero-ventajas) ── */
#ventajas-emp { background: var(--black); padding: 4.5rem 0; }
@media (min-width: 900px) { #ventajas-emp { padding: 5.5rem 0; } }
.emp-ventajas {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin-top: 2.5rem;
}
@media (min-width: 600px) {
  .emp-ventajas { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) {
  .emp-ventajas { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}
.emp-ventaja {
  background: var(--card);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-lg);
  padding: 1.5rem 1.25rem;
  transition: border-color var(--transition), transform var(--transition);
}
.emp-ventaja:hover {
  border-color: rgba(245, 197, 24, 0.4);
  transform: translateY(-3px);
}
.emp-ventaja-icon {
  width: 46px;
  height: 46px;
  background: var(--yellow-soft);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.emp-ventaja-icon svg { width: 24px; height: 24px; color: var(--yellow); }
.emp-ventaja h3 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.emp-ventaja p {
  font-size: 0.88rem;
  color: var(--gray);
  line-height: 1.55;
}

/* ── CÓMO FUNCIONA EMPRESAS (reutiliza aero-pasos) ── */
#como-emp { background: var(--dark); padding: 4.5rem 0; }
@media (min-width: 900px) { #como-emp { padding: 5.5rem 0; } }

/* ── GALERÍA EMPRESAS ── */
#galeria-emp { background: var(--black); padding: 4.5rem 0; }
@media (min-width: 900px) { #galeria-emp { padding: 5.5rem 0; } }

/* ── CTA BANNER EMPRESAS ── */
#cta-banner-emp {
  background: var(--yellow);
  padding: 2.5rem 0;
}
#cta-banner-emp .cta-banner-inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#cta-banner-emp h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(1.4rem, 4vw, 2.2rem);
  font-weight: 800;
  color: var(--black);
  line-height: 1.1;
}
#cta-banner-emp p {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 0.35rem;
}
#cta-banner-emp .cta-banner-btns {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 900px) {
  #cta-banner-emp .cta-banner-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #cta-banner-emp .cta-banner-btns {
    flex-direction: row;
  }
}

/* ── TESTIMONIOS EMPRESAS ── */
#testimonios-emp { background: var(--dark); padding: 4.5rem 0; }
@media (min-width: 900px) { #testimonios-emp { padding: 5.5rem 0; } }

/* ── ENLACES EMPRESAS ── */
#enlaces-emp { background: var(--dark); padding: 3rem 0 4rem; }

/* ── FORM INFO EMPRESA — movido a core.css (compartido con aeropuerto) ── */