/*Common*/
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap');*/

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url("\/javax.faces.resource/fonts/Montserrat/static/Montserrat-Light.ttf.xhtml?ln=apollo-layout");
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("\/javax.faces.resource/fonts/Montserrat/static/Montserrat-Regular.ttf.xhtml?ln=apollo-layout");
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url("\/javax.faces.resource/fonts/Montserrat/static/Montserrat-Medium.ttf.xhtml?ln=apollo-layout");
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("\/javax.faces.resource/fonts/Montserrat/static/Montserrat-Bold.ttf.xhtml?ln=apollo-layout");
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url("\/javax.faces.resource/fonts/Montserrat/static/Montserrat-Black.ttf.xhtml?ln=apollo-layout");
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url("\/javax.faces.resource/fonts/Roboto/static/Roboto_Condensed-Light.ttf.xhtml?ln=apollo-layout"); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("\/javax.faces.resource/fonts/Roboto/static/Roboto_Condensed-Medium.ttf.xhtml?ln=apollo-layout"); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url("\/javax.faces.resource/fonts/Roboto/static/Roboto_Condensed-Bold.ttf.xhtml?ln=apollo-layout"); /* IE9 Compat Modes */
}


html {
    overflow-x: hidden !important;
}

.scroll-smooth {
    scroll-behavior: smooth;
}

.uppercase {
    text-transform: uppercase !important;
}

/*input {*/
/*    padding: 0!important;*/
/*}*/

.bold {
    font-weight: 700 !important;
}

input.btn-hazte-premium {
    background: transparent;
    outline: none;
    border: none;
}

    .column-package-left {
        margin-top:5%;
    }
/*Begin: Header add button of about us page*/
#menu-about-id.menu-item {
    display: inline-flex;
    align-items: center;
}

#menu-about-id.menu-item a {
    margin-right: 30px;
}

.button-about-us-page {
    display: none;
    padding: 12px 11px 8px;
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    background: #fd2d01;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    width: fit-content;
    height: fit-content;
    white-space: nowrap;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0;
    margin-right: auto;
}

/*End: Header add button of about us page*/

.about-us-update_image {
    /*min-width: 529px;*/
    /*min-height: 548px;*/
    width: 100%;
    height: 100%;
}

.about-us-update_image img {
    width: 100%;
    height: 100%;
}

div.about-us-update_leaf {
    width: 66px;
    height: 48px;
    margin: 0 14px 108px 488px;
    object-fit: contain;
    border-radius: 25px;
    background-image: linear-gradient(223deg, #3f0a7c 88%, rgba(240, 71, 116, 0) 22%);
}

.about-us-update_blur::before {
    content: "";
    top: 50%;
    left: 40%;
    transform: translateX(-50%) translateY(-50%);
    width: 50%;
    height: 50%;
    position: absolute;
    /*background: #1d0e3f;*/
    background: #140c25;
    filter: blur(122px);
}

/*Title*/
.about-us-update_title {
    width: 100%;
    margin-bottom: 32px;

}

.about-us-update_title-main {
    position: relative;
    width: fit-content !important;
    margin: 0;
}

.about-us-update_title-main h3 {
    font-size: 40px;
    font-weight: bold;
    background: linear-gradient(to right, #fff200, #ff4538);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    text-transform: none;
    /*position: relative;*/
    /*display: inline;*/
}

.about-us-update_title-main div {
    position: absolute;
    top: -18px;
    right: -35px;
    width: 66px;
    height: 48px;
}

.about-us-update_title-main-other.about-us-update_title-main div {
    top: -11px;
    right: -17px;
}


.about-us-update_title-main div img {
    width: 100%;
    height: 100%;
}

.about-us-update_title-sub {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}

.about-us-update_title.center {
    text-align: center;
}

.about-us-update_title.center .about-us-update_title-main {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13px;
}

/*More Title*/
/*.about-us-update_more-title-wrap {*/
/*    position: relative;*/
/*}*/
/**/
/*.about-us-update_more-title-wrap--text {*/
/*    font-size: 40px;*/
/*    font-weight: bold;*/
/*    background: linear-gradient(to right, #fff200, #ff4538);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    text-align: left;*/
/*    text-transform: none;*/
/*}*/

/*.about-us-update_more-title-wrap--text::before {*/
/*    content: "";*/
/*    background-image: url("../images/conoce-mas-update/gift.png");*/
/*    position: absolute;*/
/*    top: -18px;*/
/*    right: -35px;*/
/*    width: 66px;*/
/*    height: 48px;*/
/*}*/

/* Main */
#main.main-content {
    padding-bottom: 0;
}

.about-us-update {
    font-family: 'Montserrat', sans-serif;
    background-color: #0e0c23;
    width: 100%;
    height: auto;
    padding-top: 4px;
    position: relative;
    /*max-width: 1456px;*/
}

/*Begin: Gift*/
.about-us-update_gift {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    z-index: 100;
    color: black;
}

.about-us-update_gift.absolute-mode {
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.about-us-update_gift.lift {
    bottom: 88px;
}

.about-us-update_gift.lift-mobile {
    position: absolute;
    right: 0px;
    left: 0;
    height: auto;
    width: 100%;
    bottom: 0;
}

.about-us-update_gift:hover .about-us-update_gift-hover {
    display: block;
    opacity: 1;
}

.about-us-update_gift img {
    width: 100%;
    height: 100%;
}

.about-us-update_gift-hover {
    display: none;
    opacity: 0;
    position: absolute;
    padding: 14px 26px 14px 20px;
    width: fit-content;
    top: 50%;
    left: -11px;
    transform: translateX(-100%) translateY(-50%);
    white-space: nowrap;
    background: #ffed00;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    border-radius: 16px;
    transition: all 0.5s linear;

}

.about-us-update_gift-hover a {
    color: black;
    font-weight: 700;
}

.about-us-update_gift-hover a:active {
    color: black;
}

.about-us-update_gift-hover::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateX(100%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;

    border-left: 7.5px solid #ffed00;
}

.about-us-update_gift-hover::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 40px;
    height: 100%;
}

.about-us-update_gift-mobile {
    display: none;
    padding: 14px 26px 14px 20px;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    background: #ffed00;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: black;
}

.about-us-update_gift-mobile a {
    color: black;
    font-weight: 700;
}

.about-us-update_gift-mobile a:active {
    color: black;
}


/*End: Gift*/

/* Begin: Intro */
.about-us-update_intro {
    display: flex;
    justify-content: space-between;
    padding: 0 88px;
    position: relative;
}


.about-us-update_intro.about-us-update_blur::before {
    content: "";
    top: 0%;
    left: 75%;
    transform: translateX(0%) translateY(0%);
    width: 25%;
    height: 115%;
    position: absolute;
    background: #251232;
    filter: blur(91px);
}

/* Begin: Intro decorators*/
.about-us-update_intro-decorator-1 {
    position: absolute;
    top: 24%;
    left: 0;
}

.about-us-update_intro-decorator-2 {
    position: absolute;
    bottom: 22%;
    left: 0;
}


/* End: Intro decorators*/

.about-us-update_intro-left {
    width: 47%;
    padding: 0 32px;
    position: relative;
}

.about-us-update_intro-left-decorator-1 {
    position: absolute;
    height: auto;
    bottom: 0;
    left: 44.5%;
    transform: translateX(-50%);
}

.about-us-update_intro-left .about-us-update_title-main {
    margin-top: 24%;
    margin-bottom: 6px;
}

.about-us-update_intro-left  .about-us-update_title-sub {
    font-size: 26px;
}

.about-us-update_intro-left .about-us-update_title-main h3 {
    font-size: 50px;
    line-height: 51px;
}

.about-us-update_intro-left .list {
    margin-top: 54px;
    z-index: 1;
}

.about-us-update_intro-left .list .list-item {
    display: flex;
    margin-top: 32px;
    line-height: 1.5;

}

.about-us-update_intro-left .list .list-item svg {
    margin: 0;
    min-width: 26px;
    height: 19px;
}

.about-us-update_intro-left .list .list-item p {
    margin-left: 19px;
    font-size: 20px;
    opacity: 0.9;
}

.about-us-update_intro-left .list .list-item p span {
    font-weight: 600;
}

.about-us-update_intro-right {
    width: 53%;
    padding-left: 35px;
    z-index: 1;
}



/* End: Intro */

/*Begin: Arrow*/
.about-us-update_arow {
    margin-top: 27px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.about-us-update_arow img {
    width: 153px;
    height: auto;
}
/*End: Arrow*/

/*Begin: how*/
.about-us-update_how {
    width: 100%;
    padding-top: 124px;
    /*padding-top: 98px;*/
    padding-bottom: 48px;
    position: relative;
}

.about-us-update_how-decorator-1 {
    position: absolute;
    top: 24px;
    left: 0;
}

.about-us-update_how-decorator-2 {
    position: absolute;
    top: 72px;
    right: 0;
}

.about-us-update_how-title {
    width: 100%;
}

.about-us-update_how-list {
    width: 100%;
    /*height: 600px;*/
    display: flex;
    margin-top: 52px;
    padding: 0 91px;
    position: relative;
}



.about-us-update_how-item {
    width: 33.333%;
    height: auto;
    padding: 0 26px;
}

.about-us-update_how-item-img {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

.about-us-update_how-item-img img {
    position: absolute;
    top: 0;
    padding: 0 11px;
    width: 100%;
}

.about-us-update_how-item-rank {
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: solid 1.5px transparent;
    border-radius: 120px;
    background: inherit;
}

.about-us-update_how-item-rank::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 190%;
        top: 50%;
        border-radius: inherit; /* !importanté */
        background-image: linear-gradient(to bottom, #120d2e -107%, rgba(0, 16, 28, 0) 67%), linear-gradient(to bottom, #2e7de5 8%, rgba(151, 151, 151, 0) 39%);
}

.about-us-update_how-item-rank::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 190%;
    top: 50%;
    margin: 1.5px; /* !importanté */
    border-radius: inherit; /* !importanté */
    /*background: #0e0c23;*/
    /*background-image: linear-gradient(to bottom, #0f0d24 -11%, rgba(0, 16, 28, 0) 67%);*/
    background-image: linear-gradient(to bottom, #0e0c23 -47%, rgba(0, 16, 28, 0) 41%), linear-gradient(to bottom, #0e0c23 35%, rgba(151, 151, 151, 0) 48%);
    filter: blur(2.5px);
}

/*.about-us-update_how-item-rank::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 190%;*/
/*    top: 50%;*/
/*    transform: translateY(0%);*/
/*    border-style: solid;*/
/*    border-width: 1.5px;*/
/*    border-image-source: linear-gradient(to bottom, #2e7de5 0%, rgba(151, 151, 151, 0) 39%);*/
/*    border-image-slice: 1;*/
/*    background-image: linear-gradient(to bottom, #120d2e -107%, rgba(0, 16, 28, 0) 67%), linear-gradient(to bottom, #2e7de5 0%, rgba(151, 151, 151, 0) 39%);*/
/*    background-origin: border-box;*/
/*    background-clip: content-box, border-box;*/
/*    border-radius: 120px;*/
/*    border-collapse: collapse;*/
/*}*/

.about-us-update_how-item-rank svg {
    z-index: 1;
}

.about-us-update_how-item-title {
    margin-top: 18px;
    margin-bottom: 50px;
}

.about-us-update_how-item-title h4 {
    color: #fb1;
    font-size: 26px;
    font-weight: bold;
    line-height: 42px;
    text-transform: none;
    text-align: center;
}

.about-us-update_how-item-content {
    position: relative;
}

.about-us-update_how-item-content p.about-us-update_how-item-content-big {
    font-size: 48px;
    line-height: 51px;
    font-weight: bold;
    opacity: 1;
}

p.about-us-update_how-item-content-first {
    text-indent: 32px;
    text-align: left;
}

.about-us-update_how-item-content p {
    font-size: 18px;
    font-weight: 400;
    opacity: 0.7;
    line-height: 36px;
    margin-bottom: 24px;
    text-align: center;
}

.about-us-update_how-item-content p span {
    font-weight: 600;
}

.about-us-update_how-item-content-1.about-us-update_blur::before{
    content: "";
    top: 66%;
    left: 37%;
    transform: translateX(-50%) translateY(-50%);
    width: 106%;
    height: 105%;
    position: absolute;
    background: #37285a;
    filter: blur(200px);
}

.about-us-update_how-item-content-2.about-us-update_blur::before{
    content: "";
    top: 40%;
    left: 62%;
    transform: translateX(-50%) translateY(-50%);
    width: 82%;
    height: 92%;
    position: absolute;
    background: #37285a;
    filter: blur(124px);
}


.about-us-update_how-item-content-3.about-us-update_blur::before{
    content: "";
    top: 40%;
    left: 62%;
    transform: translateX(-50%) translateY(-50%);
    width: 82%;
    height: 92%;
    position: absolute;
    background: #37285a;
    filter: blur(124px);
}

.about-us-update_how-item-content.about-us-update_how-item-content-3 {
    margin-top: -27px;
}

.about-us-update_how-dots {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.about-us-update_how-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.34);
    margin: 0 9px;
    transition: background-color 0.3s linear;
}

.about-us-update_how-dot.active {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ffce0c;
}

.about-us-update_how-list-arrow {
    padding-top: 90%;
    position: absolute;
    top: 0;
    left: -5px;
    right: -5px;
}

.about-us-update_how-list-arrow.about-us-update_how-list-arrow-2 {
    padding-top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0;
}

.about-us-update_how-list-arrow.about-us-update_how-list-arrow-2 .about-us-update_how-list-arrow-left.about-us-update_how-list-arrow-left-2 {
    left: -18px;
}

.about-us-update_how-list-arrow.about-us-update_how-list-arrow-2 .about-us-update_how-list-arrow-right.about-us-update_how-list-arrow-right-2 {
    right: -18px;
}

#about-us-update_types .about-us-update_how-list-arrow {
    padding-top: 0;
    top: calc(50% + 48px);
}

.about-us-update_how-list-arrow-left,
.about-us-update_how-list-arrow-right {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    cursor: pointer;
}

.about-us-update_how-list-arrow-left.disable,
.about-us-update_how-list-arrow-right.disable {
    opacity: 0.47;
    cursor: default;
}

.about-us-update_how-list-arrow-left {
    left: 2px;
}

.about-us-update_how-list-arrow-right {
    right: 2px;
}
/*End: how*/

/*Begin: types*/
.about-us-update_types {
    position: relative;
}

.about-us-update_types.about-us-update_blur::before {
    content: "";
    top: 20%;
    left: 0;
    transform: translateX(0%) translateY(0%);
    width: 14%;
    height: 85%;
    position: absolute;
    background: #26192f;
    filter: blur(106px);
    z-index: 1;
}

.about-us-update_types.about-us-update_how {
    padding-top: 64px;
}

.about-us-update_types .about-us-update_how-list {
    martop-top: 62px;
}

.about-us-update_types .about-us-update_how-item-title {
    margin-top: 40px;
    font-size: 29px;
}

.about-us-update_types .about-us-update_how-item-content {
    margin-top: 32px;
}

.about-us-update_types .about-us-update_how-item-content p.about-us-update_how-item-content-big {
    opacity: 1;
}

.about-us-update_types .about-us-update_how-item-content p {
    opacity: 0.49;
}

.about-us-update_types .about-us-update_how-item-rank::before {
    height: 270%;
}

.about-us-update_types .about-us-update_how-item-rank::after {
    height: 270%;
}

.about-us-update_types-button {
    cursor: pointer;
    padding: 18px 45px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background: #ffed00;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin: 36px auto 72px;
    width: fit-content;
    white-space: nowrap;
}

.about-us-update_types-button a {
    color: black;
    font-weight: 700;
}

.about-us-update_types-button a:active {
    color: black;
}

.about-us-update_types .about-us-update_types-decorator-1 {
    position: absolute;
    top: 18%;
    left: 0;
}

.about-us-update_types .about-us-update_types-decorator-2 {
    position: absolute;
    top: 4%;
    right: 0;
}


    /*End: types*/

/*Begin: more*/
.about-us-update_more {
    display: flex;
    padding: 0 117px;
    padding-bottom: 120px;
    position: relative;
}

.about-us-update_more-left {
    position: relative;
    width: 50%;
    margin: auto 0 ;
}

.about-us-update_more-left-content {
    margin-top: 32px;
}

.about-us-update_more-left-content p {
    font-size: 18px;
    font-weight: 400;
    opacity: 0.7;
    line-height: 36px;
}

.about-us-update_more-left-content p span {
    font-weight: 700;
}


.about-us-update_more-right {
    width: 50%;
    padding-left: 24px;
}

.about-us-update_more.more-3 {
    padding-right: 30px;
    position: relative;
}

.about-us-update_more-3-decorator {
    position: absolute;
    top: 8.5%;
    left: 0;
}

.about-us-update_more-3-decorator-2 {
    display: none;
    position: absolute;
    top: 12.5%;
    left: 0;
}

.more-3 .about-us-update_more-left {
    width: 54.5%;
    padding-right: 98px;
}

.about-us-update_more.more-3 .about-us-update_more-left.about-us-update_blur::before {
    content: "";
    top: 20%;
    left: 20%;
    transform: translateX(-50%) translateY(-50%);
    width: 40%;
    height: 150%;
    position: absolute;
    background: #3c2e5c;
    filter: blur(187px);

}

.more-3 .about-us-update_more-right {
    width: 45.5%;
}

.about-us-update_more.more-2 {
    position: relative;
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 80px;
}

.about-us-update_more-2-decorator {
    position: absolute;
    top: -62px;
    right: 0;
}


.about-us-update_more.more-2 .about-us-update_more-left {
    padding-right: 160px;
}

.about-us-update_more.more-2 .about-us-update_more-left.about-us-update_blur::before {
    content: "";
    top: 22%;
    left: 22%;
    transform: translateX(-50%) translateY(-50%);
    width: 40%;
    height: 150%;
    position: absolute;
    background: #3c2e5c;
    filter: blur(117px);
}

.about-us-update_more.more-2 .about-us-update_more-right {
    padding-left:55px;
    padding-right: 124px;
}

.about-us-update_more.more-1 {
    padding-left: 117px;
    padding-right: 117px;
    padding-bottom: 80px;
}

.about-us-update_more.more-2.about-us-update_blur::before {
    content: "";
    top: 0%;
    left: 75%;
    transform: translateX(0%) translateY(0%);
    width: 25%;
    height: 115%;
    position: absolute;
    /*background: #251232;*/
    background: #1f1128;
    filter: blur(91px);
}

.about-us-update_more-1-decorator {
    position: absolute;
    top: 2%;
    left: 0;
}

.about-us-update_more.more-1 .about-us-update_more-left {
    position: relative;
    padding-right: 78px;
}

.about-us-update_more.more-1 .about-us-update_more-left.about-us-update_blur::before {
    content: "";
    top: 53%;
    left: 40%;
    transform: translateX(-50%) translateY(-50%);
   /* width: 54%;*/
    width:0;
    height: 95%;
    position: absolute;
    background: #3c2e5c;
    /*background: #140c25;*/
    filter: blur(119px);
}

.about-us-update_more.more-1 .about-us-update_more-right {
    padding-left: 48px;
}

table, td, th {
    border: 1px solid white;
    height: 28px;
}

table {
    float: left;
    border-collapse: collapse;
    width: 65%;
    font-family: Montserrat;
    font-size: smaller;
}
th {
    color: #FED409;
    font-weight: 600;
}
td, th {
    width: 25%;
    text-align: center;
}

/*End: more*/