/* ==========================================================================
   Hero Subhome — Unified variant (port of hero-variant-all.css)
   Style System class on wrapper: cmp-hero-variant-1 .. cmp-hero-variant-8, cmp-hero-variant-lacomunidad
   ========================================================================== */

/* --- Base ---------------------------------------------------------------- */

.cmp-hero-subhome {
  /*background: var(--color-white);*/
}

.cmp-hero-subhome__inner {
  display: grid;
  gap: var(--space-6);
  max-width: var(--especiales-max-width-desktop);
  margin-inline: auto;
  padding: var(--space-8) 0;
}

.cmp-hero-subhome__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  justify-content: flex-end;
}

/* --- Heading ------------------------------------------------------------- */

.cmp-hero-subhome__heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-9);
  padding: var(--space-4);
}

.cmp-hero-subhome__icon {
  width: 3.6695rem;
  height: 3.6875rem;
}

.cmp-hero-subhome__icon img,
.cmp-hero-subhome__icon .cmp-image__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.cmp-hero-subhome__icon .cmp-image {
  width: 100%;
  height: 100%;
}

.cmp-hero-subhome__title div {
  display: contents;
}

.cmp-hero-subhome__title {
  display: flex;
  align-items: flex-end;
  gap: var(--space-6);
}

.cmp-hero-subhome__title .cmp-title {
  margin: 0;
}

.cmp-hero-subhome__title h2,
.cmp-hero-subhome__title .cmp-title__text {
  margin: 0;
  color: var(--color-aprende-heading);
  font-family: var(--Heading-Mvil-H2-fontFamily);
  font-size: var(--Heading-Mvil-H2-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Light);
  line-height: var(--Heading-Mvil-H2-lineHeight);
  letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
}

.cmp-hero-variant-6 .cmp-hero-subhome__title h2,
.cmp-hero-variant-6 .cmp-hero-subhome__title .cmp-title__text,
.cmp-hero-variant-7 .cmp-hero-subhome__title h2,
.cmp-hero-variant-7 .cmp-hero-subhome__title .cmp-title__text {
  width: auto;
}

/* --- Heading image (visible in V6 and V7) -------------------------------- */

.cmp-hero-subhome__heading-image .cmp-image {
  width: 100%;
  height: 100%;
}

.cmp-hero-subhome__heading-image .cmp-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* --- Card ---------------------------------------------------------------- */

.cmp-hero-subhome__card {
  display: flex;
  height: var(--conoce-quienes-somos-lead-height);
  border-radius: var(--radius-md);
  background: var(--Neutros-100);
  box-shadow: var(--shadow-elev-1);
  overflow: hidden;
}

.cmp-hero-subhome__card-image {
  width: 7rem;
}

.cmp-hero-subhome__card-image .cmp-image {
  width: 100%;
  height: 100%;
}

.cmp-hero-subhome__card-image .cmp-image__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cmp-hero-subhome__card-body {
  display: flex;
  align-items: flex-end;
  padding: var(--space-4);
  flex: 1;
  background: var(--color-surface);
}

.cmp-hero-subhome__card-body p,
.cmp-hero-subhome__card-body .cmp-text p {
  margin: 0;
  color: var(--Colors-Others-Color-Gray-700);
  font-family: var(--Subheading-Mvil-XL-fontFamily);
  font-size: var(--Subheading-Mvil-XL-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular);
  line-height: var(--Subheading-Mvil-XL-lineHeight);
  letter-spacing: var(--Subheading-Mvil-XL-letterSpacing);
}

/* --- Media --------------------------------------------------------------- */

.cmp-hero-subhome__media {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--space-6);
}

/* --- Gallery ------------------------------------------------------------- */

.cmp-hero-subhome__media-gallery,
.cmp-hero-subhome__media-images {
  position: relative;
  inset: 0;
  width: 100%;
  object-fit: cover;
  object-position: center;
  background: var(--color-white);
  height: var(--conoce-quienes-somos-slide-height);
  overflow: hidden;
}

.cmp-hero-subhome__media-gallery-item,
.cmp-hero-subhome__media-images-item {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.cmp-hero-subhome__media-images-item img,
.cmp-hero-subhome__media-gallery-item iframe,
.cmp-hero-subhome__media-gallery-item .cmp-video-embed__iframe,
.cmp-hero-subhome__media-gallery-item .cmp-image__image,
.cmp-hero-subhome__media-images-item .cmp-image__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cmp-hero-subhome__media-gallery-item .cmp-image,
.cmp-hero-subhome__media-images-item .cmp-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.cmp-hero-subhome__media-images-item .cmp-video-embed__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* --- Slider -------------------------------------------------------------- */

.cmp-hero-subhome__media-slider {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  width: 100%;
}

.cmp-hero-subhome__media-slider-items {
  display: flex;
  flex-direction: row;
  gap: var(--space-6);
  overflow: hidden;
  scroll-snap-type: none;
  cursor: default;
  padding-block: 0;
  padding-inline: 0;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
}

.cmp-hero-subhome__media-slider-item {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  width: 100%;
  height: 7.875rem;
  object-fit: cover;
  object-position: center;
  border: 0;
  pointer-events: none;
}

.cmp-hero-subhome__media-slider-item img,
.cmp-hero-subhome__media-slider-item iframe,
.cmp-hero-subhome__media-slider-item .cmp-image__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cmp-hero-subhome__media-slider-item .cmp-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.cmp-hero-subhome__media-slider-item .cmp-hero-subhome__auto-thumb {
  z-index: 0;
}

.cmp-hero-subhome__media-slider-item .cmp-image {
  z-index: 1;
}

/* --- Slider nav ---------------------------------------------------------- */

.cmp-conoce-quienes-somos__carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
}

.cmp-conoce-quienes-somos__nav-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  cursor: pointer;
  padding: 0;
}

.cmp-conoce-quienes-somos__nav-button img {
  width: 1rem;
  height: 1rem;
}

.cmp-conoce-quienes-somos__dots {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.cmp-conoce-quienes-somos__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  border: 0.0625rem solid var(--color-aprende-dot-border);
  background-color: transparent;
  cursor: pointer;
  transition: all 150ms ease;
}

.cmp-conoce-quienes-somos__dot[aria-current="true"] {
  width: 1.25rem;
  background-color: var(--color-white);
}

/* ==========================================================================
   Desktop (>= 64rem)
   ========================================================================== */

@media (min-width: 64rem) {
  .cmp-hero-subhome__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    padding-inline: 0;
  }

  .cmp-hero-subhome__heading {
    padding: var(--space-8);
  }

  .cmp-hero-subhome__title h2,
  .cmp-hero-subhome__title .cmp-title__text {
    color: var(--color-aprende-heading);
    font-family: var(--Heading-Escritorio-H2-fontFamily);
    font-size: var(--Heading-Escritorio-H2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Light);
    line-height: var(--Heading-Escritorio-H2-lineHeight);
    letter-spacing: var(--Heading-Escritorio-H2-letterSpacing);
  }

  .cmp-hero-subhome__card {
    height: var(--conoce-quienes-somos-lead-height-desktop);
  }

  .cmp-hero-variant-6 .cmp-hero-subhome__card-image,
  .cmp-hero-variant-7 .cmp-hero-subhome__card-image {
    width: 10.625rem;
  }

  .cmp-hero-subhome__card-image {
    width: 11.625rem;
  }

  .cmp-hero-subhome__media-gallery,
  .cmp-hero-subhome__media-images {
    height: var(--conoce-quienes-somos-slide-height-desktop);
  }

  .cmp-hero-subhome__media-slider-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    overflow: visible;
    scroll-snap-type: none;
    cursor: default;
    padding-block: 0;
    padding-inline: 0;
    gap: var(--space-6);
  }

  .cmp-hero-subhome__media-slider-nav {
    display: none;
  }
}

@media (max-width: 63.9375rem) {
  /* .cmp-hero-variant-6 .cmp-hero-subhome__title h2,
  .cmp-hero-variant-6 .cmp-hero-subhome__title .cmp-title__text,
  .cmp-hero-variant-7 .cmp-hero-subhome__title h2,
  .cmp-hero-variant-7 .cmp-hero-subhome__title .cmp-title__text {
    width: 8rem;
  } */

  .cmp-hero-variant-6 .cmp-hero-subhome__heading-image,
  .cmp-hero-variant-7 .cmp-hero-subhome__heading-image {
    height: 18rem;
  }
}

/* ==========================================================================
   Mobile carousel (< 64rem)
   ========================================================================== */

@media (max-width: 63.9375rem) {
  .cmp-hero-subhome__media-slider-nav {
    display: flex;
  }

  .cmp-hero-subhome__media-slider-items {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cmp-hero-subhome__media-slider-items::-webkit-scrollbar {
    display: none;
  }

  .cmp-hero-subhome__media-slider-item {
    flex: 0 0 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}

/* ==========================================================================
   Variant 1: Two images side by side, no icon, no heading-image, no slider
   ========================================================================== */

.cmp-hero-variant-1 .cmp-hero-subhome__heading {
  padding: 0;
}

.cmp-hero-variant-1 .cmp-hero-subhome__media-images {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.cmp-hero-variant-1 .cmp-hero-subhome__media-images-item {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.cmp-hero-variant-1 .cmp-hero-subhome__heading-brand,
.cmp-hero-variant-1 .cmp-hero-subhome__icon,
.cmp-hero-variant-1 .cmp-hero-subhome__heading-image,
.cmp-hero-variant-1 .cmp-hero-subhome__ctas,
.cmp-hero-variant-1 .cmp-hero-subhome__media-gallery,
.cmp-hero-variant-1 .cmp-hero-subhome__media-slider {
  display: none;
}

@media (min-width: 64rem) {
  .cmp-hero-variant-1 .cmp-hero-subhome__inner {
    grid-template-columns: var(--conoce-quienes-somos-content-width) 1fr;
    align-items: center;
    column-gap: var(--space-10);
  }

  .cmp-hero-variant-1 .cmp-hero-subhome__content {
    height: 100%;
  }

  .cmp-hero-variant-1 .cmp-hero-subhome__media-images {
    display: flex;
    overflow: hidden;
    scroll-snap-type: none;
    cursor: default;
    padding-block: 0;
    justify-content: flex-start;
    gap: var(--space-6);
    flex-direction: row;
  }

  .cmp-hero-variant-1 .cmp-hero-subhome__media-images-item {
    width: calc(50% - var(--space-2));
    flex: 0 0 auto;
    height: var(--conoce-quienes-somos-slide-height-desktop);
  }
}

@media (max-width: 89.375rem) and (min-width: 64rem) {
  .cmp-hero-variant-1 .cmp-hero-subhome__inner {
    column-gap: var(--space-6);
  }

  .cmp-hero-variant-1 .cmp-hero-subhome__media-images {
    gap: var(--space-4);
  }
}

/* ==========================================================================
   Variant 2: Icon + title + card + single media, no heading-image, no slider
   ========================================================================== */

.cmp-hero-variant-2 .cmp-hero-subhome__heading-brand,
.cmp-hero-variant-2 .cmp-hero-subhome__heading-image,
.cmp-hero-variant-2 .cmp-hero-subhome__ctas,
.cmp-hero-variant-2 .cmp-hero-subhome__media-images,
.cmp-hero-variant-2 .cmp-hero-subhome__media-gallery-item.gallery-item-2,
.cmp-hero-variant-2 .cmp-hero-subhome__media-gallery-item.gallery-item-3,
.cmp-hero-variant-2 .cmp-hero-subhome__media-gallery-item.gallery-item-4,
.cmp-hero-variant-2 .cmp-hero-subhome__media-slider {
  display: none;
}

/* ==========================================================================
   Variant 3: Panel heading + card + gallery + slider with 4 thumbs
   ========================================================================== */

.cmp-hero-variant-3 .cmp-hero-subhome__heading {
  display: flex;
  align-items: flex-end;
  padding: var(--space-8);
  padding-top: var(--space-14);
  border-radius: var(--radius-md);
  background: #edf2e7;
  flex: auto;
  justify-content: flex-end;
}

.cmp-hero-variant-3 .cmp-hero-subhome__heading-brand,
.cmp-hero-variant-3 .cmp-hero-subhome__icon,
.cmp-hero-variant-3 .cmp-hero-subhome__heading-image,
.cmp-hero-variant-3 .cmp-hero-subhome__ctas,
.cmp-hero-variant-3 .cmp-hero-subhome__media-images,
.cmp-hero-variant-3 .cmp-hero-subhome__media-gallery-item.gallery-item-2,
.cmp-hero-variant-3 .cmp-hero-subhome__media-gallery-item.gallery-item-3,
.cmp-hero-variant-3 .cmp-hero-subhome__media-gallery-item.gallery-item-4 {
  display: none;
}

.cmp-hero-variant-3 .cmp-hero-subhome__media-slider-item {
  pointer-events: auto;
  cursor: pointer;
}

/* Edit only: stack the four video slots so each placeholder is fully usable.
   Preview and Publish do not get aem-AuthorLayer-Edit. */
.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media {
  align-items: stretch;
  justify-content: flex-start;
  overflow: visible;
}

.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media-gallery {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  min-height: 0;
  overflow: visible;
  inset: auto;
  gap: var(--space-6);
}

.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media-gallery-item.gallery-item-1,
.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media-gallery-item.gallery-item-2,
.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media-gallery-item.gallery-item-3,
.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media-gallery-item.gallery-item-4 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 8rem;
  flex: 0 0 auto;
  overflow: hidden;
}

.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media-gallery-item > * {
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

.cmp-hero-variant-3.cq-Editable-dom .cmp-hero-subhome__media-gallery-item .cmp-video-embed__placeholder {
  height: 100%;
  box-sizing: border-box;
}

/* ==========================================================================
   Variant 4: Title + card + single media, no icon, no heading-image, no slider
   ========================================================================== */

.cmp-hero-variant-4 .cmp-hero-subhome__heading-brand,
.cmp-hero-variant-4 .cmp-hero-subhome__icon,
.cmp-hero-variant-4 .cmp-hero-subhome__heading-image,
.cmp-hero-variant-4 .cmp-hero-subhome__ctas,
.cmp-hero-variant-4 .cmp-hero-subhome__media-images-item.image-item-2,
.cmp-hero-variant-4 .cmp-hero-subhome__media-gallery,
.cmp-hero-variant-4 .cmp-hero-subhome__media-slider {
  display: none;
}

/* ==========================================================================
   Variant 5: Full-width gallery + slider, no content section
   ========================================================================== */

.cmp-hero-variant-5 .cmp-hero-subhome__inner {
  grid-template-columns: unset;
  padding-inline: 0;
}

.cmp-hero-variant-5 .cmp-hero-subhome__content,
.cmp-hero-variant-5 .cmp-hero-subhome__media-images,
.cmp-hero-variant-5 .cmp-hero-subhome__media-gallery-item.gallery-item-2,
.cmp-hero-variant-5 .cmp-hero-subhome__media-gallery-item.gallery-item-3,
.cmp-hero-variant-5 .cmp-hero-subhome__media-gallery-item.gallery-item-4 {
  display: none;
}

.cmp-hero-variant-5 .cmp-hero-subhome__media-slider-item {
  pointer-events: auto;
  cursor: pointer;
}

@media (min-width: 64rem) {
  .cmp-hero-variant-5 .cmp-hero-subhome__inner {
    padding-inline: var(--space-4);
  }
  .cmp-hero-variant-5 .cmp-hero-subhome__media-slider-nav {
    display: none;
  }
}

/* ==========================================================================
   Variant 6: Title + heading-image side by side + card + single media
   Variant 7: same layout as V6, with a YouTube/Vimeo video as the media
   ========================================================================== */

.cmp-hero-variant-6 .cmp-hero-subhome__heading,
.cmp-hero-variant-7 .cmp-hero-subhome__heading {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  gap: var(--space-6);
  flex: auto;
}

.cmp-hero-variant-6 .cmp-hero-subhome__title,
.cmp-hero-variant-7 .cmp-hero-subhome__title {
  width: calc(50% - var(--space-3));
}

.cmp-hero-variant-6 .cmp-hero-subhome__heading-image,
.cmp-hero-variant-7 .cmp-hero-subhome__heading-image {
  flex: 0 0 calc(50% - var(--space-3));
  width: auto;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.cmp-hero-variant-6 .cmp-hero-subhome__heading-image img,
.cmp-hero-variant-6 .cmp-hero-subhome__heading-image .cmp-image__image,
.cmp-hero-variant-7 .cmp-hero-subhome__heading-image img,
.cmp-hero-variant-7 .cmp-hero-subhome__heading-image .cmp-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cmp-hero-variant-6 .cmp-hero-subhome__card,
.cmp-hero-variant-7 .cmp-hero-subhome__card {
  height: auto;
}

.cmp-hero-variant-6 .cmp-hero-subhome__card-image,
.cmp-hero-variant-7 .cmp-hero-subhome__card-image {
  position: relative;
}

.cmp-hero-variant-6 .cmp-hero-subhome__card-image img,
.cmp-hero-variant-6 .cmp-hero-subhome__card-image .cmp-image__image,
.cmp-hero-variant-7 .cmp-hero-subhome__card-image img,
.cmp-hero-variant-7 .cmp-hero-subhome__card-image .cmp-image__image {
  position: absolute;
  height: auto;
}

.cmp-hero-variant-6 .cmp-hero-subhome__heading-brand,
.cmp-hero-variant-6 .cmp-hero-subhome__icon,
.cmp-hero-variant-6 .cmp-hero-subhome__ctas,
.cmp-hero-variant-6 .cmp-hero-subhome__media-images-item.image-item-2,
.cmp-hero-variant-6 .cmp-hero-subhome__media-gallery,
.cmp-hero-variant-6 .cmp-hero-subhome__media-slider,
.cmp-hero-variant-7 .cmp-hero-subhome__heading-brand,
.cmp-hero-variant-7 .cmp-hero-subhome__icon,
.cmp-hero-variant-7 .cmp-hero-subhome__ctas,
.cmp-hero-variant-7 .cmp-hero-subhome__media-images-item.image-item-2,
.cmp-hero-variant-7 .cmp-hero-subhome__media-gallery,
.cmp-hero-variant-7 .cmp-hero-subhome__media-slider {
  display: none;
}

/* ==========================================================================
   Variant LAComunidad: brand + title + text + CTAs + video + 3 thumbs
   Variant 8: same layout with a single video and no slider
   ========================================================================== */

.cmp-hero-variant-lacomunidad,
.cmp-hero-variant-8 {
  --color-hero-variant-lacomunidad-red: rgb(219, 40, 28);
  --color-hero-variant-lacomunidad-red-light: #f9e3e2;
  --color-hero-variant-lacomunidad-blue: #02045e;
  --color-hero-variant-lacomunidad-grey-900: #1E1F21;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__heading,
.cmp-hero-variant-8 .cmp-hero-subhome__heading {
  padding: 0;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__heading-brand,
.cmp-hero-variant-8 .cmp-hero-subhome__heading-brand {
  display: inline-flex;
  align-items: center;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__heading-brand-item,
.cmp-hero-variant-8 .cmp-hero-subhome__heading-brand-item {
  flex: 1;
  justify-items: center;
  padding-inline: var(--space-4);
}

.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__heading-brand-item,
.cmp-hero-variant-8.cq-Editable-dom .cmp-hero-subhome__heading-brand-item {
  min-width: 5rem;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__heading-brand-item:not(:first-child),
.cmp-hero-variant-8 .cmp-hero-subhome__heading-brand-item:not(:first-child) {
  border-inline-start: 1px solid var(--color-hero-variant-lacomunidad-red)
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__content,
.cmp-hero-variant-8 .cmp-hero-subhome__content {
  gap: var(--space-4);
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__title h2,
.cmp-hero-variant-8 .cmp-hero-subhome__title h2 {
  color: var(--color-hero-variant-lacomunidad-blue);
  font-family: var(--Heading-Mvil-H2-fontFamily);
  font-size: var(--Heading-Mvil-H2-fontSize);
  font-weight: var(--Weights-Bold, 700);
  line-height: var(--Heading-Mvil-H2-lineHeight);
  letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__card,
.cmp-hero-variant-8 .cmp-hero-subhome__card {
  background: unset;
  box-shadow: unset;
  height: auto;
  border-radius: 0;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__card-body,
.cmp-hero-variant-8 .cmp-hero-subhome__card-body {
  background: unset;
  padding: 0;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__card-body p,
.cmp-hero-variant-8 .cmp-hero-subhome__card-body p {
  margin: 0;
  color: var(--color-hero-variant-lacomunidad-grey-900);
  font-family: var(--Body-Body-3-fontFamily);
  font-style: normal;
  font-weight: var(--Weights-Regular, 400);
  letter-spacing: var(--Body-Body-3-letterSpacing);
  font-size: var(--Body-Body-3-fontSize);
  line-height: var(--Body-Body-3-lineHeight);
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-gallery,
.cmp-hero-variant-8 .cmp-hero-subhome__media-gallery {
  height: 15.625rem;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media,
.cmp-hero-variant-8 .cmp-hero-subhome__media,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider-items {
  gap: var(--space-4);
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider-item {
  height: 5rem;
  pointer-events: auto;
  cursor: pointer;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider-item:focus {
  outline: 0.125rem solid rgba(252, 99, 56, 0.55);
  outline-offset: 0;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__ctas,
.cmp-hero-variant-8 .cmp-hero-subhome__ctas {
  display: inline-flex;
  gap: var(--space-4);
  justify-content: flex-start;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__ctas-item,
.cmp-hero-variant-8 .cmp-hero-subhome__ctas-item {
  height: 3rem;
  padding: 0 var(--space-6);
  border-radius: var(--radius-lg);
  border: 0;
  font-family: var(--Label-Label-1-fontFamily);
  font-size: var(--Label-Label-1-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Bold, 700);
  line-height: var(--Label-Label-1-lineHeight);
  letter-spacing: var(--Label-Label-1-letterSpacing);
  align-content: center;
  cursor: pointer;
}

.cmp-hero-variant-lacomunidad.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__ctas-item,
.cmp-hero-variant-8.cmp-hero-variant-8.cq-Editable-dom .cmp-hero-subhome__ctas-item {
  min-width: 5rem;
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__ctas-item:nth-child(odd),
.cmp-hero-variant-8 .cmp-hero-subhome__ctas-item:nth-child(odd) {
  background: var(--color-hero-variant-lacomunidad-red);
  color: var(--color-surface);
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__ctas-item:nth-child(even),
.cmp-hero-variant-8 .cmp-hero-subhome__ctas-item:nth-child(even) {
  border: 0.0625rem solid var(--color-hero-variant-lacomunidad-red);
  color: var(--color-hero-variant-lacomunidad-red);
  background: var(--color-surface);
}

.cmp-hero-variant-lacomunidad .cmp-conoce-quienes-somos__nav-button {
  border: none;
  background: transparent;
}

.cmp-hero-variant-lacomunidad .cmp-conoce-quienes-somos__dot {
  border-color: var(--color-hero-variant-lacomunidad-red);
  background-color: transparent;
}

.cmp-hero-variant-lacomunidad .cmp-conoce-quienes-somos__dot[aria-current="true"] {
  width: 3.84375rem;
  border-color: var(--color-hero-variant-lacomunidad-red);
  background-color: var(--color-hero-variant-lacomunidad-red-light);
}

.cmp-hero-variant-lacomunidad .cmp-hero-subhome__icon,
.cmp-hero-variant-8 .cmp-hero-subhome__icon,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__heading-image,
.cmp-hero-variant-8 .cmp-hero-subhome__heading-image,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__card-image,
.cmp-hero-variant-8 .cmp-hero-subhome__card-image,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-images,
.cmp-hero-variant-8 .cmp-hero-subhome__media-images,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-gallery-item.gallery-item-4,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider-item.slider-item-4 {
  display: none;
}

/* Edit only: stack the three video slots. Preview and Publish keep the single hero video. */
.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__media {
  align-items: stretch;
  justify-content: flex-start;
  overflow: visible;
}

.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__media-gallery {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  min-height: 0;
  overflow: visible;
  inset: auto;
  gap: 0.625rem;
}

.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__media-gallery-item.gallery-item-1,
.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__media-gallery-item.gallery-item-2,
.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__media-gallery-item.gallery-item-3 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 8rem;
  flex: 0 0 auto;
  overflow: hidden;
}

.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__media-gallery-item > * {
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

.cmp-hero-variant-lacomunidad.cq-Editable-dom .cmp-hero-subhome__media-gallery-item .cmp-video-embed__placeholder {
  height: 100%;
  box-sizing: border-box;
}

/* .cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-gallery,
.cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-gallery-item {
  border-radius: var(--radius-md);
} */

@media (min-width: 64rem) {
  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__inner,
  .cmp-hero-variant-8 .cmp-hero-subhome__inner {
    grid-template-columns: minmax(0, 11fr) minmax(0, 13fr);
    align-items: center;
    column-gap: var(--space-9);
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__content,
  .cmp-hero-variant-8 .cmp-hero-subhome__content {
    justify-content: center;
    align-items: flex-start;
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__heading-brand-item,
  .cmp-hero-variant-8 .cmp-hero-subhome__heading-brand-item {
    flex: unset;
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__heading-brand-item:nth-child(1),
  .cmp-hero-variant-8 .cmp-hero-subhome__heading-brand-item:nth-child(1) {
    padding-inline-start: 0;
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__title h2,
  .cmp-hero-variant-8 .cmp-hero-subhome__title h2 {
    font-family: var(--Heading-Escritorio-H2-fontFamily);
    font-size: var(--Heading-Escritorio-H2-fontSize);
    line-height: var(--Heading-Escritorio-H2-lineHeight);
    letter-spacing: var(--Heading-Escritorio-H2-letterSpacing);
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__card-body p,
  .cmp-hero-variant-8 .cmp-hero-subhome__card-body p {
    font-family: var(--Body-Body-2-fontFamily);
    font-size: var(--Body-Body-2-fontSize);
    line-height: var(--Body-Body-2-lineHeight);
    letter-spacing: var(--Body-Body-2-letterSpacing);
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-gallery,
  .cmp-hero-variant-8 .cmp-hero-subhome__media-gallery {
    height: 25.25rem;
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider {
    gap: var(--space-6);
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider-item {
    height: 6.375rem;
  }
}

@media (max-width: 63.9375rem) {
  .cmp-hero-variant-lacomunidad .cmp-hero-subhome__media-slider-item {
    flex: 0 0 calc((100% - 2 * var(--space-6)) / 2.4);
    width: calc((100% - 2 * var(--space-6)) / 2.4);
  }
}

.cmp-hero-subhome--empty {
  padding: var(--space-8) var(--space-4);
  text-align: center;
}