.latam-quienes-hero,
.latam-quienes-section {
  padding: clamp(3rem, 7vw, 5.5rem) 0;
}

.latam-quienes-hero {
  min-height: clamp(620px, 92vh, 860px);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(140deg, rgb(244, 251, 255) 0%, rgb(233, 247, 252) 55%, rgb(224, 241, 249) 100%);
}

.latam-quienes-hero__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  position: relative;
  z-index: 2;
}

.latam-quienes-hero__orb {
  position: absolute;
  border-radius: 999px;
  filter: blur(56px);
  pointer-events: none;
  animation: latamQuienesOrb 8.5s ease-in-out infinite;
}

.latam-quienes-hero__orb--top {
  width: 26rem;
  height: 26rem;
  top: -11rem;
  right: -10rem;
  background: rgba(67, 190, 239, 0.2);
}

.latam-quienes-hero__orb--bottom {
  width: 26rem;
  height: 26rem;
  bottom: -11rem;
  left: -10rem;
  background: rgba(74, 222, 128, 0.14);
  animation-duration: 10.5s;
}

.latam-quienes-hero__grid-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(67, 190, 239, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(67, 190, 239, 0.07) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.33;
  pointer-events: none;
}

@keyframes latamQuienesOrb {
  0%, 100% { transform: scale(1); opacity: 0.34; }
  50% { transform: scale(1.16); opacity: 0.5; }
}

.latam-quienes-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 999px;
  padding: 0.5rem 0.9rem;
  border: 1px solid rgba(67, 190, 239, 0.28);
  background: rgba(67, 190, 239, 0.08);
  color: rgb(11, 48, 61);
  font-size: 0.85rem;
  font-weight: 600;
}

.latam-quienes-pill img {
  width: 0.95rem;
  height: 0.95rem;
}

.latam-quienes-hero h1,
.latam-quienes-header h2,
.latam-quienes-cta h2 {
  margin: 1rem 0;
  color: rgb(11, 48, 61);
  font-size: clamp(2rem, 4.9vw, 3.8rem);
  line-height: 1.12;
}

.latam-quienes-hero p,
.latam-quienes-header p,
.latam-quienes-card p,
.latam-quienes-lines p,
.latam-quienes-note,
.latam-quienes-honesty p,
.latam-quienes-cta p {
  color: rgb(74, 93, 103);
  line-height: 1.7;
}

.latam-quienes-gradient {
  background: linear-gradient(90deg, rgb(67, 190, 239), rgb(87, 209, 176), rgb(67, 190, 239));
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: latamQuienesGradient 5s linear infinite;
}

@keyframes latamQuienesGradient {
  to {
    background-position: 200% center;
  }
}

.latam-quienes-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 1rem;
  color: rgb(11, 48, 61);
  text-decoration: none;
  font-weight: 600;
}

.latam-quienes-link img {
  width: 0.95rem;
  height: 0.95rem;
  transform: rotate(90deg);
  animation: latamQuienesChevron 1.5s ease-in-out infinite;
}

@keyframes latamQuienesChevron {
  0%, 100% { transform: rotate(90deg) translateX(0); }
  50% { transform: rotate(90deg) translateX(4px); }
}

.latam-quienes-hero__media img {
  width: min(100%, 460px);
  height: auto;
  display: block;
  margin: 0 auto;
  animation: latamQuienesFloat 5.6s ease-in-out infinite;
}

@keyframes latamQuienesFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

.latam-quienes-section--muted {
  background: rgba(67, 190, 239, 0.06);
}

.latam-quienes-section--symbol {
  background: linear-gradient(180deg, rgba(67, 190, 239, 0.04), rgba(67, 190, 239, 0.11));
}

.latam-quienes-header {
  max-width: 860px;
  margin: 0 auto 2rem;
  text-align: center;
}

.latam-quienes-header h2 {
  font-size: clamp(1.8rem, 4.2vw, 3rem);
}

.latam-quienes-section--reason .latam-quienes-header,
.latam-quienes-section--whatis .latam-quienes-header,
.latam-quienes-section--vision .latam-quienes-header,
.latam-quienes-section--how .latam-quienes-header {
  margin-bottom: clamp(1.4rem, 3.2vw, 2.5rem);
}

.latam-quienes-grid {
  display: grid;
  gap: 1rem;
}

.latam-quienes-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.latam-quienes-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.latam-quienes-section--whatis .latam-quienes-grid--2 > article:last-child {
  grid-column: 1 / -1;
}

.latam-quienes-card {
  border: 1px solid rgb(224, 231, 235);
  background: rgb(255, 255, 255);
  border-radius: 16px;
  padding: 1.1rem 1rem;
}

.latam-quienes-card--stack {
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.latam-quienes-card--stack:hover {
  transform: translateY(-4px);
  border-color: rgba(67, 190, 239, 0.35);
  box-shadow: 0 14px 26px rgba(15, 23, 42, 0.1);
}

.latam-quienes-card--inline {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: flex-start;
}

.latam-quienes-card--slide {
  transition: transform 220ms ease, border-color 220ms ease;
}

.latam-quienes-card--slide:hover {
  transform: translateX(8px);
  border-color: rgba(67, 190, 239, 0.34);
}

.latam-quienes-icon-badge {
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 12px;
  background: rgba(67, 190, 239, 0.12);
  border: 1px solid rgba(67, 190, 239, 0.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.latam-quienes-icon-badge img {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.latam-quienes-card h3,
.latam-quienes-honesty h2 {
  margin: 0 0 0.6rem;
  color: rgb(19, 45, 57);
  font-size: 1.1rem;
}

.latam-quienes-quote {
  margin: 1.8rem auto 0;
  max-width: 920px;
  text-align: center;
  font-size: clamp(1.2rem, 2.3vw, 1.8rem);
  color: rgb(19, 45, 57);
  font-style: italic;
}

.latam-quienes-section--reason .latam-quienes-quote {
  margin-top: clamp(1.8rem, 4vw, 2.7rem);
}

.latam-quienes-lines {
  max-width: 900px;
  margin: 0 auto;
}

.latam-quienes-lines article {
  border-left: 3px solid rgba(67, 190, 239, 0.45);
  padding: 0.65rem 0 0.65rem 1.1rem;
  margin-bottom: 0.78rem;
}

.latam-quienes-lines article strong {
  display: block;
  color: rgb(67, 190, 239);
  font-weight: 700;
}

.latam-quienes-note {
  max-width: 760px;
  margin: 1.35rem auto 0;
  text-align: center;
}

.latam-quienes-symbol {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 1.5rem;
  align-items: center;
}

.latam-quienes-section--symbol-block .latam-quienes-grid {
  margin-top: 1.1rem;
}

.latam-quienes-section--symbol-block h2 {
  margin: 0 0 0.8rem;
  color: rgb(19, 45, 57);
  font-size: clamp(1.85rem, 3.6vw, 2.85rem);
}

.latam-quienes-section--symbol-block > .section-container > div > p {
  margin-bottom: 0.85rem;
}

.latam-quienes-symbol__media img {
  width: min(100%, 350px);
  display: block;
  margin: 0 auto;
  animation: latamQuienesFloat 6.5s ease-in-out infinite;
  filter: drop-shadow(0 18px 22px rgba(15, 23, 42, 0.2));
}

.latam-quienes-stack {
  display: grid;
  gap: 0.85rem;
  max-width: 920px;
  margin: 0 auto;
}

.latam-quienes-section--how .latam-quienes-stack {
  gap: 1rem;
}

.latam-quienes-section--honesty {
  background: linear-gradient(160deg, rgba(67, 190, 239, 0.06), rgba(255, 255, 255, 0.9));
}

.latam-quienes-honesty {
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
  border: 1px solid rgb(224, 231, 235);
  background: rgba(255, 255, 255, 0.84);
  border-radius: 22px;
  padding: clamp(1.4rem, 4vw, 2.4rem);
}

.latam-quienes-section--honesty-block .latam-quienes-honesty p {
  max-width: 760px;
  margin: 0 auto;
}

.latam-quienes-honesty__badge {
  width: 5rem;
  height: 5rem;
  border-radius: 16px;
  border: 1px solid rgba(67, 190, 239, 0.28);
  background: rgba(67, 190, 239, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
}

.latam-quienes-honesty__badge img {
  width: 2.4rem;
  height: 2.4rem;
}

.latam-quienes-section--cta {
  background: linear-gradient(180deg, rgba(67, 190, 239, 0.08), rgba(67, 190, 239, 0.14));
  position: relative;
  overflow: hidden;
}

.latam-quienes-cta__orb {
  position: absolute;
  width: 16rem;
  height: 16rem;
  border-radius: 999px;
  filter: blur(44px);
  pointer-events: none;
  animation: latamQuienesCtaOrb 7s ease-in-out infinite;
}

.latam-quienes-cta__orb--left {
  top: 4rem;
  left: 2rem;
  background: rgba(67, 190, 239, 0.2);
}

.latam-quienes-cta__orb--right {
  right: 2rem;
  bottom: 2.5rem;
  background: rgba(87, 209, 176, 0.18);
  animation-duration: 8.4s;
}

@keyframes latamQuienesCtaOrb {
  0%, 100% { transform: scale(1); opacity: 0.28; }
  50% { transform: scale(1.13); opacity: 0.45; }
}

.latam-quienes-cta {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

.latam-quienes-section--cta-block .latam-quienes-cta h2 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.latam-quienes-section--cta-block .latam-quienes-cta p {
  margin: 0 auto 0.45rem;
  font-size: clamp(1.02rem, 2.05vw, 1.23rem);
}

.latam-quienes-section--cta-block .latam-quienes-cta p:nth-of-type(2) {
  margin-bottom: 1rem;
}

.latam-quienes-hero p {
  max-width: 42rem;
}

.latam-quienes-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin-top: 0.9rem;
  border-radius: 10px;
  border: 1px solid transparent;
  background: rgb(67, 190, 239);
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-decoration: none;
  min-height: 50px;
  padding: 0.7rem 1.3rem;
}

.latam-quienes-button img {
  width: 1.1rem;
  height: 1.1rem;
}

.latam-quienes-cta small {
  display: block;
  margin-top: 1rem;
  color: rgb(92, 110, 120);
}

@media (max-width: 960px) {
  .latam-quienes-hero__grid,
  .latam-quienes-symbol,
  .latam-quienes-grid--3,
  .latam-quienes-grid--2 {
    grid-template-columns: 1fr;
  }

  .latam-quienes-section--whatis .latam-quienes-grid--2 > article:last-child {
    grid-column: auto;
  }
}