/* ===================================
    Clases Especificas
====================================== */
html {
  width: 100% !important;
  overflow-x: hidden !important;
}

body {
  padding: 0 !important;
}

main {
  margin-top: 81px;
}

a {
  text-decoration: none;
  color: rgba(23, 23, 23, 1);
}
.secondary-menu {
  height: 54px;
  width: 100%;
  background: black;
  color: white;
  font-size: 14px;
  position: relative;
}

.secondary-menu__container {
  display: flex;
  justify-content: end;
  align-items: center;
  max-width: 1440px;
  padding: 0 64px;
  height: 100%;
  gap: 24px;
}

.secondary-menu__help {
  text-decoration: none;
  color: white;
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 16px;
  transition: all 0.5s ease;
}

.secondary-menu__icon {
  font-size: 14px;
}

.secondary-menu__right {
  display: flex;
  align-items: center;
  gap: 15px;
}

.secondary-menu__search {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 16px;
}

.secondary-menu__dropdown {
  min-height: 54px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.secondary-menu__dropdown .dropdown {
  display: flex;
  align-items: center;
  min-height: 54px;
}
.secondary-menu__dropdown .dropdown-toggle {
  color: white;
}

.secondary-menu__dropdown .dropdown-toggle:hover {
  color: #d9c3fb;
}
.secondary-menu__dropdown .dropdown-toggle:hover .mobile-arrow path {
  stroke: #d9c3fb;
}
.secondary-menu__help:hover {
  background-color: #484848;
  transition: all 0.5s ease;
  text-transform: uppercase;
}

.info-banner {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fbbd08;
  color: black;
  font-size: 14px;
}

.info-banner__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  padding: 20px 64px;
}

.info-banner__content {
  display: flex;
  gap: 10px;
}

.info-banner__icon {
  font-size: 18px;
}

.info-banner__text {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}

.info-banner__title {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

.info-banner__link {
  color: var(--Color-Secondary-Blue-Blue-500, #1a39da);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.info-banner__close {
  background: none;
  border: none;
  color: black;
  font-size: 16px;
  cursor: pointer;
}

/* BREADCRUMBS */
.breadcrumb_container {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 16px 64px;
  margin: 0;
}

.section-item {
  width: 100%;
  height: auto;

  display: flex;
  justify-content: center;
  position: relative;
}
.wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 0;
}

/* ====== Navbar General ====== */
.navbar {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e6e6e6);
  background: #fff;
  position: relative;
  z-index: 999;
  position: fixed;
  top: 0px;
  padding: 0;
  height: auto; /* Ajusta dinámicamente */
}

.navbar__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding: 0 64px;
}

/* ====== Logo ====== */
.navbar__logo img {
  height: 30px;
}

/* ====== Menú ====== */
.navbar__menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar__list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0px;
  padding: 0;
  margin: 0;
}

.navbar__item {
  padding: 16px 24px;
  position: relative;
}

.navbar__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--header-black);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  transition: all 0.3s ease;
}

.navbar__link:hover {
  transition: all 0.3s ease;
}

/* Flechita para los dropdowns */
.navbar__arrow {
  font-size: 12px;
}

/* ====== Botón "Acceso a clientes" ====== */
.navbar__button {
  display: flex;
  height: 48px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid var(--purple);
  background: white;
  color: var(--purple);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  transition: all 0.5s ease;
}

.navbar__button:hover {
  background: var(--hover-purple);
  transition: all 0.5s ease;
}

.navbar__icon {
  font-size: 16px;
}

/* Mega Menú */
.mega-menu {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translate(-50%, -200%);
  width: 100%;
  max-width: 1080px;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  display: flex;
  padding: 0px;
  flex-direction: column;
  transition: all 0.5s ease;
  z-index: 999;

  max-height: calc(100vh - 250px); /* Resta 100px para evitar que toque el borde */
  overflow-y: auto; /* Permite hacer scroll solo si es necesario */
}

/* Contenedor */
.mega-menu__container {
  display: flex;
  min-height: 672px;
  overflow: hidden;
  border-right: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  border-bottom: 1.5px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
}

/* Lado izquierdo */
.mega-menu__left {
  max-width: 350px;
  min-width: 350px;
  width: 100%;
  background: var(--Backgrounds-color, #e8ebfb);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 24px;
}

.mega-menu__small-title {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0 18px;
}

.mega-menu__list {
  overflow: hidden;
  list-style: none;
  padding: 0;
}

.mega-menu__item {
  display: flex;
  width: 100%;
  min-height: 54px;
  padding: 0 18px;
  align-items: center;
  gap: 10px;
}
.mega-menu__item .mega-menu-link {
  color: #3b3a3a;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 150% */
  text-decoration: none;
}

.mega-menu__item--active {
  border-radius: 10px;
  border-top: 1px solid var(--Color-Primary-Black-and-gray-Gray-1, #d9d9d9);
  border-bottom: 1px solid var(--Color-Primary-Black-and-gray-Gray-1, #d9d9d9);
  background: #8137f2;
}
.mega-menu__item--active .mega-menu-link {
  color: white;
  font-weight: 700;
}

/* Lado derecho */
.mega-menu__title {
  color: #3b3a3a;
  font-family: var(--manrope);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 24px;
  margin-bottom: 10px;
}
.mega-menu__right {
  width: 100%;
  padding: 24px 10px;
}

/* Categorías con icono */
.mega-menu__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas de igual tamaño */
  grid-template-rows: repeat(2, auto); /* 2 filas ajustables */
  gap: 30px; /* Espaciado entre los elementos */
  align-items: start; /* Permite que cada elemento tome su altura real */
}
.mega-menu__columns.list {
  grid-template-columns: auto;
  gap: 0;
}

.mega-menu__columns ul li a,
.mega-menu__columns ul li p,
.mega-menu__columns ul li {
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.mega-menu__columns ul li:not(.mega-menu__category) {
  padding-left: 42px;
}
.mega-menu__columns ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mega-menu__category {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}
.mega-menu__category img {
  width: 32px;
  height: 32px;
}
.mega-menu__columns.list .mega-menu__category {
  min-height: 56px;
  max-width: 100%;
  padding: 0 24px;
  border-radius: 10px;
}
.mega-menu__columns.list .mega-menu__category:hover {
  border: 1px solid var(--Color-Primary-Purple-Purple-400, #9a5ff5);
  background: var(--Color-Primary-Purple-Purple-100, #f2ebfe);
  transition: all 0.5s ease;
  cursor: pointer;
}
.mega-menu__more {
  color: var(--Buttons-Ghost-Active-text, #4d2191);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 26px;
  padding-left: 42px;
}

.mega-menu__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.box-link-container {
  border: 1px solid transparent;
  padding: 22px 24px 10px 24px;
  border-radius: 8px;
  transition: all 0.5s ease;
}
.mega-menu__columns .box-link-container .mega-menu__category {
  padding: 0;
}
.mega-menu__columns .box-link-container .mega-menu__category p,
.mega-menu__columns.list .mega-menu__category a {
  padding: 0;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.box-link-container ul li:first-child {
  min-height: auto;
}
.box-link-container:hover {
  border: 1px solid var(--Color-Primary-Purple-Purple-400, #9a5ff5);
  background: var(--Color-Primary-Purple-Purple-100, #f2ebfe);
  transition: all 0.5s ease;
}

.mega-menu__icon {
  width: 18px;
  height: 18px;
}
/* Botón de cerrar */
.mega-menu__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}

.back-button {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.submenu__content {
  width: 100%;
  height: 100%;
  min-height: 900px;
  padding: 0;
}
.submenu__title {
  color: var(--Icon-terteary, #8137f2);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 20px;
  margin: 0;
}

.search-container {
  padding: 16px;
  background: #fff;
  display: flex;
  justify-content: center;
}

.search-input {
  display: flex;
  align-items: center;
  background: #f4f4f4;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  padding-left: 12px;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  border-radius: 32px;
  border: 1px solid var(--Color-Neutrals-Scale-Gray-900, #333);
  background: #fff;
}

.search-input .icon-search {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.search-input input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  color: rgba(26, 26, 26, 1);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
}
.search-input input::placeholder {
  color: var(--Color-Neutrals-Scale-Gray-700, #808080);
}

.submenu__mobile_title {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  padding: 0 16px;
  margin-bottom: 8px;
}

.submenu__mobile_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.submenu_mobile_item a {
  display: flex;
  padding: 8px 16px;
  text-decoration: none;
  color: var(--Buttons-Terteary-Active-text, #1a1a1a);
  font-family: var(--manrope);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 185%;
}

.submenu_mobile_item a:hover {
  background: #f8f8f8;
}

.icon-arrow {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

/* Body */
.carousel {
  width: 100%;
}
.banner {
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 64px;
}
.banner__background-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  overflow: hidden;
}
.banner__background-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__content {
  max-width: 50%;
}

.banner__title {
  color: #fff;
  font-family: var(--open);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

.banner__title.notice {
  color: var(--Texts-secondary, #fff);
  font-family: var(--manrope);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Máximo 4 líneas */
  -webkit-box-orient: vertical;
  white-space: normal;
}

.banner__notice {
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Color-Primary-Purple-Purple-500, #8137f2);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  padding: 8px 16px;
  transition: all 0.5s ease;
}
.banner__notice:hover {
  background-color: white;
  color: black;
  transition: all 0.5s ease;
}
.banner__notice:hover svg path {
  stroke: black;
  transition: all 0.5s ease;
}

.banner__description {
  color: #fff;
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 137%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Máximo 2 líneas */
  -webkit-box-orient: vertical;
  white-space: normal;
}

.banner__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0.5rem;
  width: 40%;
}

.banner__image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.banner__image--large {
  grid-row: span 2;
}
.banner-slider .wrapper {
  margin: 0 auto;
}
.banner-slider .carousel-control-next,
.banner-slider .carousel-control-prev {
  width: 5%;
  display: none;
}
.banner-slider .carousel:hover .carousel-control-next,
.banner-slider .carousel:hover .carousel-control-prev {
  display: block;
}
.banner-slider .carousel-control-next-icon,
.banner-slider .carousel-control-prev-icon {
  background-image: none;
}
.banner-slider .carousel-indicators {
  margin-bottom: 23px;
}

.banner-slider .carousel-indicators [data-bs-target] {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid white;
}
.banner-slider .carousel-indicators .active {
  background-color: white;
}

.financial-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  min-height: 192px;
  padding: 48px 80px;
  gap: 46px;
}

.financial-stats__content {
  flex: 1;
}

.financial-stats__text {
  color: #fff;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  max-width: 500px;
  min-width: 350px;
}

.financial-stats__items {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.financial-stats__item {
  max-width: 156px;
}

.financial-stats__number {
  color: var(--Primary-white, #fff);
  font-family: var(--roboto);
  font-size: 30.537px;
  font-style: normal;
  font-weight: 700;
  line-height: 55%;
  margin-bottom: 15px;
}

.financial-stats__label {
  color: #fff;
  font-family: var(--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}

.financial-stats__divider {
  width: 1px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.2);
}

/* Contenedor principal */
.services-container {
  padding: 48px 64px;
}
.services__title {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.services__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

/* Tarjeta de servicio */
.service-card {
  width: 100%;
  display: flex;
  border-radius: 12px;
  border: 1px solid var(--Color-Primary-Black-and-gray-Gray-1, #d9d9d9);
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  cursor: pointer;
}

.service-card:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Imagen de fondo */
.service-card__image {
  min-width: 182px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.service-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.service-card:hover .service-card__image img {
  transition: all 0.5s ease;
  transform: scale(1.2);
}

/* Etiqueta */
.service-card__label {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 8px;
  border-radius: 23px;
  background: #fff;
  color: var(--text-alert-info, #2d2d2d);
  font-family: var(--manrope);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  z-index: 99;
}

/* Contenido */
.service-card__content {
  width: 100%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

.service-card__title {
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 4px;
}

.service-card__description {
  overflow: hidden;
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Máximo 2 líneas */
  -webkit-box-orient: vertical;
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

/* Icono de enlace */
.service-card__link {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;

  border-radius: 3px;
  background: var(--Color-Primary-Black-and-gray-Gray-2, #f6f4f9);
}

.news {
  padding: 0 64px;
}

.news.services {
  margin-bottom: 24px;
}
.news.values {
  padding: 40px 64px;
  background-color: #f9f9fa;
}

.news__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
.news__header.custom1 {
  flex-direction: column;
  align-items: start;
}

.news__title {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin: 0;
}

.news__link {
  color: var(--Buttons-Ghost-Default-text, #8137f2);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%; /* 144.444% */
  transition: all 0.5s ease;
}
.news__link:hover {
  color: var(--Buttons-Ghost-Default-text, #411188);
  transition: all 0.5s ease;
}
.news__subtitle {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.news__slider {
  display: flex;
  gap: 20px;
  overflow: hidden; /* Aquí integras Swiper */
}

.news-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  min-height: 500px;
}

.news.values .news-card {
  min-height: 304px;
}

.news-card__image {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.news.values .news-card__image {
  height: auto;
  margin-bottom: 14px;
}

.news-card__content {
  padding: 15px;
}

.news-card__title {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%; /* 133.333% */

  /* Configuración para limitar a 2 líneas */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limita a 2 líneas */
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}

.news.values .news-card__title {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.news-card__description {
  overflow: hidden;
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  text-overflow: ellipsis;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%; /* 144.444% */
  /* Configuración para limitar a 2 líneas */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limita a 2 líneas */
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}

.news-card__date {
  color: var(--Color-Primary-Black-and-gray-Black-2, #6b7280);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.news__divider {
  margin-top: 12px;
  margin-bottom: 48px;
  border: none;
  height: 2px;
  background: #bbb9b9;
}

.gptw-section {
  background-color: #121212;
  padding: 64px;
  border-radius: 12px;
  color: #fff;
  max-width: 1280px;
  margin: 48px auto;
}

.gptw-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 118px;
}

.gptw-text {
  max-width: 560px;
}

.gptw-title {
  color: #fff;
  font-family: var(--manrope);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 137%;
  margin-bottom: 20px;
}

.gptw-description {
  overflow: hidden;
  color: var(--Color-Primary-Black-and-gray-White, #fff);
  text-overflow: ellipsis;
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  margin-bottom: 40px;
}

.gptw-button {
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: #fff;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Buttons-Terteary-Default-stroke, #fff);
  background: var(--Buttons-Terteary-Default-fill, #1a1a1a);
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s, color 0.3s;
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%; /* 144.444% */
  gap: 10px;
}

.gptw-button:hover {
  background: #fff;
  color: #121212;
}
.gptw-button:hover svg path {
  stroke: black;
}

.gptw-images {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 400px;
}

.gptw-grid {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.gptw-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.gptw-badge {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 2;
}
.values-btn-container {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}
.values-btn-container .swiper-button-next,
.values-btn-container .swiper-button-prev {
  position: static;
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin: 0;
}

.values-btn-container .swiper-button-next:after,
.values-btn-container .swiper-button-prev:after {
  display: none;
}
.swiper-footer .swiper-pagination {
  width: fit-content;
  position: static;
}

.swiper-footer {
  width: 100%;
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  overflow: hidden;
}

.swiper-footer .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background-color: white;
  border: 2px solid #808080;
  transition: all 0.5s ease;
}

.swiper-footer .swiper-pagination-bullet-active {
  width: 45px;
  background-color: #8137f2;
  border-radius: 8px;
  transition: all 0.5s ease;
}
.prev-box,
.next-box {
  display: flex;
  width: 48px;
  min-width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}
.prev-box {
  border-radius: 16px;
  border: 1px solid var(--Buttons-Secondary-Default-stroke, #672cc2);
  background: var(--Buttons-Secondary-Default-fill, #fff);
}

.next-box {
  border-radius: 16px;
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Buttons-Primary-Default-fill, #8137f2);
}

.prev-box svg,
.next-box svg {
  width: 20px;
  height: 20px;
}
.modal-iso-card {
  padding: 32px;
}
.modal-iso-card .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.mini-iso-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 12px;
  max-height: 164px;
}
.mini-iso-card h3 {
  color: var(--Texts-primary, #1a1a1a);
  text-align: center;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 12px;
}
.mini-iso-card .subtitle {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}

.mini-iso-card p {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}
.modal-iso-card .carousel-control-next,
.modal-iso-card .carousel-control-prev {
  display: block;
  position: static;
}

.modal-iso-card .carousel-indicators {
  display: flex;
  position: static;
  margin-bottom: 24px;
}

.modal-iso-card .carousel-indicators [data-bs-target] {
  border: 2px solid #808080;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: all 0.5s ease;
}

.modal-iso-card .carousel-indicators .active {
  background-color: #8137f2;
  border: 2px solid #8137f2;
  transition: all 0.5s ease;
}

.modal-iso-card .carousel-control-next {
  width: 100%;
  border-radius: 16px;
  border: 1px solid white;
  background: var(--Buttons-Terteary-Default-fill, #1a1a1a);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  padding: 8px;
  max-width: 144px;
  opacity: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-iso-card .carousel-control-prev {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #672cc2;
  background: var(--Buttons-Secondary-Default-fill, #fff);
  color: var(--Buttons-Secondary-Default-text, #672cc2);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  padding: 8px;
  max-width: 144px;
  opacity: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.modal-iso-card .iso-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.help-center {
  text-align: center;
  padding: 56px 80px;
}

.help-center__title {
  color: var(--Icon-primary, #1a1a1a);
  text-align: center;
  font-family: var(--open);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 24px;
}

.help-center__search {
  display: flex;
  justify-content: center;
  margin-bottom: 56px;
}

.help-center__search-box {
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #bdbdbd;
  background: #fff;
  padding: 10px 15px;
  width: 100%;
  max-width: 600px;
}
.help-center__search-box::placeholder {
  color: #8e8e8e;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.112px;
}

.help-center__search-icon {
  margin-right: 10px;
}

.help-center__search-input {
  border: none;
  outline: none;
  width: 100%;
  font-size: 16px;
  color: var(--gray-600);
}

.help-center__options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  justify-content: center;
  margin-bottom: 56px;
}

.help-center__card {
  padding: 40px 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: var(--Backgrounds-terteary, #f7f7f8);
  min-height: 217px;
  transition: all 0.5s ease;
}

.help-center__card:hover {
  background-color: var(--gray-300);
  transition: all 0.5s ease;
}

.help-center__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 24px;
  border-radius: var(--XS, 8px);
  background: var(--Backgrounds-color, #e8ebfb);
  width: 48px;
  height: 48px;
  max-height: 48px;
  padding: 10px;
}

.help-center__text {
  color: #000;
  text-align: center;
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.help-center__button {
  display: flex;
  justify-content: center;
}

.help-center__btn {
  border-radius: 16px;
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Buttons-Primary-Default-fill, #8137f2);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-height: 48px;
  opacity: 1;
  transition: all 0.5s ease;
}

.help-center__btn:hover {
  opacity: 0.8;
  transition: all 0.5s ease;
}

/* Accesibilidad */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.footer {
  padding: 75px 64px;
  background-color: #161616;
  color: #fff;
  min-height: 547px;
}
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer a {
  font-family: var(--manrope) !important;
}

.footer__top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}

.footer__title {
  color: #fff;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 135%;
  max-width: 513px;
}

.footer__subscribe {
  display: flex;
  align-items: center;
}

.footer__input {
  width: 100%;
  min-width: 350px;
  padding: 12px;
  border-radius: 16px 0px 0px 16px;
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: var(--Color-Neutrals-Base-White, #fff);
  min-height: 48px;
}

.footer__input::placeholder {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.footer__btn {
  padding: 12px 16px;
  border-radius: 0px var(--S-M, 16px) var(--S-M, 16px) 0px;
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Buttons-Primary-Default-fill, #8137f2);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  transition: background-color 0.3s ease;
  min-height: 48px;
}

.footer__btn:hover {
  background-color: #6b21a8;
}

.footer__middle-row {
  display: flex;
  justify-content: space-between;
  gap: auto;
  margin-bottom: 48px;
}

.footer__logo-social {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 320px;
}

.footer__logo {
  height: 50px;
}

.footer__info-columns {
  display: flex;
  gap: 25px;
  max-width: 800px;
}

.footer__column {
  flex: 1;
}

.footer__subtitle {
  color: #fff;
  font-family: var(--roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: 0.3px;
}
.footer__subtitle.first {
  color: #fff;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.footer__contact-btn {
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Buttons-Terteary-Default-stroke, #fff);
  background: var(--Buttons-Terteary-Default-fill, #1a1a1a);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 48px;
  transition: all 0.5s ease;
}
.footer__contact-btn:hover {
  background: #fff;
  color: #1a1a1a;
  transition: all 0.5s ease;
  border: 1px solid #1a1a1a;
}
.footer__contact-btn:hover svg path {
  stroke: black;
}

.footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__links li {
  margin-bottom: 8px;
}
.footer__links li a {
  color: #fff;
  font-family: var(--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 250%;
  letter-spacing: 0.3px;
}

.footer__divider {
  opacity: 1;
  border-color: #fff;
  margin-bottom: 24px;
}

.footer__bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__copy {
  color: #fff;
  font-family: var(--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.footer__legal-links {
  display: flex;
  gap: 24px;
}

.footer__legal-links a {
  color: #fff;
  font-family: var(--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}

.footer__legal-links a:hover {
  text-decoration: underline;
}

/* Header Mobile */
.navbar__mobile {
  display: none;
  align-items: center;
  gap: 100px;
  position: relative;
  z-index: 99;
}

.navbar__mobile-search {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dropdown-toggle::after {
  display: none;
}
.mobile-arrow {
  position: relative;
  bottom: 2px;
}
/* --- Menú Mobile --- */
.menu_mobile {
  position: fixed;
  top: 59px;
  left: 0;
  width: 100%;
  height: 100vh;
  background: white;
  transform: translateY(-200%);
  transition: transform 0.7s ease;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  z-index: 9;
}

.menu__content {
  width: 100%;
  max-width: 100%;
  padding: 16px;
}

.menu__btn {
  width: 100%;
  cursor: pointer;
  margin-bottom: 12px;
  border-radius: 16px;
  border: 1px solid var(--Buttons-Secondary-Default-stroke, #672cc2);
  background: var(--Buttons-Secondary-Default-fill, #fff);
  color: var(--Buttons-Secondary-Default-text, #672cc2);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  transition: all 0.5s ease;
}
.menu__btn:hover {
  background: rgba(242, 235, 254, 1);
  transition: all 0.5s ease;
}

.menu__btn--black {
  background: #1a1a1a;
  color: white;
  margin-bottom: 0;
}
.menu__btn--black:hover {
  background: #1a1a1a;
}

.menu__list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.menu__item {
  padding: 14px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.menu__arrow {
  font-size: 18px;
}

/* --- Estados del Menú --- */
.menu--open {
  transform: translateY(0);
  transition: transform 0.5s ease;
}

.no-scroll {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#icon-open {
  cursor: pointer;
}

#icon-close {
  cursor: pointer;
  display: none;
}

.submenu__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.submenu__item {
  border-bottom: 1px solid #ddd;
}

.accordion-header {
  width: 100%;
  background: #e8ebfb;
  padding: 13px 16px;
  text-align: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  border-left: 4px solid transparent;
}

.accordion-content {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 0; /* Oculto por defecto */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.accordion-item.active .accordion-content {
  transition: max-height 0.3s ease;
  max-height: 500px; /* Ajusta según contenido, pero debe ser suficiente */
}
.accordion-item .accordion-header svg {
  transform: rotate(0deg);
  transition: all 0.5s ease;
}
.accordion-item.active .accordion-header svg {
  transform: rotate(180deg);
  transition: all 0.5s ease;
}
.accordion-item.active .accordion-header {
  background: var(--Buttons-Primary-Default-fill, #8137f2);
  color: white;
}
.accordion-item.active .accordion-header svg path {
  stroke: white;
}

.accordion-content li {
  border-top: 1px solid #eee;
}

.accordion-content a {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  color: #333;
}

.accordion-content a:hover {
  background: #f8f8f8;
}

.icon-left {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.icon-right {
  width: 16px;
  height: 16px;
  margin-left: auto;
}

.accordion-text {
  flex: 1;
}
.accordion-text p {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}

.accordion-text p:first-child {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  margin: 0;
}
.dropdown-menu.show {
  width: fit-content;
  padding: 10px 20px;
  z-index: 9991;
  left: -40px;
  margin: 0;
  min-width: 100px;
  min-height: 60px;
  display: flex;
  align-items: center;
}
.dropdown-menu.show li {
  height: 100%;
  width: fit-content;
}
.dropdown-menu.show a {
  width: fit-content;
  padding: 0;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.dropdown-menu.show a:hover {
  background-color: transparent;
  color: #0000006c;
  transition: all 0.5s ease;
}

/* Servicios */
/* Contenedor principal */
.custody {
  padding: 45px 16px;
  min-height: 400px;
  text-align: center;
  color: #fff;
}

/* Fondo absoluto */
.custody__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.custody__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Contenedor interno */
.custody__container {
  max-width: 1100px;
  margin: 0 auto;
}

/* Título */
.custody__title {
  color: #fff;
  text-align: center;
  font-family: var(--open);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 16px;
}

/* Descripción */
.custody__description {
  color: #fff;
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}

/* Sección de estadísticas */
.custody__stats {
  display: flex;
  justify-content: center;
  gap: 13px;
}

/* Tarjetas de estadísticas */
.custody__stat {
  background: rgba(255, 255, 255, 0.15); /* Opacidad */
  padding: 1.5rem;
  border-radius: 10px;
  flex: 1;
  min-width: 180px;
  max-width: 250px;
  text-align: center;
}

/* Números */
.custody__stat-value {
  display: block;
  color: var(--Primary-white, #fff);
  font-family: var(--manrope);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 138%;
}

/* Etiqueta */
.custody__stat-label {
  color: var(--Primary-white, #fff);
  text-align: center;
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
/* Services */
.dcv-sidebar-section {
  padding: 48px 64px;
  display: flex;
  gap: 19px;
}

.dcv-sidebar {
  width: 365px;
  min-width: 365px;
  min-height: 100vh;
  background: white;
}
.dcv-sidebar.mobile {
  display: none;
}

.dcv-aside-box {
  position: sticky;
  top: 77px;
  height: auto;
  width: 100%;
  border-radius: 0px var(--S, 8px) var(--S, 8px) 0px;
  border-top: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  border-right: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  border-bottom: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: var(--Color-Primary-Black-and-gray-White, #fff);
  padding: 32px 20px 32px 40px;
  /* shadow-hover */
  box-shadow: 0px 0px 8px 0px rgba(35, 23, 61, 0.1);
}
.dcv-sidebar.mobile .dcv-aside-box {
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.dcv-sidebar__title {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

.dcv-sidebar__divider {
  border: none;
  border-top: 1px solid #848484;
  margin: 10px 0;
}

.dcv-sidebar__subtitle {
  color: var(--Color-Primary-Black-and-gray-Black-2, #6b7280);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 190%;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* 🎯 Estilos del Acordeón */
.dcv-sidebar__accordion {
  transition: background 0.3s ease;
}

.dcv-sidebar__accordion-header {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s ease;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 16px;
  border-radius: 8px 8px 0 0;
}
.dcv-sidebar.mobile .dcv-sidebar__accordion-header {
  border: 1px solid #e5e5e5;
  border-radius: 8px !important;
}

/* 🔄 Rotación del icono cuando el acordeón está abierto */
.dcv-sidebar__accordion-header .dcv-sidebar__icon svg path {
  transition: all 0.5s ease;
  fill: black;
}
.dcv-sidebar__accordion-header[aria-expanded="false"] .dcv-sidebar__icon {
  transition: all 0.5s ease;
  transform: rotate(0deg);
}

.dcv-sidebar__accordion-header[aria-expanded="true"] .dcv-sidebar__icon {
  transition: all 0.5s ease;
  transform: rotate(180deg);
}

.dcv-sidebar__accordion-header[aria-expanded="true"] .dcv-sidebar__icon svg path {
  transition: all 0.5s ease;
  fill: white;
}

/* 🟣 Cuando el acordeón está abierto, el fondo es morado y el texto blanco */
.dcv-sidebar__accordion-header[aria-expanded="true"] {
  background: #672cc2;
  color: white;
}

.dcv-sidebar__accordion-body {
  padding: 0px 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  background: white;
  border-radius: 0px 0px 8px 8px;
  background: var(--Backgrounds-secondary, #fff);
}
.dcv-sidebar__accordion-header[aria-expanded="true"] + .dcv-sidebar__accordion-body {
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
}
.dcv-sidebar.mobile .dcv-sidebar__accordion-body {
  margin: 10px 0;
  border-radius: 8px;
  padding: 0;
}

.dcv-sidebar__accordion-body a {
  margin-top: 10px;
  width: 100%;
  display: block;
  padding: 10px 16px;
  text-decoration: none;
  transition: background 0.3s ease;
  color: var(--Texts-primary, #1a1a1a);
  /* Body/Medium */
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

/* 🟣 Subitem activo */
.dcv-sidebar__item--active {
  border-radius: var(--XXS, 4px);
  border-left: 6px solid var(--Color-Primary-Purple-Purple-400, #9a5ff5);
  background: var(--Color-Primary-Purple-Purple-100, #f2ebfe);
  font-weight: 600 !important;
}

/* MEgaCArds */
.dcv-card {
  background: white;
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(35, 23, 61, 0.1);
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
}
.dcv-card.modal__card {
  box-shadow: none;
  border: none;
}
.dcv-card.modal__card .dcv-card__accordions {
  display: block;
}

.dcv-card.modal__card .dcv-card__accordion {
  padding: 8px 0;
}
.dcv-card.modal__card .dcv-card__actions {
  padding: 0px 16px;
  display: block;
}
.dcv-card.modal__card .dcv-card__action {
  margin-bottom: 16px;
}

.dcv-card__header {
  display: flex;
  align-items: center;
  gap: 24px;
  border-radius: var(--S-M, 16px) var(--S-M, 16px) 0px 0px;
  background: var(--Color-Primary-Black-and-gray-Gray-2, #f6f4f9);
  padding: 32px 45px 48px 45px;
}

.dcv-card__icon {
  min-width: 64px;
  width: 64px;
  height: 64px;
  background: var(--Color-Primary-Light, #f0f0ff);
  border-radius: 8px;
}

.dcv-card__content {
  flex: 1;
}

.dcv-card__title {
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  font-family: var(--manrope);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 138%;
  margin-bottom: 16px;
}

.dcv-card__description {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.dcv-card__button {
  display: flex;
  height: 48px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #fff;
  background: #1a1a1a;

  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  transition: all 0.5s ease;
}
.dcv-card__button:hover {
  background-color: white;
  border: 1px solid black;
  color: black;
  transition: all 0.5s ease;
}
.dcv-card__button.show-more {
  color: var(--Buttons-Secondary-Default-text, #672cc2);

  gap: 8px;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Buttons-Secondary-Default-stroke, #672cc2);
  background: var(--Buttons-Secondary-Default-fill, #fff);
  mix-blend-mode: luminosity;
}

.dcv-card__accordions {
  margin-top: 16px;
  padding: 32px 45px 24px 45px;
}
.dcv-card__button.show-more:hover {
  opacity: 0.8;
  transition: all 0.5s ease;
}

.dcv-card__accordion {
  border-bottom: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
}

.dcv-card__accordion-header {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding: 12px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.dcv-card__accordion-body {
  font-size: 14px;
  color: #666;
  max-height: 0;
  transition: all 0.5s ease;
  overflow: hidden;
}

.dcv-card__accordion-body p {
  min-height: 80px;
}

.dcv-card__accordion-icon {
  transition: all 0.5s ease;
}

/* Estilos de las acciones */
.dcv-card__actions {
  display: flex;
  gap: 24px;
  padding: 0 45px 80px 45px;
}

.dcv-card__action {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: var(--S, 12px);
  border: 1px solid var(--Color-Primary-Black-and-gray-Gray-1, #d9d9d9);
  background: #fff;
  padding: 20px 24px;
  transition: all 0.5s ease;
}
.dcv-card__action:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.dcv-card__action:hover svg circle {
  fill: rgb(72 97 225);
  transition: all 0.5s ease;
}
.dcv-card__action:hover svg path {
  fill: white;
  transition: all 0.5s ease;
}

.dcv-card__action-icon {
  min-width: 72px;
  width: 72px;
  height: 72px;
}

.dcv-card__action-title {
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 4px;
}

.dcv-card__action-description {
  color: var(--text-header-secondary, #2d2d2d);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.dcv-card__action-arrow {
  margin-left: auto;
}

/* Mega Menú de Búsqueda */
.search-mega-menu {
  position: fixed;
  top: 59px; /* Se ajustará dinámicamente con JS */
  left: 0;
  width: 100%;
  background: #f7f7f8; /* No hay backdrop oscuro */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-200%);
  transition: transform 0.5s ease;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 16px 24px 32px 0px;
  border-radius: 0px 0px var(--S-M, 16px) var(--S-M, 16px);
}

.search-mega-menu__container {
  width: 100%;
  max-width: 860px;
  background: #f7f7f8;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  margin-top: 20px;
}

/* Botón de cerrar en la esquina superior derecha */
.search-mega-menu__close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #666;
}

.search-mega-menu__header {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.search-mega-menu__input {
  flex: 1;
  padding: 10px 15px;
  font-size: 16px;
  border: 1px solid #e8e8ef;
  border-radius: 20px 0 0 20px;
  outline: none;
}

.search-mega-menu__button {
  width: 64px;
  height: 46px;
  max-height: 46px;
  background: #8137f2;
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
  font-size: 16px;
}

.search-mega-menu__content {
  margin-top: 15px;
}

.search-mega-menu__title {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);

  /* Body/Medium */
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 8px;
}

.search-mega-menu__list {
  list-style: none;
  padding: 0;
}

.search-mega-menu__list li {
  margin-bottom: 8px;
}

.search-mega-menu__list a {
  text-decoration: none;
  color: var(--Buttons-Terteary-Active-text, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.search-mega-menu__list a:hover {
  text-decoration: underline;
}

.item_search_custom p {
  color: #333;
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.item_search_result {
  display: flex;
  align-items: center;
  gap: 8px;
}
.item_search_result svg path {
  fill: #8137f2;
}
.item_search_result span {
  color: #8137f2;
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Estilos base */
.toggle-container {
  min-width: 500px;
  width: fit-content;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 4px;
  margin: 40px 0;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: var(--Backgrounds-terteary, #f7f7f8);
}

.toggle-btn {
  flex: 1;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  transition: 0.3s;
  border-radius: 6px;
  max-width: 228px;
  padding: 10px;
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

.toggle-btn.active {
  color: var(--Buttons-Terteary-Default-text, #fff);
  border-radius: var(--XS, 8px);
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Buttons-Primary-Default-fill, #8137f2);
}

/* Contenedor del contenido */
.content {
  margin-top: 20px;
  padding: 0 64px;
}

.content .wrapper_custom {
  display: none;
}

.content .wrapper_custom.active {
  display: block;
}
.custom-search-wrapper {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.custom-search {
  width: 100%;
  display: flex;
  align-items: end;
  gap: 16px;
  background: #fff;
  padding: 0 64px;
  overflow-x: auto;
}

.custom-search__group,
.custom-select {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  min-width: 245px;
  max-width: 300px;
}

.custom-search__input-wrapper,
.custom-select__input-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--Color-Primary-Black-and-gray-Gray-border, #b7b6c3);
  padding-left: 12px;
}

.custom-search__input,
.custom-select__input {
  width: 100%;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  outline: none;
  width: 100%;
  min-height: 42px;
  padding: 0;
}

.custom-search__group label,
.custom-select__label {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.custom-search__button {
  border-radius: 0px var(--XS, 8px) var(--XS, 8px) 0px;
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Buttons-Primary-Default-fill, #8137f2);
  color: #fff;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  min-height: 42px;
}

.custom-select__icon {
  padding-right: 8px;
}
.news-container {
  max-width: 1440px;
  margin: auto;
  padding: 0 64px;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(415px, 1fr));
  gap: 16px;
}

.notice-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s;
}

.notice-card:hover {
  transform: translateY(-3px);
}

.news-card__image {
  width: 100%;
  height: auto;
  min-height: 270px;
  max-height: 270px;
  object-fit: cover;
}

.news-card__content {
  padding: 16px;
}

.news-card__title {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;

  display: -webkit-box;
  -webkit-line-clamp: 2; /* Máximo 2 líneas */
  -webkit-box-orient: vertical;
  margin-bottom: 16px;
}

.news-card__text {
  overflow: hidden;
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  text-overflow: ellipsis;
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  margin-bottom: 20px;
}

.news-card__date {
  color: var(--Color-Primary-Black-and-gray-Black-2, #6b7280);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.custom-pagination {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  font-size: 14px;
  margin: 42px 0;
}

.custom-pagination__select {
  width: 90px;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
}

.custom-pagination__info {
  font-size: 14px;
  color: #555;
}

.custom-pagination__button {
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}

.custom-pagination__button--prev:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* Contenedor responsivo para la tabla */
.custom-table-wrapper {
  width: 100%;
  overflow-x: auto; /* Permite scroll horizontal en pantallas pequeñas */
  padding-bottom: 10px; /* Espacio para evitar que la barra de scroll quede oculta */
}
.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 800px;
}

.custom-table__head {
  background: #e8ebfb;
}

.custom-table__header {
  padding: 12px;
  font-weight: bold;
  color: var(--Texts-primary, #1a1a1a);

  /* Body/Medium */
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
}

.custom-table__body {
  background: #fff;
}

.custom-table__row:nth-child(even) {
  background: #f9f9fa;
}

.custom-table__cell {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 158%;
  padding: 12px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.custom-table__document-column {
  text-align: left;
  width: 340px; /* Fuerza el ancho en toda la columna */
  max-width: 340px;
  white-space: normal;
  word-wrap: break-word;
}

.custom-table__icon-column {
  width: 40px;
  text-align: center;
}

.custom-table__icon {
  width: 24px;
  height: 24px;
}

.custom-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Color-Primary-Black-and-gray-Black-2, #6b7280);
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  text-align: center;
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--M-L, 24px); /* 150% */
  min-width: 220px;
}

.custom-badge--blue {
  min-width: 100px;
  border: 1px solid transparent;
  border-radius: var(--L, 28px);
  background: #eef2ff;
  color: rgba(16, 34, 131, 1);
}

.custom-badge--pink {
  min-width: 100px;
  border: 1px solid transparent;
  border-radius: var(--L, 28px);
  background: #f9e6f9;
  color: rgba(142, 40, 137, 1);
}

.custom-badge__bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 50%;
  margin-right: 6px;
}

.custom-table__action-column {
  width: 100px;
}

.custom-button {
  min-width: 84px;
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  padding: 6px 8px;
  color: var(--Buttons-Secondary-Default-text, #672cc2);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: var(--XS, 8px);
  border: 1px solid var(--Buttons-Secondary-Default-stroke, #672cc2);
  background: var(--Buttons-Secondary-Default-fill, #fff);
  transition: 0.3s;
}
.custom-button:hover {
  border: 1px solid #43276d;
  background: #f2ebfe;
  color: #43276d;
}
.custom-button:hover svg path {
  stroke: #43276d;
}

.custom-button__icon {
  font-size: 16px;
}
.banner__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #fff;
  background: #111;
  padding: 8px 12px;
  border-radius: 6px;
  margin-top: 12px;
  width: fit-content;
}

.banner__date,
.banner__views {
  font-weight: 400;
}

.banner__separator {
  opacity: 0.6;
}

.banner__icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
}
/* Sección principal */
.content-section {
  max-width: 800px;
  margin: auto;
  margin-top: 20px;
  padding: 20px;
  font-size: 14px;
  color: #333;
}
.content-section.full {
  max-width: 100%;
  margin: 0;
  padding: 40px 64px;
}
.content-section.full .custom-table-wrapper {
  margin-top: 32px;
}

.content-section.full .custom-table__head {
  background-color: #f2ebfe;
}

.boletin-banner__text {
  color: var(--Color-Primary-Black-and-gray-White, #fff);
  text-align: center;
  font-family: var(--manrope);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  max-width: 600px;
}

/* Tiempo de lectura */

.content-section__reading-time {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}

/* Títulos y párrafos */
.content-section__title {
  color: var(--Texts-primary, #1a1a1a);
  text-align: justify;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px;
}

.content-section__paragraph {
  color: var(--Texts-primary, #1a1a1a);

  /* Body/Regular */
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 12px;
  text-align: justify;
}

/* Tarjetas de módulos */
.content-section__modules {
  margin-top: 20px;
}

.module-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: var(--Backgrounds-terteary, #f7f7f8);
  padding: 12px 16px;
  margin-bottom: 12px;
  min-height: 149px;
}

.module-card__content {
  flex: 1;
}

.module-card__title {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 4px;
}

.module-card__description {
  color: var(--text-header-secondary, #2d2d2d);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 158%;
  margin-bottom: 28px;
  max-width: 421px;
}
.module-card__date {
  color: #000;
  font-family: var(--roboto);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  display: flex;
  align-items: center;
  gap: 4px;
}

.module-card__button {
  text-decoration: none;
  padding: 8px 16px;
  transition: 0.3s;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Buttons-Primary-Default-fill, #8137f2);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}

.module-card__button:hover {
  background: #53167b;
}

.module-card__time {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Contenido a revisar */
.content-section__review {
  margin-top: 20px;
}

.content-section__subtitle {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px;
}

.content-section__list {
  list-style-type: disc;
  padding-left: 20px;
}

.content-section__item {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 6px;
}
.content-section__social-media {
  display: flex;
  align-items: center;
  gap: 8px;
}
.social-media-box {
  width: 30px;
  height: 30px;
  border-radius: 64px;
  background: var(--Color-Secondary-Blue-Blue-100, #e8ebfb);
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-banner {
  width: 100%;
  background: #e8ebfb; /* Color de fondo */
  padding: 12px;
  text-align: center;
  min-height: 144px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contact-banner__text {
  color: var(--Texts-primary, #1a1a1a);
  text-align: center;
  font-family: var(--roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  margin-bottom: 10px;
}

.contact-banner__info {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.contact-banner__item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.contact-banner__icon {
  width: 16px;
  height: 16px;
}
.boletin-banner {
  width: 100%;
  background: linear-gradient(135deg, #1a0142, #460c6f);
  color: #fff;
  text-align: center;
  padding: 40px 20px;
  min-height: 280px;
  display: flex;
  align-items: center;
}

.boletin-banner__container {
  max-width: 900px;
  margin: auto;
}

.boletin-banner__tag {
  display: inline-block;
  padding: 4px 16px;
  color: var(--Color-Neutrals-Base-White, #fff);
  text-align: center;
  font-family: var(--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 28px;
  border-radius: 24px;
  border: 1px solid var(--Buttons-Primary-Active-icon, #fff);
  background: rgba(255, 255, 255, 0.15);
}

.boletin-banner__title {
  color: var(--Icon-secondary, #fff);
  text-align: center;
  font-family: var(--roboto);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 41.6px */
  margin: 12px 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
}
.boletin-banner__title.big {
  color: var(--Color-Primary-Black-and-gray-White, #fff);
  text-align: center;
  font-family: var(--open);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 16px;
}
.boletin-banner__date {
  color: var(--Texts-secondary, #fff);
  font-family: var(--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.112px;
}

.boletin-banner__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  opacity: 0.8;
}

.boletin-banner__separator {
  opacity: 0.6;
}

.boletin-banner__views {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--Texts-secondary, #fff);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.112px;
}

.boletin-banner__icon {
  width: 16px;
  height: 16px;
}
.alert-box {
  display: flex;
  align-items: center;
  gap: 24px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  margin: 20px auto;
}

.alert-box__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
}

.alert-box__text {
  color: #000;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.webinar-banner {
  width: 100%;
  background: #111;
  color: #fff;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.webinar-banner__container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0 64px;
}

.webinar-banner__content {
  flex: 1;
}

.webinar-banner__title {
  color: var(--Texts-secondary, #fff);
  font-family: var(--roboto);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 41.6px */
  max-width: 500px;
}

.webinar-banner__info {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  opacity: 0.8;
}

.webinar-banner__date,
.webinar-banner__time {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--Texts-secondary, #fff);
  font-family: var(--roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.webinar-banner__icon {
  width: 16px;
  height: 16px;
}

.webinar-banner__speaker {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 19px;
  margin-bottom: 48px;
}

.webinar-banner__speaker img {
  width: 105px;
  height: 105px;
}

.webinar-banner__image {
  border-radius: 17px;
  margin-bottom: 8px;
}

.webinar-banner__speaker-info {
  font-size: 14px;
  margin-bottom: 12px;
}

.webinar-banner__speaker-name {
  color: var(--Texts-secondary, #fff);
  font-family: var(--roboto);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}

.webinar-banner__speaker-role {
  color: var(--Texts-secondary, #fff);
  font-family: var(--roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  text-align: left;
}

.webinar-banner__button {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  transition: 0.3s;
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Buttons-Terteary-Default-stroke, #fff);
  background: var(--Buttons-Terteary-Default-fill, #1a1a1a);
  padding: 8px 16px;
}

.webinar-banner__button:hover {
  background: rgba(255, 255, 255, 0.2);
}

.webinar-banner__button-icon {
  width: 14px;
  height: 14px;
}
.customer-platforms {
  width: 100%;
  display: flex;
  gap: 50px;
  padding: 0 64px;
  min-height: 100vh;
  margin-top: 45px;
}

/* Sidebar */
.customer-platforms__sidebar {
  width: 346px;
  border-radius: 8px;
  padding: 16px;
  position: sticky;
  top: 20px;
  height: fit-content;
  border-radius: 0px var(--S, 8px) var(--S, 8px) 0px;
  border-top: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  border-right: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  border-bottom: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: var(--Color-Primary-Black-and-gray-White, #fff);

  /* shadow-hover */
  box-shadow: 0px 0px 8px 0px rgba(35, 23, 61, 0.1);
}

.customer-platforms__title {
  color: var(--Color-Primary-Black-and-gray-Black-2, #6b7280);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 192%;
  text-transform: uppercase;
  margin-bottom: 12px;
  word-wrap: break-word;
}

.customer-platforms__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.customer-platforms__item {
  padding: 12px;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.3s ease;
  margin: 4px 0;
}
.customer-platforms__item:hover {
  background: #e1dfe4;
}

.customer-platforms__item--active {
  border-radius: var(--XS, 8px);
  background: var(--Color-Primary-Purple-Purple-600, #672cc2);
  color: white;
  font-weight: 600;
}

/* Contenido */
.customer-platforms__content {
  flex: 1;
}

.customer-platforms__header {
  color: #2d2d2d;
  font-feature-settings: "liga" off, "clig" off;
  font-family: var(--manrope);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 168%;
  margin-bottom: 8px;
}

.customer-platforms__description {
  color: var(--text-header-secondary, #2d2d2d);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 24px;
}

.customer-platforms__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

.customer-platforms__card {
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.customer-platforms__card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
}
.customer-platforms__card:hover svg circle {
  fill: rgb(72 97 225);
  transition: all 0.5s ease;
}
.customer-platforms__card:hover svg path {
  fill: white;
  transition: all 0.5s ease;
}

.customer-platforms__icon {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}

.customer-platforms__card-title {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 8px;
  word-wrap: break-word;
}

.customer-platforms__card-text {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 143%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* Máximo 3 líneas */
  -webkit-box-orient: vertical;
}

.customer-platforms__card-link {
  position: static;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.3s ease;
  margin-top: 10px;
}

.customer-platforms__card-link:hover {
  background: #e0e0e0;
}

.dcv-sidebar__accordion-body.mobile a {
  display: flex;
  justify-content: end;
  padding: 0;
  background-color: transparent;
}

.dcv-sidebar__accordion-body.mobile .customer-platforms__card {
  margin: 10px 0;
  padding: 8px;
}

.lower-card {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.customer-info-box {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(35, 23, 61, 0.1);
  margin: 20px 0;
}

.customer-info-box__icon {
  flex-shrink: 0;
}

.customer-info-box__text {
  color: var(--text-header-secondary, #2d2d2d);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
}

.customer-info-box__link {
  color: #000dff;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.customer-info-box__link:hover {
  text-decoration: underline;
}

/* Contenedor principal */
.customer-documents {
  width: 100%;
  padding: 40px 64px;
}
.customer-documents .custom-search-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.customer-documents table {
  margin-top: 32px;
}

/* 📌 Estilos de los Tabs */
.customer-documents__tabs {
  display: flex;
  justify-content: start;
  gap: 8px;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 10px;
  margin-bottom: 24px;
}

.customer-documents__tab {
  min-width: fit-content;
  width: 100%;
  padding: 10px 20px;
  font-family: var(--manrope);
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--XXXL, 40px);
  border: 1px solid var(--Color-Neutrals-Scale-Gray-700, #808080);
  background: #fff;
  cursor: pointer;
  transition: background 0.3s, border 0.3s;
  transition: all 0.5s ease;
}
.customer-documents__tab:hover {
  background-color: rgb(242 235 254);
  border: 1px solid rgb(154 95 245);
  transition: all 0.5s ease;
}

.customer-documents__tab--active {
  border-radius: var(--XXXL, 40px);
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Color-Primary-Purple-Purple-500, #8137f2);
  color: var(--Icon-secondary, #fff);
}

/* 📌 Contenedor de la tabla */
.customer-documents__content {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* 📌 Tablas */
.customer-documents__table {
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
}

/* 📌 Thead */
.customer-documents__table thead {
  background-color: #f2ebfe;
}

.customer-documents__table th {
  padding: 12px;
  font-family: var(--manrope);
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: left;
}

/* 📌 Columnas específicas */
.customer-documents__icon-column {
  width: 50px;
  text-align: center;
}

.customer-documents__doc-title {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  margin-bottom: 4px;
}

.customer-documents__doc-desc {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}

.customer-documents__table-date {
  width: 15%;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #171717;
}

/* 📌 Espacio reservado para iconos */
.customer-documents__table-download,
.customer-documents__table-preview {
  width: 60px;
  text-align: center;
}

/* 📌 Filas */
.customer-documents__table tbody tr {
  border-bottom: 1px solid #e5e7eb;
  transition: background 0.2s ease-in-out;
}

.customer-documents__table tbody tr:hover {
  background: #fafafa;
}

/* 📌 Celdas del cuerpo */
.customer-documents__table td {
  padding: 16px;
  font-family: var(--manrope);
  font-size: 14px;
  color: #1a1a1a;
  vertical-align: middle;
}

/* 📌 Botones de Acción */
.customer-documents__action-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #808080;
  border-radius: 8px;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.customer-documents__action-btn:hover {
  background: #e5e7eb;
}
/* 📌 Alineación de columnas específicas */
.customer-documents__table th:nth-child(3),
.customer-documents__table td:nth-child(3), /* Fecha */
.customer-documents__table th:nth-child(4),
.customer-documents__table td:nth-child(4), /* Descargar */
.customer-documents__table th:nth-child(5),
.customer-documents__table td:nth-child(5) /* Previsualizar */ {
  text-align: center;
}
/* 📌 Filas alternas con fondo */
.customer-documents__table tbody tr:nth-child(even) {
  background-color: #f9f9fa;
}
.pdf-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--margin-xs, 4px);
  background: var(--Color-Secondary-Blue-Blue-100, #e8ebfb);
  display: flex;
  justify-content: center;
  align-items: center;
}

.boletin-banner__subtitle {
  color: #fff;
  text-align: center;
  font-family: var(--manrope);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  margin-bottom: 20px;
}
.button-detail-notice {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  padding: 40px 0;
}

.button-detail-notice button {
  display: flex;
  min-height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Color-Primary-Purple-Purple-600, #672cc2);
  background: var(--Buttons-Primary-Default-fill, #8137f2);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
}
.boletin-banner__button-help {
  color: var(--Buttons-Secondary-Default-text, #672cc2);
  font-family: var(--roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Buttons-Secondary-Default-stroke, #672cc2);
  background: var(--Buttons-Secondary-Default-fill, #fff);
  display: flex;
  min-height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-width: fit-content;
  margin: 12px auto;
  text-decoration: none;
}
.comercial-banner {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 64px;
  margin-bottom: 48px;
}

.comercial-banner__container {
  position: relative;
  width: 100%;
  min-height: 280px;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 24px;
  overflow: hidden;
}

.comercial-banner__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.comercial-banner__content {
  position: relative;
  z-index: 2;
}

.comercial-banner__title {
  color: #fff;
  text-align: center;
  font-family: var(--open);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 16px;
}

.comercial-banner__description {
  color: #fff;
  text-align: center;
  font-family: var(--manrope);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  max-width: 70%;
  margin: 0 auto;
}

/* Form */
.contact-form {
  max-width: 800px;
  margin: auto;
  font-family: Arial, sans-serif;
  padding-bottom: 64px;
}

.contact-form__title {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 32px;
}

.contact-form__row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.contact-form__group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.contact-form__group label {
  color: #272727;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 5px;
}

.contact-form__group input,
.contact-form__group textarea {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid var(--Color-Primary-Black-and-gray-Gray-border, #b7b6c3);
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
}

.contact-form__fieldset {
  background: #f9f9fa;
  padding: 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 16px;
}
.contact-form__fieldset legend {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 20px;
}
.fieldset_wrapper {
  display: flex;
  align-items: center;
  gap: 46px;
}

.contact-form__radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.contact-form__contact-info {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 12px;
}
.contact-form__contact-info label {
  color: #272727;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 5px;
}

.contact-form__contact-info input {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid var(--Color-Primary-Black-and-gray-Gray-border, #b7b6c3);
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.contact-form__checkbox {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 300%;
}

.contact-form__submit {
  min-width: 154px;
  max-width: 154px;
  background: black;
  color: white;
  padding: 12px 16px;
  border-radius: 16px;
  border: 1px solid var(--Buttons-Terteary-Default-stroke, #fff);
  background: var(--Buttons-Terteary-Default-fill, #1a1a1a);
  color: var(--text-buttons-primary-default, #fff);
  font-family: var(--roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  transition: all 0.3s ease;
}
.contact-form__submit:hover {
  border: 1px solid black;
  background: white;
  color: black;
  transition: all 0.3s ease;
}
.form-switch {
  gap: 20px;
  margin-bottom: 24px;
}
.form-check-input {
  margin: 0 !important;
  position: static;
  padding: 0 !important;
}
.form-switch .form-check-input {
  width: 50px;
  height: 25px;
}

.required {
  color: red;
}
.contact-modal__icon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-modal__content {
  padding: 40px 32px;
  text-align: center;
}
.contact-modal__title {
  color: var(--Black-2, #535862);
  text-align: center;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  margin-bottom: 12px;
}
.contact-modal__message {
  color: #535862;
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 12px;
}
.contact-modal__reference {
  color: #535862;
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 12px;
}
.contact-modal__email {
  color: #535862;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 12px;
}
.contact-modal__email a {
  color: #304ef0;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.support-search-banner {
  position: relative;
  width: 100%;
  min-height: 280px;
  max-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Imagen de fondo posicionada detrás */
.support-search-banner__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.support-search-banner__container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 670px;
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.support-search-banner__title {
  color: var(--Color-Primary-Black-and-gray-White, #fff);
  text-align: center;
  font-family: var(--open);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  margin-bottom: 32px;
}

.support-search-banner__search {
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--Color-Neutrals-Scale-Gray-500, #e8e8ef);
  background: #fff;
  padding: 10px 16px;
  margin: 0 auto;
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
}

.support-search-banner__icon {
  font-size: 16px;
  margin-right: 10px;
  color: #6b7280;
}

.support-search-banner__input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  font-family: var(--manrope);
  color: #1a1a1a;
}

/* 📌 Sección principal */
.help-access {
  position: relative;
  background-color: #f9f9fa;
  padding: 60px 20px;
  overflow: hidden;
  z-index: 0;
}

/* 📌 Formas decorativas */
.help-access__shape {
  position: absolute;
  z-index: 1;
  width: auto;
  height: auto;
}

.help-access__shape--top-left {
  top: 0;
  left: 0;
}

.help-access__shape--bottom-right {
  bottom: 0;
  right: 0;
}

/* 📌 Contenedor de contenido */
.help-access__container {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

/* 📌 Título */
.help-access__title {
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  text-align: center;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  margin-bottom: 40px;
}

/* 📌 Grilla de cards */
.help-access__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(304px, 1fr));
  gap: 24px;
  justify-content: center;
}

/* 📌 Cards */
.help-access__card {
  border-radius: 12px;
  border: 1px solid var(--Color-Primary-Black-and-gray-Gray-1, #d9d9d9);
  background: #fff;
  padding: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 315px;
  transition: all 0.2s ease;
}
.help-access__card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}

/* 📌 Icono de la card */
.help-access__icon {
  width: 50px;
  height: 50px;
}

/* 📌 Título de la card */
.help-access__card-title {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  text-align: center;
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-top: 16px;
  margin-bottom: 8px;
}

/* 📌 Descripción de la card */
.help-access__card-desc {
  color: #000;
  text-align: center;
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}

/* 📌 Sección Principal */
.faq-section {
  width: 100%;
  padding: 40px 20px;
}

.faq-section__container {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
}

/* 📌 Sidebar de Tabs */
.faq-section__sidebar {
  width: 280px;
}

.faq-section__title {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 16px;
  line-height: 135%;
}

.faq-section__tabs {
  list-style: none;
  padding: 0;
}

.faq-section__tab {
  display: flex;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.3s;
  border-radius: 8px;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.faq-section__tab:hover {
  background: #f3f4f6;
}

.faq-section__tab--active {
  color: rgba(129, 55, 242, 1);
  font-weight: bold;
}

/* 📌 Icono de cada Tab */
.faq-section__icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 4px;
}

/* 📌 Contenedor de Contenido */
.faq-section__content {
  flex-grow: 1;
}

/* 📌 Header con título y buscador */
.faq-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.faq-section__main-title {
  color: #2d2d2d;
  font-family: var(--manrope);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}

.faq-section__search {
  display: flex;
  border-radius: 8px;
  border: 1px solid #bdbdbd;
  background: #fff;
  overflow: hidden;
  min-width: 50%;
}

.faq-section__search input {
  background: none;
  border: none;
  padding: 8px 12px;
  font-size: 14px;
  outline: none;
  width: 100%;
}

.faq-section__search-btn {
  min-width: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 12px;
}

/* 📌 Contenidos de los tabs */
.faq-section__panels {
  position: relative;
}

.faq-section__panel {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
}

.faq-section__panel--active {
  display: block;
}

/* 📌 Contenedor Principal */
.faq-accordion {
  width: 100%;
  margin: 0 auto;
}

/* 📌 Elemento del acordeón */
.faq-accordion__item {
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  background: #fff;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: 8px;
}

/* 📌 Header del acordeón (Botón) */
.faq-accordion__header {
  width: 100%;
  background: transparent;
  border: none;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  text-align: start;
}

/* 📌 Flecha del acordeón (SVG) */
.faq-accordion__icon {
  width: 32px;
  height: 32px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

/* 📌 Rotar la flecha cuando se abre */
.faq-accordion__item--active .faq-accordion__icon {
  transform: rotate(180deg);
}

/* 📌 Contenido del acordeón */
.faq-accordion__content {
  display: none;
  padding: 12px 16px;
  font-size: 14px;
  color: #333;
  background: #fafafa;
  border-top: 1px solid #e0e0e0;
}

/* 📌 Botón de Ver más / Ver menos */
.faq-accordion__toggle {
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 12px;
  display: block;
  text-align: right;
  width: 100%;
  color: var(--Buttons-Ghost-Default-text, #8137f2);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
}

/* 📌 Ocultar elementos extra inicialmente */
.faq-accordion__extra-items {
  display: block;
}
.custom-table__button {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border-radius: var(--XS, 8px);
  border: 1px solid var(--Color-Neutrals-Scale-Gray-700, #808080);
}

/* Canales de Atencion */

.info-section__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0;
  gap: 24px;
}

.info-section__column {
  flex: 1;
}

.info-section__title h2 {
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}

.info-section__title span {
  font-weight: normal;
}

.info-section__underline {
  width: 40px;
  height: 3px;
  background: purple;
  margin-top: 5px;
}

.info-section__subtitle {
  color: var(--Color-Primary-Black-and-gray-black---80, #171717);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  min-height: 48px;
}

.info-section__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.info-section__item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.info-section__icon {
  min-width: 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.info-section__text p {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.info-section__text p a {
  color: var(--Color-Primary-Black-and-gray-black--70, #3b3a3a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
}

.info-section__icon--purple {
  background: rgba(129, 55, 242, 1);
}

.info-section__icon--orange {
  background: rgba(242, 113, 28, 1);
}

.info-section__divider {
  width: 100%;
  height: 1px;
  background: #e0e0e0;
  margin: 20px 0;
}

.error-404 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  text-align: center;
  background: #fff;
}

.error-404__content {
  max-width: 700px;
}

.error-404__image {
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}

.error-404__title {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  text-align: center;
  font-family: var(--open);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 16px;
}

.error-404__description {
  color: var(--Color-Neutrals-Scale-Gray-900, #333);
  text-align: center;
  font-family: var(--manrope);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 16px;
}

.error-404__button {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
  border-radius: var(--S-M, 16px);
  border: 1px solid var(--Buttons-Terteary-Default-stroke, #fff);
  background: var(--Buttons-Terteary-Default-fill, #1a1a1a);
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
}

.error-404__button:hover {
  border: 1px solid black;
  background: white;
  color: black;
  transition: all 0.5s ease;
}
.error-404__button:hover svg path {
  stroke: black;
  transition: all 0.5s ease;
}
/* Botón flotante */
.scroll-indicator {
  position: fixed;
  bottom: 10%;
  transform: translateX(-50%);
  left: 46%;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 15px;
  color: black;
  box-shadow: 0 4px 6px rgba(1, 1, 1, 0.4);
  border-radius: 100px;
  border: 2px solid rgba(232, 232, 239, 0.5);
  background: var(--Buttons-Primary-Default-icon, #fff);
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.3s ease;
  animation: bounce 1.5s infinite ease-in-out;
  z-index: 999;
}

/* Ocultar el botón */
.scroll-indicator.hidden {
  opacity: 0;
  transform: translateX(-50%) translateY(20px);
  pointer-events: none;
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}
/* 📌 Animación */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#closeWrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 10px;
}
.floating-search {
  position: fixed;
  bottom: 60px;
  right: 20px;
  gap: 10px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.floating-search__message {
  color: black;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  border: 2px solid var(--Icon-terteary, #8137f2);
  background: var(--Backgrounds-terteary, #f7f7f8);
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.floating-search__message span {
  margin-right: 10px;
}

.floating-search__close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: var(--Color-Secondary-Blue-Blue-100, #e8ebfb);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.floating-search__button {
  width: 80px;
  height: 80px;
  background: #1fd2c7;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.floating-search__button img {
  width: 38px;
  height: 38px;
}
/* 📌 Contenedor principal del modal */
.search-modal__content {
  position: relative;
  padding: 32px 48px;
  text-align: center;

  margin: auto;
}

/* 📌 Botón de cierre */
.search-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
  border: none;
  cursor: pointer;
}

/* 📌 Ícono principal */
.search-modal__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 40px;
}

.search-modal__icon-circle {
  width: 80px;
  height: 80px;
  background-color: #24d6e5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 📌 Título y descripción */
.search-modal__title {
  color: var(--Texts-primary, #1a1a1a);
  text-align: center;
  font-family: var(--manrope);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 137%;
  margin-bottom: 16px;
}

.search-modal__description {
  color: var(--Texts-primary, #1a1a1a);
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}

/* 📌 Barra de búsqueda */
.search-modal__search-container {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto 20px;
}

.search-modal__search-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.search-modal__search-input {
  width: 100%;
  padding: 12px 15px 12px 40px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
}

/* 📌 Sección de categorías */
.search-modal__category-title {
  text-align: start;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 16px;
}

.search-modal__categories {
  display: flex;
  gap: 24px;
  justify-content: center;
}

/* 📌 Tarjetas de categoría */
.search-modal__category-card {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  transition: 0.3s ease;
}

.search-modal__category-card:hover {
  background: #edeafd;
}

/* 📌 Icono dentro de las tarjetas */
.search-modal__category-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--XS, 8px);
  background: var(--Buttons-Ghost-Default-icon, #8137f2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 10px;
}

.search-modal__category-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.search-modal__category-description {
  font-size: 14px;
  color: #666;
}
.buttons-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 📌 Opciones */
.info-modal__options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 0 auto 20px;
}

/* 📌 Cada opción */
.info-modal__option {
  display: flex;

  gap: 10px;
  padding: 12px;
  background: #f8f8f8;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s ease;
  font-size: 14px;
  min-height: 56px;
}

#modalServiceCategory .info-modal__option {
  flex-direction: column;
  justify-content: center;

  align-items: start;
}
.info-modal__option .text__wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.info-modal__option .text__description {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 143%;
  text-align: start;
}

.info-modal__option:hover {
  background: #edeafd;
}
/* 📌 Botón de volver */
.info-modal__back {
  position: absolute;
  top: 20px;
  left: 20px;
  background: transparent;
  border: none;
  cursor: pointer;
}

/* 📌 Ocultar input radio */
.info-modal__option input {
  display: none;
}

/* 📌 Estilo del círculo del radio */
.info-modal__radio {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 2px solid #555;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

.info-modal__option {
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

/* 📌 Efecto de selección */
.info-modal__option input:checked + .info-modal__radio {
  border-color: #672cc2;
}

.info-modal__option input:checked + .info-modal__radio::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #672cc2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 📌 Botón de continuar */
.info-modal__continue {
  background: #555;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 8px;
  cursor: not-allowed;
  transition: 0.3s ease;
}

.info-modal__continue.enabled {
  background: #672cc2;
  cursor: pointer;
}
.subscribe-modal__content {
  text-align: center;
  padding: 24px;
  position: relative;
}

.subscribe-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  background: #f3f3f3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}

.subscribe-modal__warning-icon {
  width: 40px;
  height: 40px;
  background: #ff6b00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
}

.subscribe-modal__title {
  color: var(--Icon-primary, #1a1a1a);
  text-align: center;
  font-family: var(--manrope);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 8px;
}

.subscribe-modal__description {
  color: var(--Texts-primary, #1a1a1a);
  text-align: center;
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}

.subscribe-modal__toggle {
  background: #f5f5f5;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 360px;
  margin: 0 auto 20px;
}

.subscribe-modal__toggle-container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.subscribe-modal__toggle-label {
  font-size: 14px;
  color: #333;
}

.subscribe-modal__button {
  width: 100%;
  max-width: 200px;
  background: black;
  color: white;
  padding: 12px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  color: var(--text-buttons-primary-default, #fff);
  font-family: var(--roboto);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
}
.heading__mobile {
  display: none;
}

.dcv-card__title {
  margin-bottom: 10px;
  min-height: auto !important;
  color: var(--Texts-primary, #1a1a1a);
  font-family: var(--manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.dcv-card__btnDocument {
  min-height: 36px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 30px;
  padding-bottom: 20px;
}
.dcv-card__btnDownload {
  min-height: 36px;
  color: var(--Buttons-Terteary-Default-text, #fff);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: var(--XS, 8px);
  border: 1px solid transparent;
  background: var(--Buttons-Primary-Default-fill, #8137f2);
  padding: 3px 15px;
  transition: all 0.5s ease;
}

.dcv-card__btnDownload:hover {
  background-color: #341662;
  transition: all 0.5s ease;
}
.dcv-card__btnView {
  min-height: 36px;
  color: var(--Buttons-Secondary-Default-text, #672cc2);
  font-family: var(--manrope);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border-radius: var(--XS, 8px);
  border: 1px solid var(--Buttons-Secondary-Default-stroke, #672cc2);
  background: var(--Buttons-Secondary-Default-fill, #fff);
  padding: 3px 15px;
  opacity: 1;
  transition: all 0.5s ease;
}
.dcv-card__btnView:hover {
  background: #edeafd;
  transition: all 0.5s ease;
}
@media (max-width: 1200px) {
  .dcv-sidebar {
    min-width: 280px;
  }
  .dcv-aside-box {
    padding: 16px;
  }
  .dcv-card__header {
    padding: 16px;
  }
  .dcv-card__accordions {
    padding: 16px;
  }
  .dcv-card__actions {
    padding: 40px 16px;
  }
  .dcv-card__action {
    padding: 16px;
  }
  .dcv-card__action-title {
    font-size: 14px;
  }
  .dcv-card__action-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .footer__logo-social {
    min-width: auto;
  }
  .navbar__item {
    padding: 16px 10px;
    position: relative;
  }
  .services__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 992px) {
  .info-modal__options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0px auto 20px;
}
  .info-section__row {
    flex-direction: column;
  }
  .webinar-banner__content {
    width: 100%;
  }
  .webinar-banner_right-content {
    width: 100%;
  }
  .webinar-banner__button {
    justify-content: space-between;
    width: 100%;
  }
  .webinar-banner__container {
    max-width: 600px;
    flex-direction: column;
    padding: 40px 16px;
  }
  .dcv-card__header {
    gap: 16px;
    flex-direction: column;
    align-items: unset;
  }
  .dcv-card__actions {
    flex-wrap: wrap;
  }
  .secondary-menu {
    display: none;
  }
  .footer__logo-social {
    flex-direction: row;
    align-items: center;
  }
  .footer__top-row {
    flex-direction: column;
  }
  .footer__middle-row {
    flex-direction: column;
  }
  .gptw-text {
    max-width: 100%;
  }
  .gptw-container {
    flex-direction: column;
    gap: 60px;
  }
  .services__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .financial-stats {
    flex-direction: column;
  }
  .financial-stats__text {
    max-width: 100%;
  }
  .banner__title {
    font-size: 30px;
  }
  .banner__description {
    font-size: 16px;
  }
  main {
    margin-top: 59px;
  }
  .navbar {
    min-height: 58px;
    top: 0;
  }
  .navbar__container {
    min-height: 64px;
  }
  .navbar__menu {
    display: none;
  }
  .navbar__mobile {
    display: flex;
    align-items: center;
    gap: 100px;
  }
}
@media (max-width: 768px) {
  .banner__title {
    font-size: 26px;
  }
  .module-card__title {
    margin-bottom: 10px;
  }
  .module-card {
    min-height: auto;
  }
  .content {
    margin-top: 0;
  }
  .toggle-btn {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
  }
  .toggle-container {
    width: 95%;
    min-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
  }
  .contact-form__contact-info input {
    width: 100%;
  }
  .contact-form__row {
    flex-wrap: wrap;
  }
  .contact-form__contact-info {
    flex-direction: column;
    width: 100%;
    align-items: start;
    gap: 10px;
  }
  .comercial-banner__title {
    font-size: 26px;
  }
  .contact-form {
    padding: 20px 16px;
  }
  .comercial-banner {
    margin-bottom: 0;
    padding: 0px 16px;
  }
  .content-section__social-media {
    gap: 2px;
  }
  .banner__title.notice {
    font-size: 26px;
  }
  .webinar-banner__button svg {
    min-width: 25px;
  }
  .webinar-banner__title {
    font-size: 26px;
  }
  .webinar-banner__speaker {
    flex-direction: column;
    align-items: start;
    margin-bottom: 10px;
  }
  .webinar-banner__info {
    flex-direction: column;
    align-items: start;
  }
  .content-section.full {
    padding: 20px 16px;
  }
  .boletin-banner__title.big {
    font-size: 26px;
  }
  .boletin-banner__text {
    font-size: 16px;
  }
  .content-section {
    margin-top: 10px;
  }
  .boletin-banner__title {
    font-size: 20px;
  }
  .footer__copy {
    color: #fff;
    font-family: var(--manrope);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 10px;
  }
  .footer__legal-links a {
    color: #fff;
    font-family: var(--manrope);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 145%;
    transition: all 0.5s ease;
  }
  .footer__middle-row {
    margin-bottom: 0;
  }
  .footer__info-columns {
    gap: 16px;
  }
  .footer__subtitle {
    font-weight: 700;
    margin-bottom: 8px;
    font-family: var(--manrope);
    font-size: 16px;
  }

  .footer__links li a {
    font-family: var(--manrope);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
  }
  .footer__contact-btn {
    font-size: 16px;
    font-weight: 500;
    width: 210px;
  }
  .footer__subtitle.first {
    color: #fff;

    /* Body/Medium */
    font-family: var(--manrope);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    max-width: 200px;
    margin-bottom: 16px;
  }
  .footer__logo-social {
    flex-direction: column;
    align-items: start;
    gap: 24px;
    margin-bottom: 16px;
  }
  .footer__top-row {
    display: none;
  }
  .footer__subscribe {
    display: none;
  }
  .footer__title {
    display: none;
  }
  .footer__bottom-row {
    flex-direction: column;
    align-items: start;
  }
  .footer__legal-links {
    flex-direction: column;
    gap: 6px;
  }
  .faq-section {
    padding: 40px 16px;
  }

  .faq-accordion__header {
    text-align: start;
    font-size: 14px;
    padding: 12px;
  }
  .faq-section__search {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .faq-section__main-title {
    text-align: start;
    margin-bottom: 16px;
  }
  .faq-section__container {
    flex-direction: column;
  }
  .faq-section__header {
    align-items: start;
    flex-direction: column;
  }
  .heading__mobile {
    display: block;
  }
  .heading__title {
    color: var(--Texts-primary, #1a1a1a);
    font-family: var(--manrope);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    margin-bottom: 8px;
  }
  .heading__text {
    color: var(--Texts-primary, #1a1a1a);
    font-family: var(--manrope);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%;
    margin-bottom: 16px;
  }
  .customer-platforms {
    margin: 0;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 40px 16px;
    gap: 0;
  }
  .customer-platforms__card-text {
    display: none;
  }
  .customer-platforms__content,
  .customer-platforms__sidebar {
    display: none;
  }
  .scroll-indicator {
    bottom: 1%;
  }
  .custody__title {
    font-size: 24px;
  }
  .custody__description {
    font-size: 14px;
  }
  .dcv-sidebar-section {
    flex-direction: column;
  }
  .dcv-card__actions {
    display: none;
  }
  .dcv-card__accordions {
    display: none;
  }
  .dcv-sidebar {
    display: none;
  }
  .dcv-sidebar.mobile {
    width: 100%;
    min-width: 100%;
    display: block;
    min-height: auto;
  }
  .dcv-sidebar-section {
    padding: 20px 16px;
  }
  .customer-documents {
    padding: 40px 16px;
  }
  .module-card {
    flex-direction: column;
  }
  .module-card__description {
    margin-bottom: 10px;
  }
  .module-card__time {
    margin-bottom: 10px;
  }
  .news-grid {
    grid-template-columns: 1fr;
  }
  .content {
    padding: 10px 16px;
  }
  .info-banner__title {
    font-size: 18px;
  }
  .info-banner__container {
    padding: 20px 16px;
  }
  .custody__stats {
    gap: 0;
    align-items: center;
  }

  .custody__stat {
    width: 100%;
    max-width: 100%;
    padding: 9px;
    min-width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0;
  }
  .custody__stat:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .custody__stat:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .custody__stat:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .custody__stat-value {
    font-size: 16px;
  }
  .custody__stat-label {
    display: block;
    font-size: 12px;
    max-width: 70px;
  }

  .breadcrumb_container {
    padding: 16px;
  }

  .footer__subscribe {
    width: 100%;
  }
  .footer__input {
    width: 100%;
    min-width: auto;
  }
  .footer__top-row {
    align-items: start;
  }
  .footer {
    padding: 40px 16px;
  }
  .footer__info-columns {
    flex-direction: column;
  }
  .help-center {
    padding: 40px 16px;
  }
  .news.values {
    padding: 40px 16px;
  }
  .gptw-images {
    min-width: 100%;
  }
  .gptw-badge {
    position: absolute;
    width: 80px;
    height: auto;
    z-index: 2;
  }
  .gptw-section {
    padding: 60px 16px;
    border-radius: 0;
  }
  .news {
    padding: 30px 16px;
  }

  .services-container {
    padding: 30px 16px;
  }
  .service-card {
    flex-direction: column;
  }
  .service-card__image {
    display: flex;
    align-items: center;
    max-height: 60px;
  }
  .service-card__label {
    top: auto;
  }
  .financial-stats {
    padding: 30px 16px;
  }
  .financial-stats__items {
    width: 100%;
  }
  .financial-stats__item {
    max-width: 100%;
    text-align: center;
  }
  .banner {
    flex-direction: column;
    max-height: 600px;
    justify-content: center;
    padding: 10px 16px;
  }
  .banner__content {
    max-width: 100%;
  }
  .navbar__container {
    padding: 10px 16px;
  }
  .navbar__logo {
    padding-right: 16px;
    border-right: 1px solid #333;
  }
  .navbar__mobile {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px;
    gap: 0;
  }
}

@media (max-width: 576px) {
  .support-search-banner {
    min-height: 200px;
  }
  .support-search-banner__container {
    padding: 0px 0px;
  }
  .support-search-banner__title {
    font-size: 20px;
  }
  #help-results-page-center{
    top: 106px !important;
  }
  .help-access {
    padding: 20px 16px;
  }
  .help-access__title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .help-access__card-desc {
    display: none;
  }
  .help-access__card-title {
    font-size: 14px;
  }
  .help-access__icon {
    width: 40px;
    height: 40px;
  }
  .help-access__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .help-access__card {
    padding: 10px;
    min-height: 160px;
  }
  .dcv-card__header {
    position: relative;
  }
  .dcv-card__icon {
    position: absolute;
    top: 15px;
  }
  .dcv-card__title {
    margin-left: 75px;
    min-height: 56px;
    font-size: 20px;
    max-width: 200px;
  }
  .footer__subscribe {
    width: 100%;
  }
  .financial-stats__text {
    max-width: 100%;
    min-width: 100%;
  }

  .financial-stats__items {
    flex-direction: column;
    gap: 0;
  }
}