.dm-sans-font {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.dm-mono-medium {
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
}

body {
  font-family: "DM Sans", sans-serif;
  color: #636770;
  font-size: 14px;
  line-height: 1.2;
}

.uil {
  font-size: 24px;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

h1, .h1 {
  font-size: 28px;
  line-height: 1.1;
}

h2, .h2 {
  font-size: 24px;
}

h3, .h3 {
  font-size: 22px;
}

h4, .h4 {
  font-size: 18px;
  line-height: 1.6;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
}

p {
  margin: 0;
  line-height: 1.6;
}
p + p {
  margin-top: 1.2em;
}

@media (min-width: 1024px) {
  h1, .h1 {
    font-size: 48px !important;
  }
  h2, .h2 {
    font-size: 40px !important;
  }
  h3, .h3 {
    font-size: 32px !important;
  }
  h4, .h4 {
    font-size: 24px !important;
  }
  h5, .h5 {
    font-size: 24px !important;
  }
  h6, .h6 {
    font-size: 20px !important;
  }
  body {
    font-size: 16px !important;
  }
}
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  background: url(../img/loading.svg) center center no-repeat #fff;
  background-size: 100px;
  z-index: 5000;
}

.form-group {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.form-group label {
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  transition: all 250ms ease-out;
}
.form-group.multi {
  max-width: none;
}
.form-group small {
  display: block;
  margin-top: 8px;
  font-size: 11px;
}
.form-group .error {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  color: #DB2D30;
}
.form-group.icono .icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #384157;
}
.form-group.icono .icon .ico {
  font-size: 18px;
}

.form-control {
  width: 100%;
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 18px;
  outline: none !important;
  color: #636770;
  transition: all 250ms ease-out;
  overflow: hidden;
}
.form-control::placeholder {
  color: #bbb;
}
.form-control:focus {
  border-color: #384157;
}
.form-control:disabled {
  background-color: #f7f7f7;
  cursor: not-allowed;
}
.form-control.is-invalid {
  border-color: #DB2D30;
}
.form-control.xs {
  height: 32px;
  border-radius: 16px;
  font-size: 12px;
}
.form-control.xs + label {
  font-size: 12px;
}
.form-control.sm {
  height: 36px;
  border-radius: 18px;
}
.form-control.lg {
  height: 40px;
  border-radius: 20px;
  padding-left: 20px;
  font-size: 14px;
}
.form-control.xl {
  height: 48px;
  border-radius: 24px;
  padding-left: 20px;
  font-size: 15px;
}
.form-control.linea {
  padding: 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-size: 15px;
  line-height: 1.2;
}
.form-control.form-control-multiline {
  display: flex;
  height: auto !important;
  max-width: none;
  min-height: 36px;
  position: relative;
  padding: 8px 0;
}
.form-control.form-control-multiline::before {
  content: attr(placeholder);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  line-height: 1.2;
  color: #bbb;
}
.form-control.form-control-multiline:not(:empty) {
  color: #636770;
}
.form-control.form-control-multiline:not(:empty)::before {
  display: none;
}

textarea {
  padding-top: 12px;
  line-height: 1.4;
}

.select {
  position: relative;
}
.select .form-control {
  padding-right: 42px;
  background-color: #fff;
}
.select .icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
.select .icon-arrow {
  margin-top: 2px;
  padding: 0;
  right: 8px;
  border: none;
  font-size: 16px;
  pointer-events: none;
}
.select.bold .form-control {
  font-weight: 500;
}
.select.transparente .form-control {
  background-color: transparent;
}

.form-group + .form-control-input,
.select + .form-control-input {
  margin-top: 12px;
}

.form-control-input::file-selector-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  margin-right: 12px;
  padding: 0 16px;
  padding-top: 2px;
  border: none;
  appearance: none;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  background-color: transparent;
  color: #384157;
  border: 1px solid #384157;
  border-radius: 18px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: all 250ms ease-out;
}

.checkbox {
  display: inline-flex !important;
  align-items: center;
  position: relative !important;
  height: 24px !important;
  height: auto !important;
  margin-bottom: 0 !important;
  padding-left: 24px !important;
  font-size: 13px !important;
  color: #636770 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox input {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
  cursor: pointer;
}
.checkbox input:checked ~ .checkmark {
  background-color: #384157;
  border-color: #384157;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox.multiline {
  height: auto;
  line-height: 1.4;
}
.checkbox.multiline .checkmark {
  top: 2px;
  transform: none;
}
.checkbox.multiline h5 {
  margin-bottom: 8px;
}
.checkbox.multiline p {
  margin-bottom: 0;
}
.checkbox.multiline p small {
  display: block;
  font-size: 12px;
}
.checkbox .checkmark {
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 4px;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #384157;
  transition: all 250ms ease-out;
}
.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  width: 3px;
  height: 7px;
  left: 5px;
  top: 1px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox.radio {
  padding-top: 2px;
}
.checkbox.radio .checkmark {
  border-radius: 100%;
}
.checkbox.radio .checkmark:after {
  width: 6px;
  height: 6px;
  left: 4px;
  top: 4px;
  border-radius: 100%;
  border: none;
  background-color: #fff;
}

.redes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.redes .link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #384157;
  border-radius: 100%;
  opacity: 0.6;
  transition: all 250ms ease-out;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 16px;
  padding-top: 2px;
  border: none;
  appearance: none;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  background-color: #384157;
  color: #fff;
  border-radius: 16px;
}
.btn .icon {
  font-size: 18px;
}
.btn.w-100 {
  width: 100%;
}
.btn.sm {
  gap: 4px;
  height: 24px;
  padding: 0 10px;
  font-size: 11px;
  border-radius: 12px;
}
.btn.sm .icon {
  display: inline-block;
  margin-top: 2px;
  font-size: 14px;
}
.btn.md {
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  border-radius: 14px;
}
.btn.lg {
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
}
.btn.lg .icon {
  font-size: 20px;
}
.btn.outline {
  background-color: transparent !important;
  border: 1.5px solid #384157;
  color: #384157;
}
.btn.outline.blanco {
  border-color: #fff;
  color: #fff;
}
.btn.blanco {
  background-color: #fff;
  color: #384157;
}
.btn.sombra {
  box-shadow: 0px 8px 20px 0px rgba(56, 65, 87, 0.28);
}

.btn-txt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  color: #384157;
}
.btn-txt .icon {
  font-size: 18px;
}
.btn-txt.sm {
  gap: 4px;
  font-size: 12px;
}
.btn-txt.sm .icon {
  font-size: 16px;
}

.link-txt {
  text-decoration: underline !important;
}

.dropdown {
  display: inline-block;
  position: relative;
  z-index: 100;
}
.dropdown::after {
  content: "";
  display: none;
  position: absolute;
  width: 220px;
  height: 12px;
  right: 0;
  top: 100%;
}
.dropdown:hover .drop-menu {
  visibility: visible;
  opacity: 1;
}
.dropdown:hover::after {
  display: block;
}
.dropdown .trigger {
  display: inline-flex;
  position: relative;
  padding-bottom: 8px;
  z-index: 20;
}
.dropdown .drop-menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 220px;
  min-width: 160px;
  max-width: 320px;
  max-height: 400px;
  padding: 12px 8px;
  transition: all 250ms linear;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  background-color: #fff;
  border-radius: 8px;
  overflow-y: auto;
  box-shadow: 0px 8px 20px 0px rgba(56, 65, 87, 0.28);
  text-align: left;
}
.dropdown .drop-menu .link {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 13px;
  line-height: 1;
  transition: all 250ms ease-out;
}
.dropdown .drop-menu li {
  list-style: none;
}
.dropdown.dropup .drop-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -10px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
}
.dropdown.dropup:hover .drop-menu {
  margin-bottom: 0;
}
.dropdown.right .drop-menu {
  left: auto;
  right: 0;
}

.accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: all 250ms ease-out;
}
.accordion .trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 0 !important;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  color: #384157;
}
.accordion .trigger .ico {
  transition: all 250ms ease-out;
  font-size: 18px;
}
.accordion .trigger.active .ico {
  transform: rotate(180deg);
}
.accordion .collapse {
  height: 0;
  overflow-y: hidden;
}
.accordion .cont {
  padding-bottom: 16px;
  overflow-x: hidden;
}
.accordion.active .collapse {
  height: auto;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.breadcrumb .ico {
  font-size: 16px;
}
.breadcrumb a,
.breadcrumb span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.paginado {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.paginado a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: #384157;
}
.paginado a.active {
  background-color: #384157;
  color: #fff;
}
.paginado a .icon {
  font-size: 20px;
}

.tabs {
  overflow-x: auto;
  margin: 0 -20px;
  padding: 0 20px;
}
.tabs .tabs-ctas {
  display: flex;
  gap: 6px;
  width: fit-content;
}
.tabs .tabs-ctas .tab {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  height: 28px;
  padding: 0 12px;
  font-family: "DM Mono", monospace;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  color: #384157;
  border: 1.5px solid #384157;
  border-radius: 14px;
}
.tabs .tabs-ctas .tab.active {
  color: #fff;
  background-color: #384157;
}
.tabs .content {
  margin-top: 16px;
}
.tabs .content .cont {
  display: none;
  font-size: 13px;
  line-height: 1.6;
}
.tabs .content .cont.active {
  display: block;
}

.img {
  position: relative;
  overflow: hidden;
}
.img img,
.img video,
.img iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  border: none;
}
.img.img-fondo {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.img.video {
  padding-top: 56.25%;
  border-radius: 12px;
}

.head {
  gap: 16px;
  position: relative;
  min-height: 200px;
  margin-bottom: 28px;
  background-color: #658896;
}
.head::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/head-overlay.svg) no-repeat center;
  background-size: cover;
  opacity: 0.24;
  z-index: 10;
}
.head .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  gap: 16px;
  position: relative;
  min-height: 160px;
  min-height: 148px;
  padding-top: 32px;
  padding-bottom: 32px;
  color: #fff;
  text-align: center;
  z-index: 20;
}
.head .txt {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.head .txt p {
  font-size: 14px;
  line-height: 1.2;
}

.breadcrumb {
  font-size: 13px;
}

.ftn-busqueda .form-control {
  padding-left: 16px;
  border: none;
}
.ftn-busqueda .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding-top: 1px;
  right: 4px !important;
  background-color: #384157;
  border-radius: 16px;
}
.ftn-busqueda .icon .ico {
  font-size: 20px;
  color: #fff;
}
.ftn-busqueda.xl .icon {
  width: 40px;
  height: 40px;
  right: 4px;
  border-radius: 20px;
}
.ftn-busqueda .resultados {
  position: absolute;
  width: 100%;
  max-height: 400px;
  margin-top: 4px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease-out;
}
.ftn-busqueda .resultados .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(101, 136, 150, 0.2);
}
.ftn-busqueda .resultados .item p {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  color: #384157;
}
.ftn-busqueda .resultados .item small {
  margin: 0;
  font-size: 12px;
  color: #aaa;
}
.ftn-busqueda .resultados .item:last-of-type {
  border-bottom: none;
}
.ftn-busqueda .resultados.active {
  opacity: 1;
  visibility: visible;
}

.ftn-categorias {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: -8px;
}
.ftn-categorias .categoria {
  display: flex;
  flex-direction: column;
  gap: 6px;
  gap: 8px;
  padding: 10px 12px;
  padding: 10px;
  padding: 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  border-radius: 8px;
}
.ftn-categorias .categoria .item {
  font-size: 13px;
  font-size: 12px;
  line-height: 1.2;
  color: #636770;
}
.ftn-categorias .selecto {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  padding: 4px 8px;
  padding-right: 6px;
  font-size: 13px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid rgba(101, 136, 150, 0.3);
  border-radius: 12px;
  border-radius: 8px;
  color: #384157;
  background-color: rgba(101, 136, 150, 0.1);
}
.ftn-categorias .selecto .ico {
  font-size: 16px;
}

.ftn-resultados {
  margin-top: 40px;
  margin-top: 20px;
  padding-top: 20px !important;
  border-top: 1px solid rgba(101, 136, 150, 0.2);
}
.ftn-resultados .mensaje {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #aaa;
  color: rgba(56, 65, 87, 0.5);
  font-size: 15px;
  text-align: center;
}
.ftn-resultados .mensaje .ico {
  font-size: 36px;
  font-size: 32px;
}
.ftn-resultados .mensaje p {
  line-height: 1.4;
}
.ftn-resultados .cantidad {
  font-size: 13px;
}
.ftn-resultados .listado {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 -20px;
  padding: 12px 20px;
}
.ftn-resultados .listado .item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px;
  padding: 10px;
  border-radius: 8px;
  background-color: rgba(101, 136, 150, 0.1);
}
.ftn-resultados .listado .item p {
  font-size: 14px;
  line-height: 1.2;
  color: #384157;
}
.ftn-resultados .listado .item small {
  font-size: 12px;
  color: rgba(56, 65, 87, 0.6);
}

.bloque {
  padding: 40px 0;
}
.bloque .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bloque .titulo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #384157;
}
.bloque .titulo h3 {
  flex: 1;
}
.bloque .titulo .link {
  display: flex;
  align-items: center;
  gap: 2px;
  font-weight: 500;
  color: #658896;
}
.bloque .titulo .link .ico {
  font-size: 16px;
}
.bloque.pt-0 {
  padding-top: 0;
}
.bloque.pb-0 {
  padding-bottom: 0;
}
.bloque.ultimo {
  padding-bottom: 60px;
}

.head + .bloque {
  padding-top: 80px;
}

.filiales {
  background-color: #fff;
}

.miembros {
  background-color: #F9FAFB;
}

.slider {
  padding-bottom: 24px;
}
.slider .flickity-enabled {
  border: none !important;
  outline: none !important;
}
.slider .flickity-viewport {
  overflow: visible;
}
.slider .flickity-button {
  display: none;
}
.slider .flickity-page-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  bottom: 0;
  mix-blend-mode: multiply;
}
.slider .flickity-page-dots .flickity-page-dot {
  display: inline-block;
  list-style: none;
  width: 4px;
  height: 4px;
  margin: 0;
  border-radius: 100%;
  background-color: transparent;
  background-color: rgba(101, 136, 150, 0.3);
  transition: all 250ms ease-out;
  outline: none !important;
  box-shadow: none !important;
}
.slider .flickity-page-dots .flickity-page-dot.is-selected {
  background-color: #384157;
}
.slider.no-dots {
  padding-bottom: 0;
}
.slider.no-dots .flickity-page-dots {
  display: none;
}
.slider.slider-img {
  mix-blend-mode: multiply;
}
.slider.slider-img .item {
  margin-right: 48px;
  margin-right: 40px;
  filter: saturate(0);
}
.slider.slider-img .item img {
  height: 60px;
}

.cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  row-gap: 12px;
  margin: 0 -8px;
}
.cards .card {
  position: relative;
  width: 100%;
  margin: 0;
  border-radius: 8px;
}
.cards .card .badges {
  left: 8px;
  top: 8px;
}

.card {
  display: flex;
  flex-direction: column;
  width: 220px;
  margin-right: 12px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
}
.card .badges {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 10;
}
.card .badges .badge {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  padding-top: 2px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
  border-radius: 4px;
}
.card .img {
  padding-top: 56.25%;
  padding-top: 65%;
}
.card .txt {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 8px;
}
.card .txt .copete {
  font-size: 12px;
  color: rgba(56, 65, 87, 0.6);
}
.card .txt p {
  display: none;
}
.card.reverse {
  flex-direction: column-reverse;
}
.card.card-curso .txt p {
  line-height: 1.6 !important;
}

.volver {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #658896;
  font-weight: 700;
}
.volver .ico {
  font-size: 16px;
}

.hero {
  position: relative;
  padding-top: 64px;
  padding-bottom: 40px;
}
.hero .fondo {
  position: absolute;
  left: -20px;
  right: -20px;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.hero .fondo .forma {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  filter: blur(10px);
  opacity: 0.75;
  background: url(../img/fondo-forma-logo.svg) center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.hero .fondo .noise {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: none;
  mix-blend-mode: soft-light;
  opacity: 0.75;
}
.hero .slider-hero .item {
  width: 100%;
  margin-right: 12px;
  padding-top: 125%;
  border-radius: 12px;
  overflow: hidden;
  background-color: #EDF1F2;
  opacity: 0.6;
  transition: all 350ms ease-out;
}
.hero .slider-hero .item .overlay {
  position: absolute;
  width: 100%;
  height: 80%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(64, 64, 64, 0) 0%, rgba(64, 64, 64, 0.6) 100%);
}
.hero .slider-hero .item .txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  gap: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  padding: 28px 20px;
  padding: 24px 20px;
  color: #fff;
}
.hero .slider-hero .item .txt .texto {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hero .slider-hero .item .txt .texto p {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 500;
}
.hero .slider-hero .item.is-selected {
  opacity: 1;
  box-shadow: 0px 6px 12px 0px rgba(56, 65, 87, 0.32);
}

.banner {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
}
.banner .img {
  padding-top: 65%;
}
.banner .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px 28px;
  text-align: center;
}
.banner .txt p {
  font-size: 15px;
  line-height: 1.3;
  color: rgba(56, 65, 87, 0.6);
}

.eventos .listado {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.eventos .listado .item {
  display: flex;
  gap: 12px;
  padding: 12px;
  padding-right: 16px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
}
.eventos .listado .item .calendario {
  display: flex;
  flex-direction: column;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(56, 65, 87, 0.12);
  border-radius: 6px;
  overflow: hidden;
}
.eventos .listado .item .calendario .mes {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  background-color: #658896;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.eventos .listado .item .calendario .nro {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #384157;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}
.eventos .listado .item .txt {
  flex: 1;
  color: #384157;
  font-weight: 700;
}
.eventos .listado .item.active .mes {
  background-color: #DB2D30;
}

.articulo-datos {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.articulo-datos .datos {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #384157;
}
.articulo-datos .datos .copete {
  color: rgba(56, 65, 87, 0.6);
}
.articulo-datos + .articulo {
  margin-top: 28px;
  margin-top: 8px;
}

.articulo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.articulo h1,
.articulo h2,
.articulo h3,
.articulo h4,
.articulo h5,
.articulo h6,
.articulo p {
  color: #384157;
}
.articulo h1 + h1, .articulo h1 + h2, .articulo h1 + h3, .articulo h1 + h4, .articulo h1 + h5, .articulo h1 + h6, .articulo h1 + p,
.articulo h2 + h1,
.articulo h2 + h2,
.articulo h2 + h3,
.articulo h2 + h4,
.articulo h2 + h5,
.articulo h2 + h6,
.articulo h2 + p,
.articulo h3 + h1,
.articulo h3 + h2,
.articulo h3 + h3,
.articulo h3 + h4,
.articulo h3 + h5,
.articulo h3 + h6,
.articulo h3 + p,
.articulo h4 + h1,
.articulo h4 + h2,
.articulo h4 + h3,
.articulo h4 + h4,
.articulo h4 + h5,
.articulo h4 + h6,
.articulo h4 + p,
.articulo h5 + h1,
.articulo h5 + h2,
.articulo h5 + h3,
.articulo h5 + h4,
.articulo h5 + h5,
.articulo h5 + h6,
.articulo h5 + p,
.articulo h6 + h1,
.articulo h6 + h2,
.articulo h6 + h3,
.articulo h6 + h4,
.articulo h6 + h5,
.articulo h6 + h6,
.articulo h6 + p,
.articulo p + h1,
.articulo p + h2,
.articulo p + h3,
.articulo p + h4,
.articulo p + h5,
.articulo p + h6,
.articulo p + p {
  margin-top: 1.2em;
}
.articulo h1 + .imagen, .articulo h1 + img, .articulo h1 + .btn,
.articulo h2 + .imagen,
.articulo h2 + img,
.articulo h2 + .btn,
.articulo h3 + .imagen,
.articulo h3 + img,
.articulo h3 + .btn,
.articulo h4 + .imagen,
.articulo h4 + img,
.articulo h4 + .btn,
.articulo h5 + .imagen,
.articulo h5 + img,
.articulo h5 + .btn,
.articulo h6 + .imagen,
.articulo h6 + img,
.articulo h6 + .btn,
.articulo p + .imagen,
.articulo p + img,
.articulo p + .btn {
  margin-top: 28px;
}
.articulo p {
  color: #636770;
}
.articulo .imagen,
.articulo img {
  width: 100%;
  border-radius: 12px;
}
.articulo .imagen + h1, .articulo .imagen + h2, .articulo .imagen + h3, .articulo .imagen + h4, .articulo .imagen + h5, .articulo .imagen + h6, .articulo .imagen + p,
.articulo img + h1,
.articulo img + h2,
.articulo img + h3,
.articulo img + h4,
.articulo img + h5,
.articulo img + h6,
.articulo img + p {
  margin-top: 16px;
}
.articulo .imagen + .btn,
.articulo img + .btn {
  margin-top: 28px;
}
.articulo .imagen {
  width: 100%;
}
.articulo .imagen .img {
  border-radius: 12px;
}

.personas {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
.personas .bloque-titulo {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 4px;
  text-align: center;
  color: #384157;
}
.personas .bloque-titulo .subtitulo {
  color: rgba(56, 65, 87, 0.6);
}
.personas .bloque-titulo.sub {
  margin-bottom: -24px;
}
.personas .escalafon {
  display: flex;
  flex-direction: column;
  gap: 28px;
  gap: 32px;
  width: 100%;
}
.personas .escalafon.unido {
  margin-top: -32px;
}
.personas .escalafon .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
  margin: 0 -4px;
}
.personas .escalafon .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 0 4px;
}
.personas .escalafon .item .img {
  padding-top: 100%;
  border-radius: 100%;
  background-color: #fff;
  background-color: #E1E8EA;
}
.personas .escalafon .item .img img {
  mix-blend-mode: multiply;
  filter: brightness(1.1);
}
.personas .escalafon .item .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  gap: 2px;
  font-size: 13px;
  line-height: 1.2;
}
.personas .escalafon .item .txt .dato-2 {
  font-weight: bold;
}
.personas .escalafon._1 .item .img {
  width: 100px;
}
.personas .escalafon._2 .item .img, .personas .escalafon._3 .item .img {
  width: 80px;
}
.personas .escalafon._2 .item .txt, .personas .escalafon._3 .item .txt {
  font-size: 12px;
}
.personas .escalafon + .bloque-titulo {
  margin-top: 28px;
}
.personas .escalafon + .bloque-titulo.sub {
  margin-top: 0;
}

.sep {
  border-bottom: 1px solid rgba(101, 136, 150, 0.2);
}

.cont-tabla {
  margin-right: -20px;
  padding-right: 20px;
  padding-bottom: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-y: visible;
}

.tabla {
  width: 100%;
  min-width: 100%;
  background-color: #fff;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
}
.tabla .titulos {
  font-weight: 500;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: bold;
}
.tabla tr td {
  position: relative;
  padding: 8px 12px;
  padding-right: 0;
  border-bottom: 1px solid rgba(101, 136, 150, 0.2);
}
.tabla tr td:last-of-type {
  padding-right: 12px;
}
.tabla tr:first-of-type td {
  border-top-left-radius: 8px;
}
.tabla tr:last-of-type td {
  border: none;
  border-bottom-left-radius: 8px;
}
.tabla .sticky {
  position: sticky;
  width: 120px;
  padding: 12px;
  left: 0;
  z-index: 10;
  background-color: #fff;
}
.tabla .sticky::after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 100%;
  left: 100%;
  top: 0;
  background: linear-gradient(90deg, #384157 0%, rgba(56, 65, 87, 0) 100%);
  opacity: 0.1;
}
.tabla .filas {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.head-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  position: relative;
  min-height: 160px;
  margin-top: 12px;
  overflow: hidden;
  padding: 32px 0;
  border-radius: 12px;
  color: #fff;
  box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
}
.head-img .img-fondo::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(99, 103, 112, 0.6) 0%, rgba(99, 103, 112, 0.2) 100%);
  z-index: 10;
}
.head-img .txt {
  padding: 0 12px;
  z-index: 10;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.form .btn {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .hero {
    padding-top: 76px;
  }
  .hero .slider-hero .item {
    margin-right: 16px;
    padding-top: 56.25%;
  }
  .hero .slider-hero .item .txt {
    width: 100%;
    max-width: 520px;
    padding: 28px 24px;
  }
  .slider {
    padding-bottom: 32px;
  }
  .slider .card {
    margin-right: 16px;
    width: calc((100% - 32px) / 3);
  }
  .slider .flickity-page-dots {
    gap: 8px;
  }
  .slider .flickity-page-dots .flickity-page-dot {
    width: 5px;
    height: 5px;
  }
  .cards {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 12px;
    row-gap: 16px;
    margin: 0;
  }
  .card .txt {
    padding: 16px 12px;
  }
  .head .container {
    align-items: center;
  }
  .head br {
    display: none;
  }
  .ftn .ftn-busqueda {
    max-width: 480px;
    margin: 0 auto;
  }
  .bloque .titulo {
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
  }
  .banner {
    height: 320px;
    position: relative;
  }
  .banner .img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 0;
  }
  .banner .txt {
    justify-content: center;
    position: absolute;
    width: 260px;
    left: 28px;
    top: 28px;
    bottom: 28px;
    z-index: 10;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
  }
  .banner .txt br {
    display: none;
  }
  .banner.reverse .txt {
    left: auto;
    right: 28px;
  }
  .eventos .listado {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 12px;
    row-gap: 12px;
  }
  .ftn-row {
    margin: 0 -16px;
  }
  .ftn-row .col {
    padding: 0 16px;
  }
  .ftn-categorias {
    margin-top: 0;
  }
  .ftn-resultados {
    margin-top: 0;
    padding-top: 0 !important;
    border: none;
  }
  .ftn-medicamento {
    max-width: 822px;
    margin-left: auto;
    margin-right: auto;
  }
  .articulo-datos {
    max-width: 822px;
    margin-left: auto;
    margin-right: auto;
  }
  .articulo {
    max-width: 822px;
    margin-left: auto;
    margin-right: auto;
  }
  .personas .escalafon.unido {
    margin-top: -16px;
  }
  .personas .escalafon .items {
    margin: 0 -10px;
  }
  .personas .escalafon .items .item {
    width: 33.333%;
    padding: 0 10px;
  }
  .personas .escalafon._1 .item .txt {
    font-size: 14px;
  }
  .personas .escalafon._2 .item .txt {
    font-size: 13px;
  }
  .tabla {
    font-size: 13px;
  }
  .tabla tr td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .tabla .sticky {
    position: sticky;
    width: 140px;
    padding: 12px 16px;
  }
}
@media (min-width: 1024px) {
  .slider {
    padding-bottom: 56px;
  }
  .slider .flickity-button {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    right: 0;
    top: auto;
    bottom: 0;
    transform: none;
    border-radius: 100%;
    background-color: #384157;
    color: #fff;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 20;
    transition: all 250ms linear;
  }
  .slider .flickity-button svg {
    display: none;
  }
  .slider .flickity-button::before {
    display: block;
    margin-top: 1px;
    font-family: "unicons-line";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
  }
  .slider .flickity-button:hover {
    box-shadow: 0px 4px 8px 0px rgba(56, 65, 87, 0.2) !important;
  }
  .slider .flickity-button.previous {
    left: auto;
    right: 44px;
  }
  .slider .flickity-button.previous::before {
    content: "\eb79";
    margin-right: 1px;
  }
  .slider .flickity-button.next::before {
    content: "\eb6d";
    margin-left: 1px;
  }
  .slider .flickity-button:focus {
    opacity: 1;
  }
  .slider .flickity-page-dots {
    gap: 12px;
    bottom: 7px;
  }
  .slider .flickity-page-dots .flickity-page-dot {
    width: 8px;
    height: 8px;
  }
  .slider.slider-img .item {
    margin-right: 64px;
  }
  .slider.slider-img .item img {
    height: 80px;
  }
  .slider.slider-img .flickity-button {
    display: none;
  }
  .slider .card {
    margin-right: 20px;
    width: calc((100% - 60px) / 4);
  }
  .hero {
    padding-top: 108px;
  }
  .hero .slider-hero .item {
    height: 520px;
    padding-top: 0;
  }
  .hero .slider-hero .item .txt {
    gap: 28px;
    max-width: 560px;
    height: fit-content;
    padding: 32px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 250ms ease-out;
  }
  .hero .slider-hero .item .txt .texto {
    gap: 12px;
  }
  .hero .slider-hero .item .txt .texto p {
    font-size: 18px;
  }
  .hero .slider-hero .item .overlay {
    background: linear-gradient(-90deg, rgba(64, 64, 64, 0) 0%, rgba(64, 64, 64, 0.4) 100%);
  }
  .hero .slider-hero .item.is-selected .txt {
    opacity: 1;
  }
  .ftn .ftn-busqueda {
    max-width: 640px;
  }
  .ftn .ftn-busqueda .form-control {
    height: 56px;
    padding-left: 24px;
    padding-right: 60px;
    border-radius: 28px;
    font-size: 18px;
  }
  .ftn .ftn-busqueda .icon {
    width: 44px;
    height: 44px;
    right: 6px !important;
    padding-top: 2px;
    border-radius: 100%;
  }
  .ftn .ftn-busqueda .icon .ico {
    font-size: 22px;
  }
  .ftn .ftn-busqueda .resultados {
    margin-top: 8px;
  }
  .ftn .ftn-busqueda .resultados .item {
    padding: 20px;
    padding: 16px 20px;
    transition: all 250ms ease-out;
    cursor: pointer;
  }
  .ftn .ftn-busqueda .resultados .item p {
    font-size: 15px;
  }
  .ftn .ftn-busqueda .resultados .item small {
    font-size: 13px;
  }
  .ftn .ftn-busqueda .resultados .item:hover {
    background-color: rgba(56, 65, 87, 0.08);
  }
  .form-control.xl {
    padding-left: 24px;
    height: 56px;
    border-radius: 28px;
    font-size: 18px;
  }
  .bloque {
    padding: 80px 0;
  }
  .bloque.ultimo {
    padding-bottom: 120px;
  }
  .bloque .container {
    gap: 32px;
  }
  .bloque .titulo .link {
    transition: all 250ms ease-out;
  }
  .bloque .titulo .link .ico {
    position: relative;
    top: 2px;
    font-size: 18px;
  }
  .bloque .titulo .link:hover {
    color: #384157;
  }
  .card {
    box-shadow: 0px 4px 16px 0px rgba(56, 65, 87, 0.08);
    transition: all 250ms ease-out;
  }
  .card .txt {
    gap: 12px;
    padding: 20px;
  }
  .card .txt .copete {
    font-size: 14px !important;
  }
  .card .txt h6 {
    font-size: 20px;
  }
  .card .txt p {
    display: block;
    font-size: 15px;
    line-height: 1.3;
  }
  .card::after {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding-left: 1px;
    padding-top: 2px;
    width: 36px;
    height: 36px;
    right: 12px;
    right: 20px;
    top: 12px;
    transform: none;
    border-radius: 100%;
    background-color: #384157;
    color: #fff;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 20;
    font-family: "unicons-line";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eb6d";
    font-size: 28px;
    line-height: 1;
    opacity: 0;
    transition: all 250ms ease-out;
  }
  .card:hover {
    box-shadow: 0px 8px 20px 0px rgba(56, 65, 87, 0.28);
  }
  .card:hover::after {
    right: 12px;
    opacity: 1;
  }
  .card.reverse::after, .card.card-curso::after {
    top: auto;
    bottom: 12px;
  }
  .banner {
    height: 380px;
    border-radius: 16px;
  }
  .banner .txt {
    gap: 20px;
    width: 300px;
    height: 300px;
    padding: 28px;
    left: 32px;
    top: 40px;
    transition: all 250ms ease-out;
  }
  .banner .txt .logo {
    height: 96px;
  }
  .banner .txt p {
    font-size: 16px;
  }
  .banner:hover .txt {
    box-shadow: 0px 8px 20px 0px rgba(56, 65, 87, 0.28);
  }
  .banner.reverse .txt {
    right: 40px;
  }
  .btn {
    position: relative;
    height: 38px;
    border-radius: 19px;
    font-size: 16px;
    transition: all 250ms linear;
  }
  .btn:hover {
    background-color: #2D3446;
  }
  .btn.lg {
    gap: 16px;
    gap: 12px;
    height: 48px;
    padding: 0 24px;
    border-radius: 24px;
    font-size: 18px;
  }
  .btn.lg .icon {
    font-size: 20px;
    font-size: 24px;
  }
  .btn.blanco:hover {
    background-color: #fff;
    box-shadow: none !important;
    color: #2D3446;
  }
  .btn.outline {
    border-color: #2D3446;
    color: #2D3446;
  }
  .btn:hover {
    box-shadow: 0px 4px 8px 0px rgba(56, 65, 87, 0.2);
    background-color: #2D3446;
  }
  .eventos .listado {
    gap: 20px;
  }
  .eventos .listado .item {
    gap: 16px;
    padding: 20px;
    border-radius: 12px;
    transition: all 250ms ease-out;
  }
  .eventos .listado .item .calendario {
    width: 60px;
    height: 64px;
  }
  .eventos .listado .item .calendario .mes {
    height: 24px;
    font-size: 13px;
    transition: all 250ms ease-out;
  }
  .eventos .listado .item .calendario .nro {
    font-size: 24px;
  }
  .eventos .listado .item .txt {
    font-size: 17px;
  }
  .eventos .listado .item:hover {
    box-shadow: 0px 8px 20px 0px rgba(56, 65, 87, 0.28);
  }
  .eventos .listado .item:hover .calendario .mes {
    background-color: #DB2D30;
  }
  .img.video {
    border-radius: 16px;
  }
  .miembros,
  .filiales {
    gap: 40px;
  }
  .miembros .item,
  .filiales .item {
    transition: all 250ms linear;
  }
  .miembros .item:hover,
  .filiales .item:hover {
    filter: saturate(1) !important;
    cursor: pointer;
  }
  .head {
    margin-bottom: 32px;
    margin-bottom: 48px;
  }
  .head .container {
    gap: 36px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .head .txt {
    gap: 16px;
    max-width: 640px;
    margin: 0 auto;
  }
  .head .txt p {
    font-size: 18px;
    line-height: 1.6;
  }
  .ftn-categorias {
    gap: 8px;
  }
  .ftn-categorias .selecto {
    height: 36px;
    padding: 0 12px;
    padding-right: 8px;
    font-size: 14px;
    font-size: 13px;
    transition: all 250ms ease-out;
  }
  .ftn-categorias .selecto .ico {
    cursor: pointer;
  }
  .ftn-categorias .selecto:hover {
    background-color: rgba(56, 65, 87, 0.1);
  }
  .ftn-categorias .categoria {
    gap: 8px;
    padding: 12px;
  }
  .ftn-categorias .categoria .item {
    font-size: 13px;
  }
  .ftn-categorias .categoria .item:hover {
    color: #384157;
  }
  .ftn-resultados .mensaje {
    gap: 16px;
  }
  .ftn-resultados .mensaje .ico {
    font-size: 40px;
  }
  .ftn-resultados .mensaje p {
    font-size: 16px;
  }
  .ftn-resultados .mensaje p br {
    display: none;
  }
  .ftn-resultados .cantidad {
    font-size: 14px;
  }
  .ftn-resultados .listado {
    gap: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ftn-resultados .listado .item {
    padding: 16px;
  }
  .ftn-resultados .listado .item p {
    font-size: 15px;
  }
  .ftn-resultados .listado .item small {
    font-size: 13px;
  }
  .ftn-resultados .listado .item:hover {
    background-color: rgba(101, 136, 150, 0.15);
  }
  .articulo h1 + h1, .articulo h1 + h2, .articulo h1 + h3, .articulo h1 + h4, .articulo h1 + h5, .articulo h1 + h6, .articulo h1 + p,
  .articulo h2 + h1,
  .articulo h2 + h2,
  .articulo h2 + h3,
  .articulo h2 + h4,
  .articulo h2 + h5,
  .articulo h2 + h6,
  .articulo h2 + p,
  .articulo h3 + h1,
  .articulo h3 + h2,
  .articulo h3 + h3,
  .articulo h3 + h4,
  .articulo h3 + h5,
  .articulo h3 + h6,
  .articulo h3 + p,
  .articulo h4 + h1,
  .articulo h4 + h2,
  .articulo h4 + h3,
  .articulo h4 + h4,
  .articulo h4 + h5,
  .articulo h4 + h6,
  .articulo h4 + p,
  .articulo h5 + h1,
  .articulo h5 + h2,
  .articulo h5 + h3,
  .articulo h5 + h4,
  .articulo h5 + h5,
  .articulo h5 + h6,
  .articulo h5 + p,
  .articulo h6 + h1,
  .articulo h6 + h2,
  .articulo h6 + h3,
  .articulo h6 + h4,
  .articulo h6 + h5,
  .articulo h6 + h6,
  .articulo h6 + p,
  .articulo p + h1,
  .articulo p + h2,
  .articulo p + h3,
  .articulo p + h4,
  .articulo p + h5,
  .articulo p + h6,
  .articulo p + p {
    margin-top: 1.2em;
  }
  .articulo h1 + .imagen, .articulo h1 + img, .articulo h1 + .btn,
  .articulo h2 + .imagen,
  .articulo h2 + img,
  .articulo h2 + .btn,
  .articulo h3 + .imagen,
  .articulo h3 + img,
  .articulo h3 + .btn,
  .articulo h4 + .imagen,
  .articulo h4 + img,
  .articulo h4 + .btn,
  .articulo h5 + .imagen,
  .articulo h5 + img,
  .articulo h5 + .btn,
  .articulo h6 + .imagen,
  .articulo h6 + img,
  .articulo h6 + .btn,
  .articulo p + .imagen,
  .articulo p + img,
  .articulo p + .btn {
    margin-top: 60px;
    margin-top: 48px;
  }
  .articulo p {
    color: #636770;
  }
  .articulo .imagen,
  .articulo img {
    width: 100%;
    border-radius: 12px;
  }
  .articulo .imagen + h1, .articulo .imagen + h2, .articulo .imagen + h3, .articulo .imagen + h4, .articulo .imagen + h5, .articulo .imagen + h6, .articulo .imagen + p,
  .articulo img + h1,
  .articulo img + h2,
  .articulo img + h3,
  .articulo img + h4,
  .articulo img + h5,
  .articulo img + h6,
  .articulo img + p {
    margin-top: 24px;
  }
  .articulo .imagen + .btn,
  .articulo img + .btn {
    margin-top: 32px;
  }
  .articulo .imagen {
    width: 100%;
  }
  .articulo .imagen .img {
    border-radius: 16px;
  }
  .articulo p {
    font-size: 18px;
  }
  .personas {
    gap: 80px;
  }
  .personas .escalafon {
    gap: 60px;
  }
  .personas .escalafon._1 .items {
    gap: 60px;
  }
  .personas .escalafon._1 .item {
    width: 240px;
  }
  .personas .escalafon._1 .item .img {
    width: 124px;
    height: 124px;
  }
  .personas .escalafon._1 .item .txt {
    font-size: 18px;
  }
  .personas .escalafon._2 .items, .personas .escalafon._3 .items {
    row-gap: 48px;
    margin: 0 -12px;
  }
  .personas .escalafon._2 .item, .personas .escalafon._3 .item {
    width: 20%;
    padding: 0 12px;
  }
  .personas .escalafon._2 .item .img, .personas .escalafon._3 .item .img {
    width: 112px;
    height: 112px;
  }
  .personas .escalafon._2 .item .txt, .personas .escalafon._3 .item .txt {
    font-size: 16px;
  }
  .personas .escalafon._3 .item .img {
    width: 100px;
    height: 100px;
  }
  .personas .escalafon._3 .item .txt {
    font-size: 15px;
  }
  .accordion .trigger {
    cursor: pointer;
  }
  .tabla {
    font-size: 16px;
  }
  .tabla tr td {
    padding: 20px !important;
  }
  .tabs {
    overflow: hidden;
  }
  .tabs .tabs-ctas {
    flex-direction: column;
    gap: 8px;
  }
  .tabs .tabs-ctas .tab {
    height: 38px;
    padding: 0 16px;
    border-radius: 19px;
    font-size: 16px;
    transition: all 250ms ease-out;
  }
  .tabs .tabs-ctas .tab:hover {
    color: #2D3446;
    border-color: #2D3446;
  }
  .cards {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 32px;
  }
  .head-img {
    height: 320px;
    margin-top: 16px;
    border-radius: 16px;
  }
  .head-img .txt {
    width: 65%;
    padding: 32px;
  }
  .articulo-datos {
    gap: 48px;
  }
  .articulo-datos .datos {
    gap: 20px;
  }
  .articulo-datos .copete {
    font-size: 16px !important;
  }
  .articulo-datos + .articulo {
    margin-top: 12px;
  }
  .form-group {
    max-width: none;
  }
  .form-group label {
    font-size: 14px;
  }
  .form-control.linea {
    font-size: 18px;
  }
  .form-control.linea::before {
    font-size: 18px !important;
  }
  .form-control:focus {
    border-color: #384157;
  }
}