.white {
  color: #fff;
}
.bg-white {
  background-color: #fff;
}
.black {
  color: #000;
}
.bg-black {
  background-color: #000;
}
.purple {
  color: #8c93c2;
}
.bg-purple {
  background-color: #8c93c2;
}
.dark-purple {
  color: #423047;
}
.bg-dark-purple {
  background-color: #423047;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/e4690c0771f951cf1a0efa6ab8d01ec1.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/ece83a2583223497d95d1195546b170b.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/b1c152bb20fffab8db5551832d2c48f2.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/9e894d6447ebd8b4d5d5afbc888f1a02.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/2745b121792c68a8cc5da573fd6bc2f1.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/90e4820018aad5bcae12bb731de8b612.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/23415323a3d5443844fc5e6361a33e7c.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "RedHatDisplay";
  src: url(../fonts/088b56cbd33df63adf01cc44e5e2c7ff.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
.redHat-regular {
  font-family: "RedHatDisplay";
  font-weight: 400;
  font-style: normal;
}
.redHat-medium {
  font-family: "RedHatDisplay";
  font-weight: 500;
  font-style: normal;
}
.redHat-bold {
  font-family: "RedHatDisplay";
  font-weight: 700;
  font-style: normal;
}
.redHat-black {
  font-family: "RedHatDisplay";
  font-weight: 800;
  font-style: normal;
}
.redHat-regular-italic {
  font-family: "RedHatDisplay";
  font-weight: 400;
  font-style: italic;
}
.redHat-medium-italic {
  font-family: "RedHatDisplay";
  font-weight: 500;
  font-style: italic;
}
.redHat-bold-italic {
  font-family: "RedHatDisplay";
  font-weight: 700;
  font-style: italic;
}
.redHat-black-italic {
  font-family: "RedHatDisplay";
  font-weight: 800;
  font-style: italic;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  font-family: "RedHatDisplay";
  font-weight: 400;
  color: #000;
  text-align: left;
  background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #000;
  text-decoration: none;
}

.center {
  display: grid;
  place-items: center;
}

.center-items {
  display: grid;
  align-content: center;
}

button {
  font-family: "poppins", sans-serif !important;
  font-weight: 500;
  font-style: normal;
  font-size: 14pt;
  border: none;
  color: #fff;
  background-color: #6d416c;
  border-radius: 20px;
  background-size: 100% auto;
  padding: 0.6em 1.5em;
}

button:hover {
  background-position: right center;
  background-size: 200% auto;
  -webkit-animation: pulse 2s infinite;
  animation: pulse512 1.5s infinite;
}

@keyframes pulse512 {
  0% {
    box-shadow: 0 0 0 0 #8c93c2;
  }

  70% {
    box-shadow: 0 0 0 10px rgb(218 103 68 / 0%);
  }

  100% {
    box-shadow: 0 0 0 0 rgb(218 103 68 / 0%);
  }
}

.graf-bars {
  transform: translate(-100%);
  will-change: transform;
  transition: all 0.8s;
}
.graf-bars.show {
  transform: translate(0);
}
.graf-circles {
  opacity: 0;
  transform-origin: 50% 50%;
}
.graf-circles.show {
  animation: rotateGraf 0.8s forwards;
}
@keyframes rotateGraf {
  0% {
    opacity: 0;
    transform: rotate(359deg);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0);
  }
}
@keyframes levitate {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 10px);
  }
}
@keyframes vibrate {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex .col-2 {
  width: 50%;
  padding: 3%;
}
@media (max-width: 960px) {
  .flex .col-2 {
    width: 100%;
  }
}
.flex .col-3 {
  width: 33%;
  padding: 3%;
}
@media (max-width: 960px) {
  .flex .col-3 {
    width: 100%;
  }
}
.portada {
  padding-top: 6%;
}
@media (max-width: 960px) {
  .portada {
    padding-top: 20%;
  }
}
.sub {
  font-size: 1.5em;
}
@media (max-width: 960px) {
  .sub {
    font-size: 1.3;
  }
}
.subrayado {
  padding: 1.5%;
  background-color: #8c93c2;
  font-size: 1.2em;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  display: inline;
}
.banner {
  background-image: url(../images/FondoCarosuel.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 60%;
}

.banner p{
  color: #fff;
  font-weight: 500 !important;
  font-style: italic !important;
}

.banner p span{
  font-weight: 800 !important;
  color: white;
}

@media (max-width: 960px) {
  .banner {
    font-size: 2.3em;
  }
}
.title h2 {
  font-family: "RedHatdisplay";
    font-weight: 700;
    font-size: 45pt;
  color: #6d416c;
}
@media (max-width: 960px) {
  .title h2 {
    font-size: 2em;
  }
}

.title h3 {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
}
@media (max-width: 960px) {
  .title h3 {
    font-size: 1.5em;
  }
}

.title-h3 {
  font-family: "RedHatDisplay";
  font-weight: 500;
  font-size: 15pt;
  margin: 0;
  background: #8a94c5;
  padding: 1.5%;
  border-radius: 10px;
  color: #fff;
}

.ej {
  font-size: 20pt;
  font-weight: 700;
  color: #6c6e9d;
}

.bubbles {
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bubbles img {
  width: 85%;
  animation: levitate 3s alternate ease-in-out infinite;
}
.text {
  font-size: 1.3em;
}
@media (max-width: 960px) {
  .text {
    font-size: 1.2em;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.uc {
  text-transform: uppercase;
}
.main {
  min-height: 100vh;
}
.main-container {
  padding: 5%;
}
.modal {
  background-color: #423047;
  color: white;
}
.modal .left {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.modal .left img {
  width: 70%;
}
.modal .right .title h2 {
  font-size: 2.2em;
  color: white;
}
.modal .right .text {
  font-size: 1.1em;
}
.index1 .right {
  background-image: url(../images/4a4f80e33a53b29c198127450d470d12.svg);
}
.index2 {
  background-color: #f2f2f2;
  padding: 3%;
}
.index2 .sub {
  text-align: center;
}
.index2 .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index2 .cards {
  width: 70%;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .index2 .cards {
    width: 100%;
    align-items: center;
  }
}
.index2 .cards .card {
  width: 18%;
  margin-right: 16%;
}
@media (max-width: 960px) {
  .index2 .cards .card {
    width: 55%;
    margin-right: 0;
    margin-bottom: 5%;
  }
}
.index2 .cards .card:last-child {
  margin-right: 0;
}

.index3 {
  background-color: #8a94c5;
}

.index3 .left {
  background-image: url(../images/c3813dad0d01989568723e5883c2b474.svg);
}
@media (max-width: 960px) {
  .index4 .title h2 {
    font-size: 2.3em;
  }
}
.index4 .left {
  background-image: url(../images/c3813dad0d01989568723e5883c2b474.svg);
}
.index4 .container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5%;
}
.index4 .container .cards {
  width: 85%;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .index4 .container .cards {
    width: 100%;
  }
}
.index4 .container .cards .card {
  width: 22%;
  margin-right: 11%;
}
@media (max-width: 960px) {
  .index4 .container .cards .card {
    width: 65%;
    margin-right: 0;
    margin-bottom: 5%;
  }
}
.index4 .container .cards .card:last-child {
  margin-right: 0;
}
.index6 {
  background-color: #f2f2f2;
}
.index6 .animation {
  animation: levitate 3s alternate ease-in-out infinite;
}
.index6 .title h2 {
  font-size: 2.7em;
}
.index6 .title h2::after {
  left: 43%;
}
.index6 .sub {
  text-align: center;
}
.index6 .sub span {
  color: #8c93c2;
}
.index6 .left .graf {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index6 .left .graf svg {
  width: 50%;
}
.index6 .right {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.index6 .right .graf {
  width: 65%;
}
@media (max-width: 960px) {
  .index6 .right .graf {
    width: 85%;
  }
}
.index7 .title h2 {
  font-size: 2.3em;
}
.index7 .right {
  background-image: url(../images/e9939150dd07423013e92ce4d3d52a90.svg);
}
.index7-2{
  background-color: #f2f2f2;
}
.index7-2 .title h2 {
  font-size: 2.3em;
}
.index7-2 .right {
  background-image: url(../images/5c9sdenf32953josidhc09u204ifne.svg);
}
.mobileButton {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0;
  padding: 2%;
  z-index: 998;
  background-color: white;
  display: none;
}
@media (max-width: 960px) {
  .mobileButton {
    display: inherit;
  }
}
.mobileButton img {
  width: 25%;
}
nav {
  position: fixed;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 999;
  background-color: white;
  transition: all 0.3s;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 960px) {
  nav {
    bottom: 0;
    top: 0;
    display: block;
    transition: all 0.8s;
    transform: translateY(-200%);
  }
  nav.open {
    transform: translate(0);
  }
}
nav .close {
  display: none;
  position: absolute;
  top: 1%;
  right: 1%;
  color: black;
}
@media (max-width: 960px) {
  nav .close {
    display: inherit;
  }
}
nav.hide {
  /* height: 75px; */
  background-color: #fff !important;
  color: #8a94c5 !important;
}
@media (max-width: 960px) {
  nav.hide {
    height: unset;
  }
}
nav .logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2%;
  padding-top: 2%;
  width: 20%;
  transition: all 0.3s;
}
@media (max-width: 960px) {
  nav .logo {
    width: 50%;
  }
}
nav .logo img {
  width: 130px;
  transition: all 0.3s;
}
@media (max-width: 960px) {
  nav .logo img {
    width: 80%;
  }
}
nav .logo.small {
  padding-left: 1%;
  padding-top: 1%;
}
@media (max-width: 960px) {
  nav .logo.small {
    padding-top: 2%;
    padding-left: 2%;
  }
}

nav .logo.small img {
  opacity: 0;
  width: 90px;
}

nav .logo2 img {
  position: absolute;
  top: 23%;
  left: 2%;
  opacity: 1;
  width: 75px;
}

nav .logo2.small img {
  opacity: 0 !important;
}

@media (max-width: 960px) {
  nav .logo.small img {
    width: 80%;
  }
}
nav .navbar-right {
  width: 80%;
  transition: all 1s;
}
nav .navbar-nav {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  list-style: none;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 960px) {
  nav .navbar-nav {
    display: block;
    margin-top: 10%;
  }
}
nav .navbar-nav li {
  margin: 2%;
}
nav .navbar-nav li a {
  color: #6c6e9d;
}
nav .navbar-nav li a.unaviable {
  opacity: 0.4;
}
nav .navbar-nav li a.unaviable:hover {
  font-weight: 400;
  color: #6c6e9d;
}
@media (max-width: 960px) {
  nav .navbar-nav li a {
    font-size: 1.5em;
  }
}
nav .navbar-nav li a:hover {
  color: #423047;
  font-weight: 500;
}
nav .navbar-nav li a.click {
  color: #423047;
  font-weight: 500;
}
nav .navbar-nav li a.mex {
  font-weight: 500;
  font-size: 0.9em;
  text-transform: uppercase;
}
@media (max-width: 960px) {
  nav .navbar-nav li a.mex {
    font-size: 1.4em;
  }
}
nav .navbar-nav li a.mex strong {
  font-weight: 800;
  text-transform: lowercase;
  vertical-align: text-bottom;
}
nav .navbar-nav li a.mex:hover {
  color: #542482;
}
nav .navbar-nav li a.mex:hover span {
  color: #c90a7d;
}
nav .navbar-nav li a.mex.click {
  color: #542482;
}
nav .navbar-nav li a.mex.click span {
  color: #c90a7d;
}
footer {
  background-color: #6d416c;
  color: white;
  min-height: 15vh;
}
footer .top {
  min-height: 5vh;
  background-color: #8c93c2;
}
footer .left,
footer .right {
  display: flex;
  min-height: 5vh;
}
footer .left {
  justify-content: flex-start;
  align-items: flex-end;
}
footer .left p {
  margin: 0;
}
footer .right {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
footer .right a {
  color: white;
  margin-top: 1%;
  margin-bottom: 1%;
}
footer .right a:last-child {
  margin-bottom: 0;
}
.somos1 .left {
  background-image: url(../images/figura1.svg);
}
.somos1 h2{
  font-family: "RedHatdisplay";
  font-weight: 700;
  font-size: 45pt;
}
.somos1 p{
  font-family: "RedHatdisplay";
  font-size: 16pt;
  color: #fff;
}
.somos2 {
  background-color: #63436a;
  font-size: 2.2em;
}
.somos2 h2{
  font-family: "RedHatdisplay";
  font-weight: 700;
  font-size: 45pt;
  color: #fff;
}
.somos2 p{
  font-family: "RedHatdisplay";
  font-size: 16pt;
}
@media (max-width: 960px) {
  .somos2 {
    font-size: 1.8em;
  }
}
.somos3 .container {
  padding-left: 5%;
  padding-right: 5%;
}
.somos3 .cards {
  justify-content: center;
  align-items: center;
}
.somos3 .cards .card {
  width: 18%;
  padding: 1%;
  border-radius: 5px;
  background-color: #f2f2f2;
  margin: 1%;
}
@media (max-width: 960px) {
  .somos3 .cards .card {
    width: 45%;
  }
}
.impacto1-1 {
  padding-top: 6%;
}
@media (max-width: 960px) {
  .impacto1-1 {
    padding-top: 20%;
  }
}
.impacto1-1 .left {
  display: flex;
  justify-content: center;
  align-items: center;
}
.impacto1-1 .title h2 {
  font-size: 3em;
}
@media (max-width: 960px) {
  .impacto1-1 .title h2 {
    font-size: 1.7em;
  }
}
.impacto1-1 .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.impacto1-1 .right .graf {
  width: 85%;
}
@media (max-width: 960px) {
  .impacto1-1 .right .graf {
    width: 90%;
  }
}
.impacto1 .left {
  background-image: url(../images/b58c39d2378fe9ecaf233c33d58dc36f.svg);
  min-height: 60vh;
}
.impacto2 {
  background-color: #8a94c5;
}
.impacto2 h2{
  font-family: "RedHatdisplay";
  font-weight: 700;
  font-size: 45pt;
}
.impacto2 p{
  font-family: "RedHatdisplay";
  font-size: 16pt;
  color: #fff;
}
.impacto2 .mobileContainer {
  display: none;
}
@media (max-width: 960px) {
  .impacto2 .mobileContainer {
    display: inherit;
  }
}
.impacto2 .mobileContainer .uk-accordion-title::before {
  display: none;
}
.impacto2 .mobileContainer .text {
  font-size: 1em;
}
.impacto2 .mobileContainer .icon {
  animation: vibrate 1s alternate linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
.impacto2 .mobileContainer .icon img {
  width: 60%;
}
.impacto2 .title h2 {
  color: white;
  font-size: 2.8em;
}
.impacto2 .text {
  text-align: center;
  color: white;
}
.impacto2 .container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 960px) {
  .impacto2 .container {
    display: none;
  }
}
.contenedor {
  display: flex;
  align-items: flex-start;
  margin: 20px;
}

.imagenes {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.imagen {
  cursor: pointer;
}

.info {
  display: none;
  margin-left: 20px;
}

.cerrar {
  cursor: pointer;
}
.hidden-content {
  display: none;
}
.impacto2 .container .closeCard {
  position: absolute;
  top: 0;
  right: 10%;
  z-index: 100;
  display: none;
  cursor: pointer;
}
.impacto2 .container .closeCard.show {
  display: inherit;
}
.impacto2 .cards {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 90%;
  position: relative;
}
.impacto2 .card {
  background-color: #6d416c;
  position: relative;
  z-index: 1;
  flex-basis: 21%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 2%;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.impacto2 .card.active {
  flex-basis: 100%;
}
.impacto2 .card.hidden {
  flex-basis: 0;
  opacity: 0;
}
.impacto2 .card .content {
  flex-shrink: 0;
  width: 100vw;
}
.impacto2 .card .icon {
  animation: vibrate 1s alternate linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
.impacto2 .card .icon img {
  width: 40%;
}
.impacto2 .card .pad .title h2 {
  font-size: 2em;
}
.impacto2 .card .pad .text {
  font-size: 1em;
  width: 70%;
  text-align: left;
}
.impacto2 .card-text {
  color: white;
  font-weight: 500;
  font-size: 1.1em;
  margin-top: 5%;
  text-align: center;
}
.impacto3 .sub {
  text-align: center;
}
.impacto3 .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.impacto3 .card img {
  width: 25%;
}
.impacto3 .card-text {
  color: #423047;
  font-weight: 500;
  font-size: 1.3em;
  text-align: center;
}
.impacto3 .text {
  text-align: center;
}
.impacto3 .text li {
  text-align: left;
}
.impacto3 .left {
  border-right: 2px #8c93c2 solid;
}
.impacto3 .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
}
.impacto3 .bottom img {
  width: 20%;
}
.salud1 .right {
  background-image: url(../images/5bef28ef8c06626218a2b289611bb48b.svg);
}
.salud2 {
  font-size: 1.7em;
}
@media (max-width: 960px) {
  .salud2 {
    font-size: 1.3em;
  }
}
.salud3 {
  background-color: rgba(0, 0, 0, 0.1);
}
.salud3 .sub {
  text-align: center;
}
.salud3 .title h2::after {
  left: 48%;
}
@media (max-width: 960px) {
  .salud3 .title h2::after {
    left: 40%;
  }
}
.salud3 .cards {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: wrap;
  height: auto;
  justify-items: stretch;
  flex-direction: row;
  align-content: stretch;
  justify-content: center;
}
@media (max-width: 960px) {
  .salud3 .cards {
    flex-wrap: wrap;
  }
}
.salud3 .cards .card {
  width: 25%;
  padding: 3%;
  margin: 1%;
  background-color: #f2f2f2;
  text-align: center;
  border-radius: 10px;
  border: solid 1px #523658;
}
@media (max-width: 960px) {
  .salud3 .cards .card {
    width: 80%;
  }
}
.salud3 .cards .card .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
}
.salud3 .cards .card:first-child .bottom img {
  width: 40%;
}
.salud3 .cards .card:last-child .bottom img {
  width: 70%;
}
.salud3 .cards .card-title p{
  font-size: 15pt;
  color: #8c93c2;
  font-weight: 500;
  margin-bottom: 0;
}
.salud3 .cards .card-text p{
  font-size: 0.8em;
  margin-top: 5%;
}
.salud3 .cards .card-year span{
  font-family: "RedHatdisplay";
  font-weight: 600;
  font-size: 11pt;
  color: #423047;
}
.mex1 .left {
  background-image: url(../images/aef9f6f62be5fc234fc96663b7677de1.svg);
}
.mex1 .ttext {
  font-size: 1.8em;
}
.mex1 .title h2 {
  color: #542482;
  text-transform: uppercase;
  font-weight: 800;
}
.mex1 .title span {
  color: #c90a7d;
}
.mex1 .title strong {
  font-weight: 800;
  text-transform: lowercase;
  vertical-align: text-bottom;
}
.mex1 a {
  color: #8c93c2;
  font-size: 0.8em;
}
.conv1 .slide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .conv1 .slide {
    flex-wrap: wrap;
  }
}
.conv1 .slide .card {
  width: 20%;
  margin: 4%;
}
@media (max-width: 960px) {
  .conv1 .slide .card {
    width: 80%;
  }
}
.conv1 .slide .card:nth-child(1) .card-image {
  background-image: url(../images/b8b97e7a6760d7d0960058c52291cae5.jpg);
}
.conv1 .slide .card:nth-child(2) .card-image {
  background-image: url(../images/712f24c6c34d05f8926c218108941fd5.jpg);
}
.conv1 .slide .card:nth-child(3) .card-image {
  background-image: url(../images/1cef51e2f3099f20b967370de2ef7bcd.jpg);
}
.conv1 .slide .card .card-image {
  background-size: cover;
  min-height: 20vh;
}
.conv1 .slide .card-bottom {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 5%;
}
.conv1 .slide .card-title {
  color: #523658;
  font-weight: 500;
}
.conv1 .slide .card-text {
  font-size: 0.8em;
}
.conv2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.conv2 .title h2::after {
  left: 47%;
}
.conv2 .video {
  display: flex;
  justify-content: center;
  align-items: center;
}
.conv2 .video .container {
  position: relative;
}
.conv2 .video .container video {
  cursor: pointer;
}
.conv2 .video .container .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 21;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.conv2 .video .container .overlay.hide {
  display: none;
}
.conv2 .video .container .overlay span {
  background-color: #423047;
  border-radius: 50%;
  color: #8c93c2;
}
.conv2 .video .container .overlay span svg polygon {
  fill: #8c93c2;
}
.conv2 .videos .slide .imagen.one {
  background-image: url(../images/2b95dad9971d5e3bfb9ddab22a074ada.jpg);
}
.conv2 .videos .slide .imagen.two {
  background-image: url(../images/79a1ef67232f9f0544b03896e6783020.jpg);
}
.conv2 .videos .slide .imagen.three {
  background-image: url(../images/aa6e25e88fe3e821c53054e0b59b9f9b.jpg);
}
.conv2 .videos .imagen {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 40vh;
  background-size: cover;
  cursor: pointer;
}
.conv2 .videos .imagen .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.conv2 .videos .imagen span {
  color: white;
}

/* -- nuevo home --- */

.homenew {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  min-height: 100vh;
  overflow: hidden;
}
.contergeneral {
  width: 90%;
  max-width: 1400px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.conter {
  width: 100%;
  display: block;
  overflow: hidden;
}
.logohomenew {
  width: 90%;
  max-width: 300px;
  display: block;
  margin: 0 auto;
}
.padtop20px {
  padding-top: 20px;
}
.textcenter {
  text-align: center;
}
.textupper {
  text-transform: uppercase;
}

.carousel-navigation {
  display: flex;
  justify-content: center;
  margin-top: 5%;
}

.carousel-navigation label {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc; /* Color de los puntos inactivos */
  margin: 0 5px;
  cursor: pointer;
}

.carousel-navigation label:hover {
  background-color: #fff; /* Cambia el color cuando el punto se coloca sobre él */
}

input[id^="carousel2-"] {
  display: none; /* Oculta los radio buttons */
}

/* Cambia el color del punto cuando está seleccionado */
input[id^="carousel2-"]:checked + .carousel-navigation label {
  background-color: #fff;
}

.carousel {
  position: relative;
  margin-top: 26px;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-open:checked + .carousel-item {
  position: static;
  opacity: 100;
}

.carousel-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.carousel-item img {
  display: block;
  height: auto;
  max-width: 100%;
}

.carousel-control {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 40px;
  height: 40px;
  line-height: 35px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 40px;
  z-index: 10;
}

.carousel-control.prev {
  left: 2%;
}

.carousel-control.next {
  right: 2%;
}

.carousel-control:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #aaaaaa;
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3,
#carousel-4:checked ~ .control-4,
#carousel-5:checked ~ .control-5 {
  display: block;
}

.nav-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
}

.nav-dot.active {
  background-color: #fff;
}

/* carousel2 */
.carousel-item p {
  font-family: "RedHatDisplay";
  font-weight: 500;
  font-style: normal;
  font-size: 18pt;
  margin: 0;
}

.index5.banner .carousel {
  max-height: 300px;
  position: relative;
  margin-top: 26px;
  overflow: hidden;
}

.index5.banner .carousel-inner {
  display: flex;
  width: 100%;
}

.index5.banner .carousel-open:checked + .carousel-item {
  position: static;
  opacity: 100;
}

.index5.banner .carousel-item {
  flex: 0 0 100%;
  white-space: normal;
  padding: 0 10px;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
}

.index5.banner .carousel-item img {
  display: block;
  height: auto;
  max-width: 100%;
}

.index5.banner .carousel-control {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 40px;
  height: 40px;
  line-height: 35px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 40px;
  z-index: 10;
}

.index5.banner .carousel-control.prev {
  left: 2%;
}

.index5.banner .carousel-control.next {
  right: 2%;
}

.index5.banner .carousel-control:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #aaaaaa;
}

.index5.banner #carousel2-1:checked ~ .control-1,
.index5.banner #carousel2-2:checked ~ .control-2,
.index5.banner #carousel2-3:checked ~ .control-3 {
  display: block;
}
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 60px;
}

.modal p{
  font-size: 13pt;
  letter-spacing: 1px;
}

.modal-contenido {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 3px 3px 3px 0;
  border-radius: 15px;
  border: 1px solid #888;
  width: 80%;
}

.cerrar {
  color: #6c6e9d;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.cerrar:hover,
.cerrar:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.imagen img {
  max-width: 100%;
}

.texto {
  margin-left: 10px;
  max-width: 60%;
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 15pt;
}