/*@font-face {*/
/*    font-family: 'Roboto-Thin';*/
/*    src: url("../fonts-add/Roboto-Thin.eot");*/
/*    src: url("../fonts-add/Roboto-Thin.eot?#iefix") format('embedded-opentype'),url("../fonts-add/Roboto-Thin.svg#Roboto-Thin") format('svg'),url("../fonts-add/Roboto-Thin.ttf") format('truetype'),url("../fonts-add/Roboto-Thin.woff") format('woff'),url("../fonts-add/Roboto-Thin.woff2") format('woff2');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: block*/
/*}*/


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #616161 #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #616161;
    /*border-radius: 10px;*/
    border: 0px solid #ffffff;
  }

/**/

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #842b7c
}

::selection {
  color: white;
  background: #842b7c
}

:root {
  --background-color: #fff;
  --text-color: #121416d8;
  --link-color: #543fd7;
  --gray-color: #5c5c5c;
}

#container-general[data-theme='light'] {
  --background-color: #fff;
  --text-color: #121416d8;
  --link-color: #543fd7;
}

#container-general[data-theme='dark'] {
  --background-color: #000;
  --text-color: #F7F8F8;
  --link-color: #828fff;
  --font-family-title: 'Poppins';
}

.lazy-youtube-embed {
    width: 100%!important;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}
#colophon{
    display:none;
}
#adv-search-header-mobile{
    display:none!important;
}
html {
  scroll-behavior: smooth;
}
body {
  background: var(--background-color);
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 1023px){
    .header_media{
        display:none;
    }
}
div#container-general {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 40px;
    /*scroll-behavior: smooth;*/
    /*scroll-padding: -200px;*/
}
div#menu-new {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fec023;
    width: 40px;
    padding-top: 7%;
    border-right: 1px dashed #000000;
    display: flex;
    flex-direction: column;
}
.links-menu {
    height: 72%;
    color: #000;
}
.item-link-menu {
    writing-mode: tb-rl;
    -webkit-transform-origin: 50% 51%;
    perspective: 100px;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 13px;
    transform: scale(-1);
    margin: 2px auto;
    text-transform: uppercase;
}
.item-link-menu a {
    padding: 8px 4px;
    cursor: pointer;
    border-radius: 7px;
    color: #000!important;
}
.item-link-menu.active a{
    background: #fff;
}
.contacto-menu{
    cursor: pointer;
    width: 100%;
    height: 28%;
    background: #000;
    
}
.contacto-menu a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.contacto-menu div {
    transform: scale(-1);
    margin: auto;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    color: #bfdd00;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    -webkit-transform-origin: 50% 51%;
    writing-mode: tb-rl;
}
.contacto-menu img {
    width: 28px;
    margin: 0px 0 20px;
}
.list-modal-button.active {
  visibility: visible;
  opacity: 1;
}

.list-modal-button.active ul {
  right: 0%;
}

.list-modal-button {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00000087;
  z-index: 99999999;
}

.list-modal-button ul {
  list-style: none;
  margin: 0;
  position: absolute;
  right: -100%;
  top: 15%;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.elem-asesor a {
  background: #f3f3f3;
  padding: 7px 61px 6px 7px;
  margin: 3px 0;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
}

.list-modal-button .elem-asesor img {
  width: 77px;
  border-radius: 10px;
}

.elem-asesor .datos-asesor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 15px 0 15px;
}

.elem-asesor .datos-asesor .nombre-asesor {
  display: inline-block;
  font-family: 'Poppins';
  font-size: 16px;
}

.elem-asesor .datos-asesor .cargo-asesor {
  font-size: 12px;

}




section.portada-vive.section {
    background: #000;
    color: #fff;
    background: -moz-radial-gradient(0% 2%, circle, rgb(0 0 0) 9px, #0c0c0c 10px, rgb(0 0 0) 11px), -webkit-radial-gradient(100% 100%, rgb(0 0 0) 9px, #ffffff38 10px, rgb(255 255 255 / 62%) 11px), none;
    background: -webkit-radial-gradient(0% 2%, circle, rgb(0 0 0) 9px, #040404 10px, rgb(0 0 0) 11px), -webkit-radial-gradient(100% 100%, rgb(0 0 0) 9px, #ffffff38 10px, rgb(255 255 255 / 62%) 11px), none;
    background: -ms-radial-gradient(0% 2%, circle, rgb(0 0 0) 9px, #0c0c0c 10px, rgb(0 0 0) 11px), -webkit-radial-gradient(100% 100%, rgb(0 0 0) 9px, #ffffff38 10px, rgb(255 255 255 / 62%) 11px), none;
    background: -o-radial-gradient(0% 2%, circle, rgb(0 0 0) 9px, #0c0c0c 10px, rgb(0 0 0) 11px), -webkit-radial-gradient(100% 100%, rgb(0 0 0) 9px, #ffffff38 10px, rgb(255 255 255 / 62%) 11px), none;
    background: radial-gradient(0% 2%, circle, rgb(0 0 0) 9px, #0c0c0c 10px, rgb(0 0 0) 11px), -webkit-radial-gradient(100% 100%, rgb(0 0 0) 9px, #ffffff38 10px, rgb(255 255 255 / 62%) 11px), none;
    background-size: 20px 20px;
}
section.portada-vive.section:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,0) 71%, rgb(35 0 47) 112%);
    z-index: 9;
}
.portada-vive .content-inner-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: auto;
    padding: 3% 10px 20px;
    justify-content: space-between;
    max-width: 2000px;
    width: 90%;
    /* max-height: 80vh; */
}
.message_container {
    /*width: 65%;*/
}
.person-container {
    position: relative;
}

.person-content {
    position: absolute;
    right: -42%;
    top: 5%;
    user-select: none;
    transition: all ease .5s;
    filter: inherit;
    /* transform: translate(-20%, -50%); */
    width: 540px;
    /*filter: contrast(1.2);*/
    transform: scale(1.3);
}
/*.person-content:hover {*/
/*    filter: url("#turbulence");*/
    
/*}*/
.person-content img{
    width: 540px;
}
.message-mini {
font-size: 40px;
    perspective: 100px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    /* padding: 10% 0 0; */
    margin: 0 0 0 10px;
}
.message-content {
    font-weight: bold;
    /* height: 100%; */
    justify-content: center;
    align-items: center;
    /* padding: 0 0 10%; */
    font-size: calc(48px + (130 - 48) * ((100vw - 375px) / (1600 - 375)));
    font-family: 'Roboto-Bold',sans-serif;
    letter-spacing: 1.86px;
    position: relative;
    /* z-index: 2; */
    line-height: 1.1;
    /* text-shadow: 4px 5px 2px #842b7c, 5px 1px 2px #fec023; */
    /* text-shadow: 4px 5px 2px #842b7c; */
}
.message-content.lider{
    /*transform: translateX(0%);*/
    /*transition: 500ms transform cubic-bezier(0.77, 0, 0.175, 1);*/
}
.message-content.lider:hover{
    /*transform: translateX(-2%);*/
}
.message-content.lider div{
    opacity:1;
    transition: 500ms transform,opacity cubic-bezier(0.77, 0, 0.175, 1);
    transform: translateX(0%);
}
.message-content.lider div:hover{
    opacity:.6;
    transform: translateX(2%);
}
.message-content.lider div:nth-child(1){
    transition-delay:200ms;
}
.message-content.lider div:nth-child(2){
    transition-delay:200ms;
}
.message-content.lider div:nth-child(3){
    transition-delay:300ms;
}
.message-content.lider div:nth-child(4){
    transition-delay:400ms;
}
.message-content.lider div:nth-child(1),
.message-content.lider div:nth-child(2)
{
    display: inline-block;
    position: relative;
    z-index: -1;
}
.decorator-text{
    position:relative;
}

.decorator-text:before{
    content: 'Tecnología - Educación - Inversión - Experiencia';
    bottom: 26px;
    left: -4px;
    transform: rotate(-90deg);
}
.decorator-text:after {
    content: 'Conocimiento - Ética - Transparencia - Reponsabilidad ';
    bottom: 11px;
    left: 10px;
}
.decorator-text:before,
.decorator-text:after{
    font-size: 13px;
    font-weight: 100;
    font-family: 'Hind',sans-serif;
    transform-origin: 0;
    position: absolute;
    color: #bebebe;
}



.dato-item {
    text-align: right;
    width: 131px;
    margin-left: auto;
    margin-bottom: 58px;
}
.dato-item img{
    object-fit: cover;
    height: 110px;
    border-radius: 10px;
    margin: 10px 0;
}
.dato-item div {
    font-size: 15px;
    font-family: 'Roboto-Light',sans-serif;
    letter-spacing: .3px;
    color: #d2d2d2;
}
.dato-item div.max{
    font-size: 50px;
    font-family: 'Roboto-Light',sans-serif;
    letter-spacing: 1px;
    font-weight: 200;
    line-height: normal;
    color:#fff;
}
.slice-slide{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.slice-left{
    transform:scale(-1);
}
.slice-left,
.slice-right{
    background: #3f3f3f;
    border-radius: 50%;
    cursor: pointer;
    margin: 2px;
}
    
.content_wrapper {
  width: 100%;
  padding: 0 !important;
  background-color: #842b7c!important;
}

#container-general section {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.content-inner-section {
  max-width: 1280px;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  padding: 10px;
}

.hero-section {
    background: var(--background-color);
    overflow: inherit!important;
    background-image:url(https://www.vivehg.com/wp-content/uploads/2022/09/96ecbfadac55a39b8909822f91399f00.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
}

.hero-section .content-inner-section{
    display: grid;
    /*grid-auto-columns: 1fr;*/
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas:
        "title video"
        "image image";
    padding: 58px 10px 153px;
}
.hero-section .title-hero{ grid-area:title;margin:auto;}
.container-sujeto{
    position: relative;
    top: -112px;
}
.container-sujeto .container-sujeto{ 
    grid-area:image;
    margin: auto;
    position: absolute;
    z-index: 99;
    /*bottom: -289px;*/
    left: 50%;
    transform: translateX(-50%);
}
.container-sujeto .elem-group-sujeto{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap: wrap;
}
.hero-section .container-video-hero{ grid-area:video; margin:auto;}
.title-hero h1 {
    color: var(--text-color);
    font-family: var(--font-family-title);
    text-align: center;
    font-size: 27px;
    width: 400px;
    height: 181px;
    position: relative;
    top:42px;
}
.title-hero h1 span{
    display: inline-block;
    vertical-align: top;
    margin-right: 1.5%;
}
.title-hero h1 strong{
 position: relative;   
}


.formal-container {
    margin: 20px;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    flex-wrap: wrap;
    color: #fff;
}
.formal-item {
    font-family: 'Poppins';
    font-size: 12px;
    text-align: center;
}
.formal-item img{
    height: 90px;
}

/*INFO*/
#all_wrapper{
    overflow: inherit;
}
.info-section{
    overflow: inherit!important;
    background: #842b7c;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2728%27 height=%2749%27 viewBox=%270 0 28 49%27%3E%3Cg fill-rule=%27evenodd%27%3E%3Cg id=%27hexagons%27 fill=%27%5a5a5a%27 fill-opacity=%270.02%27 fill-rule=%27nonzero%27%3E%3Cpath d=%27M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 42v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.info-section .content-inner-section {
    padding: 50px 10px;
    flex-wrap: nowrap;
    max-width: 2000px!important;
    justify-content: space-between;
}
.container-video-desc{
    display:flex;
}
.container-video-info {
    width: 100%;
    margin: 10px 10%;
}
.elem-container-video-info {
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 5px;
    
}


.circle-svg {
    max-width: 230px;
    cursor:default;
}
.circle-svg:hover .textcircle {
  transform: scale(1.2) rotate(90deg);
}

.textcircle {
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
  transform-origin: 250px 250px;
}
text {
  font-size: 22px;
  font-family: Roboto;
  font-weight: 500;
  text-transform: uppercase;
  font-variant-ligatures: none;
  fill: white;
  letter-spacing: 6px;
  animation: rotate 25s linear infinite;
  transform-origin: 250px 250px;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
.desc-elem-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #000000;
    /* height: 350px; */
    margin: auto 0;
    position: relative;
    transition: transform .2s;
    cursor: default;
    /*transform: scale(1.05);*/
}
/*.desc-elem-info:hover{*/
/*    transform: scale(1.07);*/
/*}*/
.desc-elem-info.left {
    padding: 40px 30% 20px 76px;
}
.desc-elem-info.right {
    /* align-items: flex-end; */
    /* text-align: right; */
    padding: 20px 76px 20px 30%;
}
.desc-elem-info.right .desc{
    background: #fff;
    color: #000;
    padding: 20px 30px;
    border-radius: 5px;
}
.desc-elem-info.right .title{
    color: #842b7c;
    text-align: right;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: normal;
    margin: 5px 0 0;
    font-weight: bold;
}
.desc-elem-info .title h4{
    color: #fec023;
    text-transform: uppercase;
}
.desc-elem-info .title h3 {
    font-size: 40px;
    color: #fff;
    font-family: 'Poppins';
}
.desc-elem-info .desc {
    /* width: 70%; */
    color: #fff;
    font-size: 15px;
    font-family: 'Poppins';
    /*letter-spacing: 2px;*/
    font-weight: 100;
    line-height: initial;
    font-family: 'Hind';
}
.desc-elem-info .desc div{
    margin: 10px 0px;
}
.image-info {
    position: relative;
    z-index: 1;
}
.image-info img{
    object-fit: cover;
    width: 750px;
    /*max-width: 941px;*/
    /*height: 600px;*/
}

.point-container {
    display: flex;
    flex-direction: column;
    /* gap: 8px; */
    /* background: #fff; */
    width: 220px;
    padding: 10px 8px;
    border-radius: 10px;
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    justify-content: space-around;
}
.point-elem {
    word-break: break-word;
    padding: 2px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    /* margin: 0 0 60px; */
}
.icon-elem img {
    width: 45px;
    background: #ffffff;
    border-radius: 50%;
    padding: 6px;
    box-sizing: content-box;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.title-elem {
    font-weight: bold;
    font-family: 'Poppins';
}
.text-container{
    
}
.description-elem {
    font-size: 14px;
}
.video-elem {
    /* width: 500px; */
    height: 391px;
    border-radius: 20px;
    /* overflow: hidden; */
    margin: 20px 0;
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
    margin: 0 0 0 auto;
}

/*VIDEOS*/
#videos .content-inner-section{
    max-width:2000px;
}
#videos h3{
    color: #fff;
    font-family: 'Poppins';
    font-size: 6rem;
    width: 100%;
    margin: 10px 0 40px;
    text-align: center;
    text-transform: uppercase;
}
.arrow-columna {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    z-index: 999999;
    position: relative;
}
.arrow-columna img {
    width: 100px;
    transform: rotate(338deg);
}
.arrow-columna div {
    font-family: 'Poppins';
    position: absolute;
    bottom: 26px;
    left: -32px;
    width: 88px;
}
.datos-container-left{
    position: relative;
    /*margin: 10px 0;*/
    z-index: 999;
    /*display: flex;*/
    width: 100%;
    /*overflow: auto;*/
}
.datos-container {
    position: relative;
    z-index: 0;
}
.columna-derecha{
    position:relative;
    z-index:99;
    order: 2;
    display: flex;
    width: 100%;
    justify-content: center;
}
/*.datos-container-left:before {*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 32px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    background: rgb(255,255,255);*/
/*    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(132 43 124) 100%);*/
/*}*/
.dato-item-left {
    display: flex;
    width: 100%;
    margin: 0 8px 0px 0;
}
.dato-item-left a {
    position: relative;
    margin: 0 10px;
    overflow: hidden;
    border-radius: 10px;
}
.dato-item-left img{
    object-fit: cover;
    height: 300px;
    width: auto;
    border-radius: 10px;
    /*margin: 0 10px;*/
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
.datos-container-left{
    scrollbar-width: auto;
    scrollbar-color: #383838 #000000;
  }

  /* Chrome, Edge, and Safari */
.datos-container-left::-webkit-scrollbar {
    width: 3px;
    height:5px;
  }

.datos-containe-left::-webkit-scrollbar-track {
    background: #000000;
  }

.datos-container-left::-webkit-scrollbar-thumb {
    background-color: #383838;
    border-radius: 10px;
    border: 0px solid #ffffff;
  }

/*PLAY VIDEO*/
.stroke-dotted {
  stroke-dasharray: 4, 5;
  stroke-width: 1px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: spin 4s infinite linear;
  animation: spin 4s infinite linear;
  -webkit-transition: opacity 1s ease, stroke-width 1s ease;
  transition: opacity 1s ease, stroke-width 1s ease;
}
.stroke-solid {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 4px;
  -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
  transition: stroke-dashoffset 1s ease, opacity 1s ease;
  opacity: 0;
}
.vid-icon {
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

.play-vid:hover .stroke-dotted {
  stroke-width: 4px;
  opacity: 1;
}
.play-vid:hover .stroke-solid {
  opacity: 1;
  stroke-dashoffset: 300;
}
.play-vid:hover .icon {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}
.play-vid {
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*opacity: 0.85;*/
  width: 55px;
  height: 55px;
}

/*BANDERAS*/
#posicionamiento {
    background: #842b7c;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(132,43,124,1) 29%);
}
#posicionamiento .content-inner-section {
    max-width: 2000px;
    padding: 5% 10px;
    display: block;
}
#posicionamiento h3 {
    color: #fff;
    font-family: 'Poppins';
    font-size: 6rem;
    width: 100%;
    margin: 10px 0 40px;
    text-align: center;
    text-transform: uppercase;
}
.grid {
    /*display: grid;*/
    /*grid-template-columns: repeat(7, 1fr);*/
    /*grid-template-rows: repeat(7, 1fr);*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*grid-gap: 10px;*/
    /*height: 100vh;*/
    /*margin: 0px 0 10px;*/
}



.tns-outer{
    position:relative;
}
.tns-outer > button{
    display:none;
}
.tns-outer .tns-controls button {
    border: none;
    padding: 0px;
    width: 50px;
    height: 100%;
    z-index: 9;
    font-weight: bold;
    font-family: monospace;
    font-size: 50px;
    color: #fff;
    background: #ffffff1a;
}
.tns-outer .tns-controls button:nth-child(1){
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    
}
.tns-outer .tns-controls button:nth-child(2){
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}
.grid div {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    transition: filter .3s ease;
    height: 300px;
    width: 200px;
    margin: 0 10px;
    position:relative;
    overflow:hidden;
    user-select:none;
}

.grid div:hover{
    filter: grayscale(1);
}
span.pais {
    color: #000;
    font-size: 30px;
    font-family: 'Poppins';
    font-weight: 600;
    width: 100%;
     text-align: center; 
    background: #fff;
    display: block;
    padding: 20px 20px;
    position: absolute;
    bottom: 0;
}


.grid-item1 {
  background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/0ff5688b0935206594266ed9ba87e8e4.jpg");
  background-size: cover;
  background-position: center;
    grid-column: 1/2;
    grid-row: 1/2;
}

.grid-item2 {
  background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/07bff81f208477d6ffa32d2298e3a11e.jpg");
  background-size: cover;
  background-position: center;
    grid-column: 1/2;
    grid-row: 2/4;
}

.grid-item3 {
    background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/15df288a9f4e1a1ff88b0a1ae34a4cef.jpg");
    background-size: cover;
    background-position: center;
    grid-column: 1/3;
    grid-row: 4/6;
}

.grid-item4 {
  background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/a5ab1fa4199426a4a1f1cfa23bf299e8.jpg");
  background-size: cover;
  background-position: center;
    grid-column: 2/4;
    grid-row: 2/4;
}

.grid-item5 {
  background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/14d204929bd4e31b9726a33e66531af3.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 4/6;
  grid-row: 1/3;
}

.grid-item6 {
  background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/c58445494b2ebb539045e034fd00d80b.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 4/5;
  grid-row: 3/5;
}

.grid-item7 {
  background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/30aaabbec8b8e1961770c48ee27036b9.jpg");
  background-size: cover;
  background-position: center;
  grid-column: 5/6;
  grid-row: 3/6;
}

.grid-item8 {
  background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/f2726adc12fc8d21c875c9ee5274335e.jpg");
  background-size: cover;
  background-position: center;
    grid-column: 6/7;
    grid-row: 1/4;
}
.grid-item9 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/45aea7db0f03fecc77f969bd296cdc62.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 3/4;
    grid-row: 4/6;
}

.grid-item10 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/59b8a68f5518805ff14961c896caddae.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 4/5;
    grid-row: 5/7;
}
.grid-item11 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/61c0f06df36ab44adf84a7fdad5f6b9e.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 3/4;
    grid-row: 1/2;
}
.grid-item12 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/32aa5f339eb718e348e7a33c1749b2d3.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 7/8;
    grid-row: 1/4;
}
.grid-item13 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/396695e64b47b6de6069029adaa04f47.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 6/8;
    grid-row: 4/6;
}
.grid-item14 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/a9d908db39d2b83a353a398f23bafb4e.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 2/3;
    grid-row: 1/2;
}
.grid-item15 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/08178acdaf59fb8ef375c94d8977cc93.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 2/4;
    grid-row: 6/8;
}
.grid-item16 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/a290c7b96bb914e661a0c8379077231f.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 5/7;
    grid-row: 6/8;
}
.grid-item17 {
    background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/9c8c3c20976adbc398d5366a0cd2f817.jpg);
    background-size: cover;
    background-position: center;
    grid-column: 5/7;
    grid-row: 6/8;
}

/*RECONOCIMIENTOS*/
#reconocimiento {
    background: #842b7c;
}
#reconocimiento .content-inner-section {
    max-width: 2000px;
    padding: 5% 10px;
    display: block;
}
#reconocimiento h3 {
    color: #fff;
    font-family: 'Poppins';
    font-size: 6rem;
    width: 100%;
    margin: 10px 0 40px;
    text-align: center;
    text-transform: uppercase;
}

/*PROFESIONALES*/
section#profesionales {
    background: #000;
}
#profesionales .content-inner-section {
    padding: 60px 10px;
}

#profesionales h3 {
    color: #fff;
    font-family: 'Poppins';
    font-size: 6rem;
    width: 100%;
    margin: 10px 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.grupo-card {
    position:relative;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    border-radius: 20px;
    overflow: hidden;
}
.grupo-card:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 48%, rgba(0,0,0,0.7847514005602241) 100%);
}

.grupo-card img{
    width: 100%;
}

.container-individual-card {
    display: flex;
    width: 100%;
    gap: 10px;
    margin: 10px 0;
    flex-wrap: wrap;
    justify-content: center;
}
.individual-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 23%;
    user-select:none;
}
.item-card:hover .card-info-move{
    top:0;
    transform: translateY(0);
    background: #000000f2;
}
.item-card:hover .desc-item-card{
    opacity:1;
}
/*.individual-card:hover:after{*/
/*     opacity: 1;*/
/*     background-position-y: -20px;*/
/*}*/
/*.individual-card:before {*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    background: rgb(255,255,255);*/
/*    background: linear-gradient(180deg, rgba(255,255,255,0) 24%, rgb(0 0 0 / 91%) 100%);*/
/*}*/
/*.individual-card:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image: linear-gradient(35deg, transparent 0%, transparent 48%, rgba(255,255,255,0.1) 50%, transparent 100%);*/
/*    background-repeat: no-repeat;*/
/*    background-position-y: -100px;*/
/*    background-size-y: 500px;*/
/*    opacity: 0.5;*/
/*    transition: background-position 300ms ease, opacity 300ms ease;*/
/*}*/
.item-card{
    position:relative;
}
.item-card>img {
    width: 100%;
    object-fit: cover;
    height: 600px;
}
.card-info-move {
    position: absolute;
    width: 100%;
    height:100%;
    top: 100%;
    padding: 20px;
    background: rgb(0 0 0 / 0%);
    transition: transform .2s cubic-bezier(0.4, 0, 1, 1),top .2s cubic-bezier(0.4, 0, 1, 1) , background .3s cubic-bezier(0.4, 0, 1, 1);
    height: 100%;
    transform: translateY(-115px);
}
.name-item-card {
    /*position: absolute;*/
    font-size: 40px;
    font-family: 'Poppins',sans-serif;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
}
.desc-item-card {
    margin: 20px 0 0;
    opacity: 0;
    color: #fff;
    font-size: 20px;
    font-family: 'Hind';
    line-height: 20px;
    transition: opacity .2s cubic-bezier(0.4, 0, 1, 1);
    font-weight: 100;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*FIGURAS*/
#famosos {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(132,43,124,1) 47%);
}
#famosos .content-inner-section {
    max-width: 2000px;
    padding: 5% 0 5%;
}
#famosos h3{
    color: #fff;
    font-family: 'Poppins';
    font-size: 9rem;
    width: 100%;
    margin: 60px 0 10px;
    text-align: center;
    text-transform: uppercase;
}
.images-figuras{
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-figuras {
    width: 33.3%;
    height:100%;
    overflow: hidden;
}
.item-figuras img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
/*.item-figuras:nth-child(2){*/
/*    transform: scale(1.1);  */
/*}*/
/*.item-figuras:nth-child(2) img{*/
/*    filter: saturate(1.3);*/
/*}*/




/*MEDIA*/

@media screen and (max-width:700px){
    div#container-general{
        padding: 0 0 0 45px;
    }
    #adv-search-header-mobile{
        position: relative;
        z-index: 9;
    }
    
    .list-modal-button ul {
        border-radius: 15px;
        padding: 3px 6px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    /*.list-modal-button.active ul {*/
    /*    right: 0%;*/
    /*    left: 0;*/
    /*    bottom: 0;*/
    /*    top: auto;*/
    /*}*/
    
    .list-modal-button .elem-asesor img {
        width: 55px;
    }

    div#menu-new{
        width: 45px;
    }
    div#menu-new{
        padding-top: 18%;
    }
    .item-link-menu{
        font-size:12px;
    }
    .item-link-menu a{
        padding: 5px 10px;
    }
    .links-menu {
        height: 75%;
        color: #000;
    }
    .contacto-menu{
        height: in
    }
    .contacto-menu div{
        width: initial;
        writing-mode: tb-rl;
        transform: scale(-1);
        -webkit-transform-origin: inherit;
        margin: 15px;
    }
    .portada-vive .content-inner-section {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
        flex-direction: row;
        max-height: inherit;
    }
    section.portada-vive.section:before {
        background: radial-gradient(circle, rgba(255,255,255,0) 95%, rgb(110 0 150) 107%);
    }
    
    
    .columna-derecha{
        width:100%;
        order:1;
    }
    .arrow-columna {
        justify-content: center;
        /* align-items: center; */
        flex-direction: column;
    }
    .arrow-columna img {
        width: 70px;
        transform: scale(-1) rotate(159deg);
        position: relative;
        top: -40px;
        left: 10px;
    }
    .arrow-columna div {
        position: relative;
        /* top: -7px; */
        left: 15px;
        font-size: 13px;
    }
    .datos-container-left {
        width: 100%;
        margin: 10px 0 60px 0px;
    }
    .message-mini{
        font-size: 15px;
        padding: 40px 10px 0px 20px;
    }
    .message_container{
        width:100%;
        order:0;
    }
    .person-container {
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .person-content{
        order:1;
        position:static;
        right:0;
        max-width: 90%;
        margin:auto;
        top:60%;
        transform: translate(0%,0%);
    }
    .person-content img{
        max-width: 100%;
    }
    .message-content{
        user-select:none;
        padding: 15px 10px 30px 30px;
        margin: 0 0 10px;
        overflow: hidden;
    }

    .datos-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        width: 100%;
        padding: 10px 10px 10px;
    }
    .decorator-text:before {
        width:100%;
        content: 'Tecnología - Inversión - Experiencia';
        bottom: -110px;
        left: -9px;
    }
    .decorator-text:after {
        content: 'Conocimiento - Ética - Transparencia - Responsabilidad - Tecnología ';
        bottom: -27px;
        left: 10px;
    }
    
    
    
    .dato-item {
        width: 102px;
        margin: 0 0 10px;
        text-align:center;
    }
    .dato-item:last-child{
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column;
    }
    .dato-item div {
        font-size: 12px;
        letter-spacing: .3px;
    }
    .dato-item div.max {
        font-size: 30px;
        letter-spacing: 1px;
    }
    
    .background{
        z-index:0!important;
    }
    
    .formal-container {
        justify-content: center
    }
    .formal-item img{
        height: 60px;
    }
    
    
    #compromiso .container-video-info{
        margin: 10px 10px;
    }
    
    .elem-container-video-info{
        flex-direction: column;
    }
    .desc-elem-info {
        width: 100%!important;
        padding: 20px 10px 20px!important;
        height: auto!important;
        text-align: center!important;
        align-items: center!important;
        overflow: hidden;
    }
    .desc-elem-info .desc {
        font-size: 13px;
        text-align:left;
    }
    .image-info img {
        /*display:none;*/
        height: auto;
        width:100%;
        max-width:inherit;
    }
    section.portada-vive.section:before {
        display:none;
    }
    
    /**/
    #videos h3{
        font-size: 20px;
        line-height:20px;
    }
    .slice-slide{
        display:none;
    }
    .dato-item-left  {
        /*overflow-x: scroll;*/
    }
    .dato-item-left {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 5px;
        margin: 0;
    }
    /**/
    #reconocimiento h3{
      font-size: 20px;
      line-height:20px;
    }
    
    /**/
    #posicionamiento h3{
        font-size: 20px;
        line-height:20px;
    }
    .grid {
        /*grid-template-columns: repeat(3, 1fr);*/
        /*grid-template-rows: repeat(16, 1fr);*/
        /*grid-gap: 8px;*/
        /*height: 245vh;*/
        /*margin: 0px;*/
    }
    .grid div{
        margin:0;
    }
    .grid-item1 {
      background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/0ff5688b0935206594266ed9ba87e8e4.jpg");
      background-size: cover;
      background-position: center;
        grid-column: 1/2;
        grid-row: 1/2;
    }
    
    .grid-item2 {
      background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/07bff81f208477d6ffa32d2298e3a11e.jpg");
      background-size: cover;
      background-position: center;
        grid-column: 1/2;
        grid-row: 2/4;
    }
    
    .grid-item3 {
        background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/15df288a9f4e1a1ff88b0a1ae34a4cef.jpg");
        background-size: cover;
        background-position: center;
        grid-column: 1/3;
        grid-row: 4/6;
    }
    
    .grid-item4 {
      background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/a5ab1fa4199426a4a1f1cfa23bf299e8.jpg");
      background-size: cover;
      background-position: center;
        grid-column: 2/4;
        grid-row: 2/4;
    }
    
    .grid-item5 {
      background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/14d204929bd4e31b9726a33e66531af3.jpg");
      background-size: cover;
      background-position: center;
    grid-column: 1/2;
    grid-row: 6/8;
    }
    
    .grid-item6 {
      background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/09dba0c8a4836893eea55d30d0113ffe.jpg");
      background-size: cover;
      background-position: center;
    grid-column: 1/3;
    grid-row: 8/10;
    }
    
    .grid-item7 {
      background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/30aaabbec8b8e1961770c48ee27036b9.jpg");
      background-size: cover;
      background-position: center;
    grid-column: 3/4;
    grid-row: 8/10;
    }
    
    .grid-item8 {
      background-image: url("https://www.vivehg.com/wp-content/uploads/2022/10/f2726adc12fc8d21c875c9ee5274335e.jpg");
      background-size: cover;
      background-position: center;
    grid-column: 1/3;
    grid-row: 10/11;
    }
    .grid-item9 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/94860396908b3cb9a7286bd070132db8.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 3/4;
    grid-row: 10/12;
    }
    
    .grid-item10 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/59b8a68f5518805ff14961c896caddae.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 1/3;
    grid-row: 11/12;
    }
    .grid-item11 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/61c0f06df36ab44adf84a7fdad5f6b9e.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 3/4;
    grid-row: 1/2;
    }
    .grid-item12 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/32aa5f339eb718e348e7a33c1749b2d3.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 1/4;
    grid-row: 14/16;
    }
    .grid-item13 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/396695e64b47b6de6069029adaa04f47.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 3/4;
    grid-row: 4/6;
    }
    .grid-item14 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/a9d908db39d2b83a353a398f23bafb4e.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 2/3;
    grid-row: 1/2;
    }
    .grid-item15 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/08178acdaf59fb8ef375c94d8977cc93.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 2/4;
    grid-row: 6/8;
    }
    .grid-item16 {
        background-image: url(https://www.vivehg.com/wp-content/uploads/2022/10/a290c7b96bb914e661a0c8379077231f.jpg);
        background-size: cover;
        background-position: center;
    grid-column: 1/4;
    grid-row: 12/14;
    }

    
    
    #profesionales h3{
        font-size: 20px;
    }
    .container-individual-card {
        flex-wrap: wrap;
    }
    .individual-card {
        width: 30%;
    }
    .card-info-move{
        padding:8px 5px 3px;
        transform: translateY(-65px);
    } 
    .item-card img {
        height: 243px;
    }
    .name-item-card{
        font-size: 16px;
        line-height:20px;
    }
    .desc-item-card{
        font-size: 12px;
        line-height:12px;
        margin: 10px 0 0;
    }
    .desc-item-card p:last-child{
        display:none;
    }

    #famosos .content-inner-section {
        max-width: 2000px;
        padding: 10% 10px;
    }
    #famosos h3{
        font-size: 20px;
        line-height:20px;
    }
    .images-figuras{
        flex-direction:column;
    }
    .item-figuras{
        width: 100%;
    }
}