@charset "UTF-8";
/*
Variables de:
  - colores
  - anchos de contenedores
  - ptos. ruptura
*/
/* Muy importante. El mapeada de tamaños debe de ir de mayor ancho de pantalla a menor obligatioramente!!!
  ejemplo: $font-sizes: ( 1024px: 19px, 640px : 17px, 480px : 16px );*/
h1 {
  background-image: linear-gradient(175deg, #161f4b 0, #002bdb 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1:after {
  -webkit-text-fill-color: #161f4b !important;
}

body {
  overflow-x: hidden !important;
}
body #page-container {
  overflow-x: hidden !important;
  padding-top: 0px;
}
body .container {
  padding-left: 0px;
  padding-right: 0px;
}
body .et_pb_row {
  width: 95%;
  width: calc(100% - 5rem);
}
body #main-content .container:before {
  content: none;
}
body header > .container {
  width: calc(100vw - 6rem);
}
body footer .container {
  width: calc(100vw - 6rem);
}

body #main-header > .container {
  width: calc(100% - 5rem) !important;
}

@media only screen and (max-width: 1120px) {
  body #main-header > .container {
    width: 100% !important;
  }
}
body .et_pb_section .et_pb_row .et_pb_module.contenedor_100pcien_pantalla {
  width: 100vw !important;
  position: relative !important;
  margin-left: -50vw !important;
  overflow: hidden !important;
  margin-top: 0px;
  margin-bottom: 0px;
  left: 50%;
}

body.et-db #et-boc .et-l .et_pb_row.vitamina-row-mas-ancha {
  width: calc(100% - 6rem) !important;
}

body .et_section_regular .et_pb_row.vitamina-row-mas-ancha, body .et_section_regular .et-db #et-boc .et_pb_row.vitamina-row-mas-ancha, body.single .et_section_regular .et_pb_row.vitamina-row-mas-ancha, body.single .et_section_regular .et-db #et-boc .et_pb_row.vitamina-row-mas-ancha, body.archive .et_section_regular .et_pb_row.vitamina-row-mas-ancha, body.archive .et_section_regular .et-db #et-boc .et_pb_row.vitamina-row-mas-ancha {
  max-width: 1490px !important;
  margin: auto;
}

@media all and (max-width: 980px) {
  body.page .vitamina-row-mas-ancha .et_pb_column {
    width: 100% !important;
    margin-right: 0% !important;
  }
}
@media all and (max-width: 1120px) {
  body .et_section_regular .et_pb_row.vitamina-row-mas-ancha {
    width: calc(100% - 6rem);
  }
  body.et-db #et-boc .et-l .et_pb_row.vitamina-row-mas-ancha {
    width: calc(100% - 6rem) !important;
  }
}
.vitamina-no-padding-no-margin-todasdirecciones {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 100% !important;
}

.et_pb_section.vitamina-seccion_100pcient-pantalla {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px;
  left: 50%;
}
.et_pb_section.vitamina-seccion_100pcient-pantalla .vitamina-row-100pcien {
  width: 100% !important;
  max-width: 100% !important;
}

/* Anchos controlados*/
body .et_pb_module.vtm-max-width-750 {
  max-width: 876px !important;
}

body .et_pb_module.vtm-max-width-800 {
  max-width: 800px !important;
  margin-inline: auto !important;
}

body .et_pb_module:has(.vtm-max-width-800) {
  max-width: 800px !important;
  margin-inline: auto !important;
}

body .entry-content .et_pb_section .et_pb_row.vtm-row-max-width-800 {
  max-width: 800px !important;
  margin-inline: auto !important;
}

/*
 1. Botones sin icono mixins
*/
/*
 2. Botones con icono mixins
*/
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.post-type-archive-board-members #zona-breadcrumbs {
  padding-top: 54px;
  padding-bottom: 40px !important;
}
body.post-type-archive-board-members #zona-breadcrumbs .vtm-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body.post-type-archive-board-members #zona-breadcrumbs .breadcrumbs-wrapper {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.43 !important;
  font-weight: 400 !important;
  font-family: "Inter";
  color: #161f4b !important;
}
body.post-type-archive-board-members #zona-breadcrumbs .breadcrumbs-wrapper a {
  font-size: 1.4rem;
  line-height: 1.43 !important;
  font-weight: 400 !important;
  font-family: "Inter";
  color: #002bdb !important;
  font-weight: 700 !important;
  position: relative;
}
body.post-type-archive-board-members #zona-titulo-y-descripcion {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-top: 10px;
  margin-bottom: 10px;
}
body.post-type-archive-board-members #zona-titulo-y-descripcion .vtm-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body.post-type-archive-board-members #zona-titulo-y-descripcion .vtm-row h1 {
  font-size: 5rem;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  font-family: "Inter";
}
@media screen and (max-width: 1420px) {
  body.post-type-archive-board-members #zona-titulo-y-descripcion .vtm-row h1 {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 680px) {
  body.post-type-archive-board-members #zona-titulo-y-descripcion .vtm-row h1 {
    font-size: 3.5rem;
  }
}
body.post-type-archive-board-members #zona-board-members-grid-president-and-vice {
  background: #EDEDF0 !important;
  padding-top: min(10px + 6vw, 60px) !important;
  padding-bottom: min(10px + 5vw, 50px) !important;
  position: relative;
}
body.post-type-archive-board-members #zona-board-members-grid-president-and-vice .vtm-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body.post-type-archive-board-members #zona-board-members-grid-president-and-vice .vtm-row h2 {
  font-size: 2.8rem;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  font-family: "Inter";
  margin-bottom: 20px;
}
body.post-type-archive-board-members #zona-board-members-grid-president-and-vice:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  background-image: url("../png/bdva-geometry-2.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  width: clamp(40px, 10px + 20vw, 200px);
  height: 250px;
  position: absolute;
  right: -50px;
  top: 100px;
  transform: rotate(45deg);
}
body.post-type-archive-board-members #zona-board-members-grid-others {
  padding-top: min(10px + 6vw, 60px) !important;
  padding-bottom: min(10px + 9vw, 90px) !important;
  position: relative;
}
body.post-type-archive-board-members #zona-board-members-grid-others .vtm-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
body.post-type-archive-board-members #zona-board-members-grid-others .vtm-row h2 {
  font-size: 2.8rem;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  font-family: "Inter";
  margin-bottom: 20px;
}
body.post-type-archive-board-members #zona-board-members-grid-others:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  background-image: url("../png/bdva-geometry-5.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  width: clamp(40px, 10px + 20vw, 200px);
  height: 250px;
  position: absolute;
  left: -60px;
  top: 250px;
}
body.post-type-archive-board-members .vtm-row .grid-board-members {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: min(10px + 9vw, 90px);
  row-gap: min(10px + 10vw, 100px);
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__imagen {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 24px;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__imagen img {
  display: flex;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 1;
  transition: all 0.2s linear;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__fullname {
  font-size: 2.2rem;
  line-height: 1.17 !important;
  font-weight: 600 !important;
  font-family: "Inter";
  color: #161f4b !important;
  margin-bottom: 4px;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__type {
  font-size: 1.6rem;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: "Inter";
  color: #161f4b !important;
  font-weight: 500 !important;
  margin-bottom: 4px;
}
@media screen and (max-width: 680px) {
  body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__type {
    font-size: 1.5rem;
  }
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__social {
  padding-bottom: 10px;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__social a i {
  font-size: 2.4rem !important;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__position-and-company {
  margin-top: 10px;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__position {
  font-size: 1.6rem;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: "Inter";
  color: #161f4b !important;
  font-weight: 500 !important;
  margin-bottom: 4px;
}
@media screen and (max-width: 680px) {
  body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__position {
    font-size: 1.5rem;
  }
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__company .card-board-member__company-name {
  font-size: 1.6rem;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: "Inter";
  color: #161f4b !important;
  margin-bottom: 16px;
  font-weight: 600 !important;
}
@media screen and (max-width: 680px) {
  body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__company .card-board-member__company-name {
    font-size: 1.5rem;
  }
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__company a .card-board-member__company-name {
  font-weight: 700 !important;
  color: #002bdb !important;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__company a .card-board-member__company-name:after {
  content: "\f14c";
  font-family: "Font Awesome 6 Free";
  margin-left: 5px;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__company a:hover .card-board-member__company-name {
  text-decoration: underline;
}
body.post-type-archive-board-members .vtm-row .grid-board-members .card-board-member .card-board-member__inner .card-board-member__company a:hover .card-board-member__company-name:after {
  text-decoration: none !important;
}
@media (max-width: 1350px) {
  body.post-type-archive-board-members #zona-breadcrumbs {
    padding-top: 54px;
  }
}
@media (max-width: 1280px) {
  body.post-type-archive-board-members .vtm-row .grid-board-members {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: min(10px + 6vw, 60px);
    row-gap: min(10px + 6vw, 60px);
  }
}
@media (max-width: 980px) {
  body.post-type-archive-board-members .vtm-row .grid-board-members {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  body.post-type-archive-board-members .vtm-row .grid-board-members {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}

/*# sourceMappingURL=ppal-style-cpt-archive-board-members.css.map */