/* Nosotros / About Us: identidad premium compartida en ambos idiomas. */
.about-page-main {
  background:
    radial-gradient(circle at 8% 76%, rgba(37, 98, 87, 0.12), transparent 38%),
    radial-gradient(circle at 92% 70%, rgba(178, 138, 57, 0.12), transparent 36%),
    linear-gradient(145deg, #cbd5cc 0%, #c2cec5 48%, #c9c3b4 100%);
}

.about-hero {
  min-height: clamp(540px, 72vh, 780px) !important;
}

.about-hero-copy {
  width: min(100%, 74rem);
}

.about-hero-copy > p:not(.about-hero-kicker) {
  max-width: 49rem !important;
  color: rgba(232, 207, 148, 0.94) !important;
}

.about-hero-kicker {
  margin-inline: auto;
}

.about-hero-actions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 0.35rem !important;
  row-gap: 0.12rem !important;
  width: min(100%, 40rem);
  margin-inline: auto;
}

body.ocani-inner-premium .about-hero-actions > a,
body.ocani-inner-premium .about-page-main .about-botanical-action {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0.42rem 0.18rem 0.78rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transform: none !important;
  transition: color 260ms ease, text-shadow 260ms ease !important;
  -webkit-tap-highlight-color: transparent;
}

body.ocani-inner-premium .about-hero-actions > a {
  color: #f4f1ea !important;
  text-shadow: 0 2px 12px rgba(0, 20, 17, 0.72) !important;
}

body.ocani-inner-premium .about-page-main .about-botanical-action {
  color: #0a4b45 !important;
  text-shadow: none !important;
}

body.ocani-inner-premium .about-hero-actions > a::before,
body.ocani-inner-premium .about-page-main .about-botanical-action::before {
  content: "";
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  flex: 0 0 auto;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  background: #b28a39 !important;
  -webkit-mask: var(--ocani-content-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
  mask: var(--ocani-content-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
  opacity: 0.94 !important;
  filter: drop-shadow(0 0 5px rgba(178, 138, 57, 0.22)) !important;
  transform: translateY(-1px) !important;
}

body.ocani-inner-premium .about-hero-actions > a::after,
body.ocani-inner-premium .about-page-main .about-botanical-action::after {
  content: "";
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0.28rem !important;
  width: min(82%, 7.5rem) !important;
  height: 1px !important;
  border: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(178, 138, 57, 0.92) 22%, rgba(178, 138, 57, 0.92) 78%, transparent) !important;
  opacity: 0.72 !important;
  transform: translateX(-50%) scaleX(0.5) !important;
  transform-origin: center;
  transition: transform 320ms ease, opacity 320ms ease !important;
  pointer-events: none;
}

body.ocani-inner-premium .about-hero-actions > a:hover,
body.ocani-inner-premium .about-hero-actions > a:focus,
body.ocani-inner-premium .about-hero-actions > a:focus-visible,
body.ocani-inner-premium .about-hero-actions > a:active {
  color: #e1c785 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  outline: 0 !important;
  text-shadow: 0 2px 16px rgba(0, 20, 17, 0.86) !important;
  transform: none !important;
}

body.ocani-inner-premium .about-page-main .about-botanical-action:hover,
body.ocani-inner-premium .about-page-main .about-botanical-action:focus,
body.ocani-inner-premium .about-page-main .about-botanical-action:focus-visible,
body.ocani-inner-premium .about-page-main .about-botanical-action:active {
  color: #80611f !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  outline: 0 !important;
  text-shadow: 0 0 12px rgba(178, 138, 57, 0.18) !important;
  transform: none !important;
}

body.ocani-inner-premium .about-hero-actions > a:hover::after,
body.ocani-inner-premium .about-hero-actions > a:focus::after,
body.ocani-inner-premium .about-hero-actions > a:focus-visible::after,
body.ocani-inner-premium .about-hero-actions > a:active::after,
body.ocani-inner-premium .about-page-main .about-botanical-action:hover::after,
body.ocani-inner-premium .about-page-main .about-botanical-action:focus::after,
body.ocani-inner-premium .about-page-main .about-botanical-action:focus-visible::after,
body.ocani-inner-premium .about-page-main .about-botanical-action:active::after {
  opacity: 1 !important;
  transform: translateX(-50%) scaleX(1) !important;
}

.about-content {
  background:
    radial-gradient(circle at 88% 8%, rgba(209, 176, 107, 0.11), transparent 35%),
    radial-gradient(circle at 9% 88%, rgba(42, 105, 94, 0.11), transparent 40%),
    linear-gradient(145deg, #d2dad2 0%, #c7d2c9 47%, #c9c2b2 100%) !important;
}

.about-feature-card,
.about-card,
.about-contact-panel {
  border-color: rgba(76, 111, 99, 0.23) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(194, 158, 91, 0.12), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(54, 113, 101, 0.10), transparent 38%),
    linear-gradient(145deg, rgba(218, 224, 213, 0.98), rgba(207, 216, 204, 0.97) 54%, rgba(203, 197, 178, 0.96)) !important;
  box-shadow: 0 16px 36px rgba(7, 47, 43, 0.13) !important;
}

.about-feature-card {
  border-color: rgba(178, 138, 57, 0.28) !important;
}

.about-card {
  transition: border-color 320ms ease, box-shadow 320ms ease !important;
}

.about-card:hover {
  border-color: rgba(178, 138, 57, 0.44) !important;
  box-shadow: 0 20px 42px rgba(7, 47, 43, 0.17) !important;
  transform: none !important;
}

/* De Nuestra Esencia a Facilitadores: salvia cálida, lino y tierra suave. */
.about-lower-story {
  position: relative;
  margin-inline: -0.75rem;
  margin-bottom: 4rem;
  padding: clamp(2rem, 4vw, 3.4rem) clamp(0.75rem, 3vw, 2rem) 0.35rem;
  overflow: hidden;
  border: 1px solid rgba(77, 111, 91, 0.18);
  border-radius: 2rem;
  background:
    radial-gradient(circle at 12% 10%, rgba(239, 238, 210, 0.18), transparent 34%),
    radial-gradient(circle at 90% 88%, rgba(75, 112, 92, 0.16), transparent 38%),
    linear-gradient(145deg, #cbd8cd 0%, #b9ccbd 50%, #ced2bd 100%);
  box-shadow: 0 18px 44px rgba(19, 64, 54, 0.12);
}

body.ocani-inner-premium .about-page-main .about-lower-story .about-card.ocani-premium-card-light,
body.ocani-inner-premium .about-page-main .about-lower-story .about-card {
  border-color: rgba(225, 199, 132, 0.23) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(219, 194, 127, 0.08), transparent 36%),
    linear-gradient(145deg, rgba(70, 108, 102, 0.99), rgba(82, 119, 113, 0.99) 54%, rgba(66, 99, 95, 0.99)) !important;
  box-shadow: 0 13px 30px rgba(17, 56, 50, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.ocani-inner-premium .about-page-main .about-lower-story #acompanamiento .about-card:nth-child(even) {
  background:
    radial-gradient(circle at 12% 88%, rgba(222, 198, 135, 0.07), transparent 38%),
    linear-gradient(145deg, rgba(75, 112, 106, 0.99), rgba(86, 122, 116, 0.99) 55%, rgba(68, 102, 97, 0.99)) !important;
}

body.ocani-inner-premium .about-page-main .about-lower-story #facilitadores .about-card {
  background:
    radial-gradient(circle at 90% 12%, rgba(223, 199, 137, 0.08), transparent 38%),
    linear-gradient(145deg, rgba(68, 105, 99, 0.99), rgba(80, 116, 110, 0.99) 56%, rgba(63, 96, 91, 0.99)) !important;
}

body.ocani-inner-premium .about-page-main .about-lower-story .about-card:hover {
  border-color: rgba(225, 199, 132, 0.38) !important;
  box-shadow: 0 17px 36px rgba(17, 56, 50, 0.22) !important;
}

body.ocani-inner-premium .about-page-main .about-lower-story .about-card h3 {
  color: #e4c77f !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(24, 57, 52, 0.28);
}

body.ocani-inner-premium .about-page-main .about-lower-story .about-card p {
  color: rgba(247, 243, 232, 0.92) !important;
}

body.ocani-inner-premium .about-page-main .about-lower-story .about-card .about-facilitator-meta {
  color: #e6c980 !important;
}

.about-lower-story .about-essence-icon {
  color: #e5c77d !important;
  background: rgba(41, 78, 72, 0.72) !important;
  border-color: rgba(225, 199, 132, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.about-lower-story .about-essence-icon svg {
  color: #e5c77d !important;
}

.about-lower-story #facilitadores {
  margin-bottom: 0 !important;
}

.about-card img,
.about-feature-card img {
  filter: saturate(0.88) contrast(0.98);
}

.about-contact-panel {
  position: relative;
  overflow: hidden;
}

.about-contact-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 22%, rgba(255, 255, 255, 0.12) 48%, transparent 72%);
  opacity: 0.42;
}

.about-contact-panel > * {
  position: relative;
  z-index: 1;
}

.about-final-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  align-items: center;
  gap: 0.55rem !important;
}

/* Evita que el correo del pie fuerce la segunda columna en telefonos estrechos. */
.about-page-main ~ ocani-footer .ocani-shell-footer-grid > section {
  min-width: 0;
}

.about-page-main ~ ocani-footer .ocani-shell-footer a[href^="mailto:"] {
  overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
  .about-hero {
    min-height: clamp(540px, calc(100svh - 64px), 760px) !important;
  }

  .about-hero-copy {
    padding-inline: 1rem !important;
  }

  .about-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.12rem 0.34rem !important;
    width: min(100%, 23rem);
    margin-top: 1.5rem !important;
  }

  body.ocani-inner-premium .about-hero-actions > a {
    width: 100% !important;
    padding-inline: 0.08rem !important;
    font-size: clamp(8px, 2.45vw, 9.5px) !important;
    letter-spacing: 0.075em !important;
    white-space: nowrap;
  }

  .about-content {
    padding-block: 4.5rem !important;
  }

  .about-lower-story {
    margin-inline: -0.35rem;
    margin-bottom: 3rem;
    padding: 2rem 0.65rem 0.2rem;
    border-radius: 1.5rem;
  }

  .about-feature-card {
    padding: 1.35rem !important;
  }

  .about-final-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: clamp(0.2rem, 1.8vw, 0.45rem) !important;
  }

  .about-contact-panel {
    padding-inline: clamp(0.85rem, 4vw, 1.4rem) !important;
  }

  body.ocani-inner-premium .about-page-main .about-botanical-action {
    flex: 1 1 0;
    width: auto !important;
    max-width: 8.5rem;
    min-width: 0 !important;
    padding: 0.38rem 0.02rem 0.72rem !important;
    font-size: clamp(7px, 2.15vw, 9.5px) !important;
    letter-spacing: 0.06em !important;
    gap: 0.24rem;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ocani-inner-premium .about-hero-actions > a,
  body.ocani-inner-premium .about-hero-actions > a::after,
  body.ocani-inner-premium .about-page-main .about-botanical-action,
  body.ocani-inner-premium .about-page-main .about-botanical-action::after,
  .about-card {
    transition: none !important;
  }
}