:root {
    --color-secondary-gray:#505A68;
    --color-gray-light:#6A788A;
    --color-primary-blue:#2068C5;
    --color-secondary-blue:#33517A;
    --color-primary-orange:#FF5C1A;
    --color-secondary-orange:#F9D6C4;
    --background-gray:#F0F2F4;
    --background-white:#fff;
    --color-text-underlined:#C7D9F1;
    --font-title-family:'Inter', sans-serif;
    --font-body-family:'Inter', sans-serif;
       /* -- Colores LP Anuncio --*/
    --text_advert-orange: rgb(255, 92, 26);
    --text_advert-green: rgb(0,146,35);
    /* Faqs */
    --gray-light:#BAC0CA;
    --sombra: 0 0 13px 0 rgba(185,185,185, .25);
}
.font-cursive_bold {
    font-family: var(--font-cursive-family);
    font-style: italic;
    font-size: 1.5rem;
    padding-top: 0.5rem;
}
/*--- LP ANUNCIOS --- */
.area-advert {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: rgba(245, 248, 255, 1);
    border-color: rgba(245, 248, 255, 1);
    background-image: url(https://lh3.googleusercontent.com/HLA1uYZrJ1gSmJMBKLavvFZkmuCP1vqb90VwvLFt1HcneeIcDaPkFL5ml_Ib_vltS0FfRfOfEMcRx2LQKkfmFg=w2880);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.text_advert-Tblue {
    font-size: 2.2rem;
    font-weight: 600;
    padding-right: 4rem;
}
.text_advert-blue {
    font-size: 1.3rem;
    width: 80%;
    padding-top: 1rem;
    font-weight: 400;
}

.text_advert-Tgray {
    font-weight:400;
}
.img-google-review {
    width: 70%;
}
.text_advert-underline{
 font-weight:600;
 text-decoration:underline;
}
.text_advert-cursive {
    font-style: italic;
}
.text_advert-bold {
    font-size: 14pt;
    color: rgb(11,15,32);
    font-weight:600;
}
.img-advert_v {
    margin-top: 0.5rem;
    width: 100%;
    border-radius: 10px;
}
.img-advert_p{
    margin-top: 0.5rem;
    border-radius: 10px
}
.text_advert-gray{
    color: var(--color-secondary-gray);
    font-size:13pt;
    font-weight:400;
}
.title-advert_blue {
    font-size: 2.5rem;
    font-weight: 600;
    padding-bottom:1rem; 
    padding-top:1rem; 
}
.btn-advert {
    background: var(--color-primary-orange);
    color: #fff;
    font-weight: 700;
    border-radius: 1000px;
    font-size: 1rem;
    border: 1px solid var(--color-primary-orange);
    display: inline-block;
    padding: 15px 25px;
    width: auto;
    margin-bottom: 1.2rem;
}
.btn-advert:hover {
    background: rgb(3 138 35);
    border-color: rgb(3 138 35);
    color: #fff;
}
.container-beneficios_anuncios {
    padding-top: 2rem;
}
.section-cta_anuncios {
    background: #fff;
    padding-top: 4rem;
    padding-bottom:4rem;
}
@media (max-width: 800px){
.img-advert_slider {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
}
@media (min-width: 992px){
.img-google-review {
    width: 20%;
}
.img-advert_v {
    width: 65%;
}
.img-advert_p{
    width: 50%;
}
.img-star-advert {
    width: 40%;
}
}


/*modal*/
button.mc-closeModal {
    background: white;
    border-radius: 20%;
    color: gray;
    border-color: gray;
}

@media (min-width: 992px){
.container-beneficios_anuncios {
    padding-top: 4rem;
}
}
.text_advert-orange{
    color: var(--text_advert-orange);
    font-weight:600;
}

.area-advert-white {
  padding-top:3rem;
  padding-bottom:3rem;
  background: var(--background-white);
}
.text_advert-Tgray {
    font-weight: 400;
    font-size: 15pt;
    color: rgb(11,15,32);
}
.text_advert-Pgray {
    font-weight: 400;
    font-size: 14pt;
    color: rgb(11,15,32);
}

.text_advert-Crblue {
    color: var(--color-secondary-blue);
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 400;
}
.icon__func-green {
    color: rgb(3 195 10);
    margin-right: 0.5rem;
}
.area_lps_cta_darkback {
    background:#33517A;
    color:#fff;
}
@media (min-width: 992px) {
    .area_lps_cta_darkback {
        padding: 4rem 12rem 4rem 15rem;
    }
}
/* thankYouPage */
.title-typ_Tblack {
    font-size: 1.6rem;
    color: rgb(41,41,41);
    font-weight: 400;
    margin-bottom: 1rem;
}
i.fas.fa-triangle-exclamation{
 color: rgb(255,212,105);
 font-size: 4.6rem;
}
.text_Pgray {
    font-size: 1.2rem;
    color: rgb(41,41,41);
}
.title-typ_Lblack {
    font-size: 2rem;
    color: rgb(41,41,41);
    font-weight: 600;
}
/* --- -- */

/* --- -- */
body{
    color: var(--color-secondary-blue);
    font-family:var(--font-body-family);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-title-family);
}

.w_menu .nav-item .nav-link, .search_cart .nav-item .cart-btn .fa-shopping-cart, .search_cart .nav-item .search-btn .fa-user-circle, .search_cart .nav-item .search-btn span, .navbar .search_cart .search a.nav-link:before {
    color: var(--color-secondary-blue);
    transition: 0.3s all;
}

.menu-lv1{
    font-size: 1rem;
    color: var(--color-secondary-blue);
    font-weight: 600;
    cursor: pointer;
}
.menu-lv1:hover{
    background: #f8f9fa;
    color:var(--color-secondary-gray);
}
.menu-lv2{
    font-size:0.9rem;
    color:var(--color-secondary-blue);
}
.menu-lv2:hover{
    background: #f8f9fa;
    color:var(--color-secondary-gray);
    text-decoration:none;
}  
.title-menu {
    font-weight: 600;
    font-size: 1rem;
}
.navbar-light .navbar-nav .nav-link {
    color:var(--color-secondary-blue);
}
.login-btn {
    border: 1px solid var(--color-secondary-blue);
    border-radius: 25px;
    padding-right: 0.9rem!important;
    padding-left: 0.9rem!important;
    font-size: 0.8rem!important;
    color: var(--color-secondary-blue)!important;
    min-width: 75px;
    padding: 0.3rem;
    margin-top: 0rem;
    font-weight: 600;
    display: inline-block;
}

.cart-btn.nav-link{
    color:var(--color-secondary-blue);
    font-size: 0.8rem;
   }

.nav-item {
    position: relative;
}
.header_area {
    background: #fff;
}
.header_social_icon.directlink-fixed li i, .header_social_icon.directlink-fixed li a {
    color: #fff;
}
.menu-area{
	position:static;
}
.mega-area{
	position:absolute;
	width:100%;
	left:0px;
	right:0px;
	padding:15px;
}
.dropdown-item-mega{
	padding:5px 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    max-width: 838px;
    border:0;
}

.dropdown-menu.mega-area.show {
    position: static;
    width: auto;
    left: 0%;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    height: auto;
    top: 75%;
}
.dropdown-item-mega {
    padding: 0.25rem 0 0.5rem;
    line-height: 1.61;
    display: block;
}


.area_slider {
    background: var(--background-gray);
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.title_home_slider {
    font-weight: 700;
    font-size: 2.2rem;
    text-align: left;
    color: var(--color-secondary-blue);
}
.img-slider-home {
    margin-top: 0.5rem;
}
.text_home_slider {
    font-size: 1.4rem;
    font-weight: 500;
}
.text_home_slider-p{
    font-size: 1rem;
    font-weight: 500;
}
.text_home_slider-mp {
    margin-top: 0.4rem;
    font-size: 0.85rem;
    margin-left: 0.2rem;
    font-weight: 400;
}
.btn-pb {
    background: var(--color-primary-orange);
    color: #fff;
    font-weight: 700;
    border-radius: 25px;
    width: auto;
    font-size: 0.9rem;
    display: inline-block;
    margin-left: 1px;
    margin-top: 3px;
}
.btn-pb:hover {
    background: #FF6D33;
    color: #fff;
    border-color:#FF6D33;
}

.icon-slider_youtube {
    display: inline-block;
    color: var(--color-secondary-blue);
    text-align: center;
    font-size: 1.05rem;
    vertical-align: middle;
}
.video_btn.popup-youtube {
  margin-left: 6px;
  border: 1px solid var(--color-secondary-blue);
  border-radius: 25px;
  padding: 6px 15px 6px 15px;
  color: var(--color-secondary-blue);
  text-align: center;
  font-size: 1.05rem;
  font-weight: 700;
}
.video_btn span:before {
    height: 0px;
    }
.seo_fact_info .seo_fact_item {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.seo_fact_info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    background: var(--background-gray);
    color: #fff;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 12px;
    display:block;
}
.seo_fact_info .seo_fact_item .counter {
    font-size: 33pt;
    text-align: center;
    margin-bottom:0;
    margin-top: 3rem;
    color: var(--color-secondary-blue);
    font-weight: 700;
}
.home_box_testimonios {
    background: #fff;
    border-left: 10px solid var(--color-primary-blue);
    padding: 10px;
    border-radius: 0px 12px 12px 0px;
    box-shadow: 0px 1px 4px 1px rgb(166 165 165 / 86%);
    width: auto;
    margin-top: 1.2rem;
    height: auto;
}

@media (max-width: 576px){
.seo_fact_info .seo_fact_item:nth-child(even) {
    margin-top: 0;
}
}
.text-counter {
    color: var(--color-secondary-blue)!important;
    font-size: 14pt!important;
    text-align: center;
    font-weight: 600;
}

.seo_fact_info .seo_fact_item {
    width: auto;
    height: auto;
}
.event_fact_area {
    margin-top: 3rem;
}
@media (max-width: 576px){
.seo_fact_info .seo_fact_item p {
    color: var(--color-secondary-blue);
}
}
@media (max-width: 991px){
.seo_fact_info .seo_fact_item:nth-child(even) {
    margin-top: 0px;
}
}
@media (max-width: 1199px){
.seo_fact_info .seo_fact_item.last {
    margin-top: 0px;
}
}
.textdes-blue-home {
    font-weight:700;
}
/*---
.textdes-blue-home:before {
    content: '';
    width: 58%;
    border-bottom: 15px solid #c7d9f19e;
    position: absolute;
    top: 10rem;
    display: inline-block;
}
--*/
.text-blue-home {
    color: var(--color-secondary-blue);
    font-size: 2.1rem;
    padding-bottom: 0.2rem;
}
.parr-blue-home {
    color: var(--color-secondary-blue);
    font-size: 1.6rem;
    font-weight: 500;
}
.textdes-blue-home2 {
    font-weight: 700;
}
.title-bold-home {
    font-size: 2.8rem;
    font-weight: 600;
    color: var(--color-secondary-blue);
    text-align: center;
}
.section-home_benf {
    margin-top: 5rem;
}
.title-home-benf {
    font-size: 1.6rem;
    font-weight:700;
    margin-bottom: 1rem;
    color: var(--color-secondary-blue);
    margin-top: 2.5rem;
}

.text-home-benf {
  color: var(--color-secondary-blue);
  font-weight: 400;
  text-align: justify;
}

.section_home_testimonios {
    position: relative;
    background: var(--background-gray)
}
/*---
.textdes-blue-home2:before {
    content: '';
    width: 29%;
    border-bottom: 15px solid #c7d9f19e;
    position: absolute;
    top: 1rem;
    display: inline-block;
}
--*/
.home_title_testimonios {
    font-weight: 700;
    font-size: 1.2rem;
    margin-left: 0px;
    margin-bottom: 0px;
}
.home-video_testimonios {
    margin-left: 0px;
    border: 1px solid var(--color-secondary-blue);
    width: 105px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    margin-top: 0.5rem;
}

.icon_p {
    display: inline-block;
    color: var(--color-secondary-blue);
    text-align: center;
    font-size: 8px;
    vertical-align: middle;
}
.video_btn span {
color: var(--color-secondary-blue);
}
.icon-p_text {
    font-size: 0.7rem;
    margin: auto;
}
.btn_back_blue {
    background: var(--color-primary-blue);
    color: #fff;
    padding: 7px 10px 7px 10px;
    border-radius: 20px;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 2rem;
}
.btn_back_blue:hover {
    background: var(--color-secondary-blue);
    color: #fff;
}
.home_img_cte {
    width: 30%;
}
.home_box2 {
    display: inline-block;
}
.home_text_testimonios {
    font-weight: 400;
    font-size: 0.85rem;
}

.section_pb_gr {
    background: var(--background-gray);
}
.title-back-pb {
    font-weight: 700;
    font-size: 2.2rem;
}
.text-back-pb {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 7%;
}
.btns-back-pb {
    display: inline-block;
    }

.btn-gray {
    background: var(--color-gray-light);
    color: #fff;
    border-radius: 20px;
    font-weight: 700;
    font-size: 1.05rem;
    display: inline-block;
    padding: 6px 15px 6px 15px;
    margin-top: 0.5rem;
    width: auto;
    height: auto;
}
.btn-gray:hover {
    background: var(--color-secondary-gray);
    color: #fff;
}
.btn-pb_blue{
    background: var(--color-primary-blue);
    color: #fff;
    font-weight: 700;
    border-radius: 25px;
    font-size: 1.05rem;
    border: 1px solid var(--color-primary-blue);
    display: inline-block;
    padding: 6px 15px 6px 15px;
     width: auto;
}
.btn-pb_blue:hover{
    background: var(--color-secondary-blue);
    color: #fff;
}
.background_pb {
    height: auto;
    width: auto;
    padding-bottom: 2rem;
    padding-top: 1rem;
}
.img-pb-gr {
    width: 70%;
}
.menu_two .menu_toggle .hamburger-cross span, .menu_two .menu_toggle .hamburger span {
    background: var(--color-secondary-blue);
}
.home-tour-bsale {
    padding-top: 5rem;
}
.home-box-tour {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2fr;
}

.home-text-tour {
    position: static;
    display: block;
    margin-top: 1rem;
    width: 100%;
    margin-bottom: 1rem
}
.home-img-tour {
    grid-column: span 2;
}
.img-tour {
    width: 100%;
    display: grid;
}
.text-tour {
    font-size: 2.2rem;
}
.text-blue-tour {
    color: var(--color-secondary-blue);
    font-size: 2rem;
    font-weight: 700;
}

/*---
.text-blue-tour-dest::before {
    content: '';
    width: 50.5%;
    border-bottom: 15px solid #c7d9f19e;
    position: absolute;
    margin-top: 20px;
}
--*/
.btn-tour_blue {
    background: var(--color-primary-blue);
    color: #fff;
    font-weight: 700;
    border-radius: 25px;
    font-size: 1.05rem;
    border: 1px solid var(--color-primary-blue);
    display: block;
    padding: 6px 15px 6px 15px;
    width: 25%;
    text-align: center;
}
.btn-tour_blue:hover {
    background: var(--color-secondary-blue);
    color: #fff;
} 
.sec-home-blog {
    padding-top: 1rem;
    padding-bottom: 6rem;
}
.home-blog {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.4rem;
}
.box-blog-home:nth-child(3n) {
    margin-top: 0rem;
}
.box-blog-home:nth-child(2n) {
    margin-top: 0rem;
}

text {
  fill:var(--color-primary-blue);
  font-size:22px;
  font-weight:500;
  text-transform:uppercase;
  font-variant-ligatures:none;
  animation:rotate 25s linear infinite;
  transform-origin: 250px 250px;
}
@keyframes rotate {
  to {
    transform:rotate(360deg)
  }
}
.textcircle {
    transition: transform 1s cubic-bezier(0.65,0,0.35,1);
      transform-origin: 250px 250px;
}
svg:hover .textcircle {
  transform:scale(1.2) rotate(90deg);
}
.box-title-home {
    grid-row: span 3;
    align-self: center;
}
.box-title-home {
    grid-row: span 3;
    align-self: center;
}
.box-blog-home {
    background: #ecece8;
    height: auto;
    border-radius: 25px;
    align-items: center;
    width: auto;
    padding: 1rem;
    box-shadow: 2px 2px 10px rgb(185 183 183 / 87%);
}
.content-blog-home {
    width: auto;
    text-align: center;
}
.img-blog-home__art {
    width: 70%;
}
.home-blog-svg {
    position: static;
    margin-top:1rem;
    margin-bottom:1rem;
    width: 100%;
}
.home-benef-svg {
    position: static;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 40%;
    margin-left: 8rem;
}
.title-blog-home {
    font-size: 1rem;
    color: var(--color-secondary-blue);
    font-weight: 700;
}
.text-blog-home {
    color: #505A68;
    font-size:0.8rem;
}
.conoce_mas {
    background: var(--color-primary-blue);
    color: #fff;
    padding: 7px 28px 7px 28px;
    border-radius: 20px;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1rem;
    margin-left: 8rem;
    display: inline-block;
}
.conoce_mas:hover {
    background: var(--color-secondary-blue);
    color: #fff;
}
.home-blog__ancla {
    font-size: 0.9rem;
    color: var(--color-primary-blue);
    font-weight: 700;
    margin-left: 0;
    margin-top: 0.8rem;
    display: inline-block;
}

.partner_info {
     display: grid;
    align-items: center;
    justify-content: center;
}

.partner_logo_area_three {
    padding-bottom: 5rem;
}
.logo_item{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.logo_item:hover {
  -webkit-filter: contrast(100%);
  filter: contrast(100%);
}
.footer_area {
    background: var(--color-secondary-blue);
    padding-top: 3rem;
    color: #fff;
}
.footer_three .footer_top .f-title {
    color: #fff;
}
.footer_bottom .f_menu li {
    display: inline-block;
    position: relative;
}
.home-img-partner {
    max-width: 80%;
}
.footer_three .footer_top .f_widget.about-widget .f_list li a {
    color: #ffffff;
}
.footer_contactanos {
    color: #fff;
}
.footer_contactanos:hover {
    color: #fff;
    filter: opacity(0.5);
}
.footer-icon {
    color: var(--color-secondary-blue);
}
.footer-icon:hover {
    color: var(--color-primary-blue);
}

.f_social_icon a {
    color: var(--color-primary-blue);
    background: #fff;
}
.f_social_icon a:hover {
    filter: none;
    color: #fff;
    background: #fff;
}
.footer_bottom a:hover {
    filter: opacity(0.5);
    color:#fff;
}

.section-footer {
    background: var(--color-secondary-blue);
    padding-top: 3rem;
    color: #fff;
    padding-bottom: 3rem;
}

  .footer-text_dest {
    color: #fff;
    font-size: 1.6rem;
    text-align: start;
    padding-left: 1rem;
    padding-bottom: 1rem;
    font-weight: 700;
}
.footer-list-title {
    font-weight: 700;
    font-size: 1.1rem;
    max-width: 151px;
    color: #fff;
}
.footer-list {
    padding-top: 3rem;
  }
  .footer-list-end {
    padding-top: 3rem;
    text-align: start;
  }
.footer-list-item{
    color:#fff;
}
.footer-list-item:hover{
    color: #fff;
    filter: opacity(0.5);
}

.divider-line {
    border-bottom: 1px solid #fff;
    margin-right: 5px;
  }
  .divider-line-min {
    border: 1px solid;
    display: block;
    padding-left: 4rem;
    max-width: 422px;
    margin-left: 0rem;
    margin-bottom: -1.3rem;
  }
  .redsocial_circle a {
    width: 38px;
    height: 38px;
    background: #fff;
    font-size: 1rem;
    margin:3px;
    line-height: 40px;
    color: var(--color-secondary-blue);
    }
@media (min-width: 450px) and (max-width: 880px) {
.partner_info{
    display: grid;
    align-items: center;
    justify-content: left;
    grid-template-columns: 1fr 1fr 1fr;
}
.partner_info .logo_item {
    padding:0;
}
}
@media (min-width: 992px){
.header_top {
    background: var(--color-secondary-blue);
    padding: 12px 0px;
}
.header_social_icon li a {
    font-size: 16px;
    color: #fff;
    position: relative;
    -webkit-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
    display: inline-block;
    font-weight: 600;
}
.navbar .search_cart .search a, .navbar .search_cart .shpping-cart a {
    line-height: normal;
    margin-left: 8px;
}
.menu > .nav-item {
    padding-top: 37px;
}
.btn-pb {
    border-radius: 25px;
    min-width: 160px;
    font-size: 1.1rem;
}
.btn-pb_blue{
    min-width: 160px;
    font-size: 1.1rem;
}
.video_btn.popup-youtube {
    margin-left: 10px;
    min-width: 160px;
    font-size: 1.1rem;
}

.header_social_icon li {
    display: inline-block;
    margin: 0px 0px 0px 15px;
    color: #fff;
}
.header_social_icon {
    text-align: right;
    margin-bottom: 0;
}
.img-logo_home {
    width: 100%;
}

.img-slider-home{
    padding-top:0rem;
     margin-top: 0rem;
}

.login-btn {
    padding-right: 0.9rem!important;
    padding-left: 0.9rem!important;
    font-size: 1.1rem!important;
    min-width: 120px;
    padding: 0.5rem;
}
.dropdown-menu.mega-area.show {
    width: 785px;
    left: 15%;
    height: 280px;
    padding: 1rem 0.5rem;
    position:absolute;
}
/*--
.textdes-blue-home:before {
    content: '';
    width: 50.5%;
    border-bottom: 10px solid #c7d9f19e;
    position: absolute;
    top: 13rem;
    display: inline-block;
}*/
--
.text-counter {
    padding-left: 2rem;
    padding-right: 2rem;
}
.seo_fact_info {
    display: flex;
}
.seo_fact_info .seo_fact_item {
    width: auto;
    height: auto;
    border-radius: 0;
    background: var(--background-gray);
    -webkit-box-shadow: 0px 20px 40px 0px rgba(38, 59, 94, 0.1);
    box-shadow: none;
}
.title_home_slider {
    font-size: 2.6rem;
}
.text_home_slider {
    font-size: 1.58rem;
}
.text_home_slider-p{
    font-size: 1.2rem;
    font-weight: 500;
}
.num-cart{
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
    background: var(--color-primary-blue);
    color: #fff;
    border-radius: 5rem;
    font-size: .7rem;
    padding: 0.1rem 0.375rem;
}
.cart-btn.nav-link {
    font-size: 1.1rem;
}
/*--
.textdes-blue-home:before {
    content: '';
    width: 36.5%;
    border-bottom: 15px solid #c7d9f18f;
    position: absolute;
    top: 10rem;
    display: block;
    left: 32%;
}
--*/
.text-blue-home {
    font-size: 1.8rem;
}
.btn-pb-min {
    background: var(--color-primary-orange);
    color: #fff;
    font-weight: 700;
    border-radius: 25px;
    min-width: 140px;
    font-size: 0.9rem;
}
.box-home-benf1 {
    width: 85%;
}
.box-home-benf2 {
    width: 85%;
}
.title-num-home {
    font-weight: 500;
    font-size: 3rem;
    padding-bottom: 2rem;
}
.text.box-home-benf {
    font-size: 1.1rem;
    font-weight: 400;
    text-align: justify;
}
/*--
.textdes-blue-home2:before {
    content: '';
    width: 7.5%;
}
--*/
.home-video_testimonios {
  width: 120px;
}
.home_box2 {
    display: flex;
    align-items: center;
}
.btns-back-pb {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.btn-gray {
    margin-top: 0rem;
}
.section_pb_gr {
    height: 35vh;
}
.img-pb-gr {
    width: 60%;
    margin-top: -4rem;
}
.box-textback-pb {
    padding-top: 2rem;
}
.home-box-tour {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}
.home-text-tour {
    position: absolute;
    display: grid;
    left: 50%;
    margin-top: 6rem;
    width: 80vh;
}
.home-tour-bsale {
    padding-top: 10rem;
}
.img-tour {
    width: 60%;
}
.home-blog {
    display: grid;
    grid-template-columns: 500px 300px 300px;
    row-gap: 2px;
    column-gap: 30px;
    align-items: center;
    justify-content: center;
}
.box-blog-home:nth-child(2n) {
    margin-top: -7rem;
}
.box-blog-home:nth-child(3n){
    margin-top:10rem;
}
.home-blog-svg {
    position: absolute;
    display: grid;
    left: 5%;
    margin-top: 27.5rem;
    width: 28%;
}
.home-benef-svg {
    position: absolute;
    display: grid;
    left: 60%;
    margin-top: 25rem;
    width: 16%;
}
.sec-home-blog {
    padding-top: 2rem;
}
.text-tour {
    font-size: 3.2rem;
}
/*--
.text-blue-tour-dest::before {
    width: 32.5%;
}
--*/
.partner_info {
    flex-direction: row;
    display: grid;
    display: flex;
    gap: 15px;
    }
    .footer-text_dest {
    font-size: 2.1rem;
    text-align: end;
    padding-left: 13rem;
    padding-right: 0rem;
  }
  .footer-list-end {
    padding-top: 3rem;
    text-align: end;
}
  .divider-line-min {
    margin-left: 9rem;
  }
}
.video_btn.popup-youtube.home-video_testimonios {
  min-width: 130px;
  padding: 0;
  margin-top: 0.3rem;
  height: auto;
  margin-left: auto;
  display: block;
  margin-right: auto;
}

/*===== Alianzas e integraciones =====*/
.area_lps_slider_int {
    background: #fff;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.sec_integradores {
    background: #fff;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.box_integradores {
    padding-top: 0.8rem;
    padding-bottom: 0.5rem;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding-left: 1rem;
    transition: box-shadow .6s cubic-bezier(.19,1,.22,1);
    margin-top: 5px;
}

.box_text_int {
    max-width: 400px;
    margin-left: 2rem;
}

.title_itegrador {
    font-size: 11pt;
    font-weight: 600;
}
.title_category {
    margin-top: 1rem;
    font-size: 12pt;
    color: #39404A;
}
.title_categoria_int {
    font-weight: 600;
    font-size: 18pt;
}
.text_categoria_int {
    font-size: 13.5pt;
    margin-bottom: 1.5rem;
}
.text_itegrador {
    font-size: 9.5pt;
    color: #6A788A;
}

.etiqueta-int {
    font-size: 10pt;
    display: inline-flex;
    text-decoration: underline;
    font-weight: 500;
    color: #505A68;
}
.enlace_integ {
    background: #406DDF;
    padding: 3px;
    font-size: 10pt;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}

.enlace_integ:hover {
    background: #2656D4;
    color: #fff;
}
.enlace_integ_dis {
    background: #8989899e;
    padding: 3px;
    font-size: 10pt;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}
.enlace_integ_dis:hover {
    background: #898989bf;
    color:#fff;
}
.title_integraciones_slider {
    font-weight: 700;
    font-size: 26pt;
    color: #39404A;
}
.text_integraciones_slider {
    font-size: 13pt;
    text-align: justify;
    font-weight: 400;
}
@media (min-width: 992px){
.box_integradores {
    max-height: 127px;
}
.text_categoria_int {
    line-height: 14px;
}
.title_integraciones_slider {
    font-size: 3rem;
}
.text_integraciones_slider {
    font-size: 15pt;
    }
    .text_integradores_ext {
    padding-right: 5rem;
}
.gif-integ {
    margin-left: 6rem;
}
.img-int-ext {
    max-width: 70%;
}
}
.sec_integradores_ext{
    padding-top:4rem;
    padding-bottom:2rem;

}
@media (max-width: 992px){
.box_integradores {
    margin-top: 6px;
}
.title_integradores_ext {
    font-weight: 700;
    margin-left: 0px;
}
}
.box_integradores_cta {
    margin-top: -12px;
}
.title_integradores_ext {
    font-weight: 700;
    color: #39404A;
    font-size: 32pt;
}
.cta_integradores_ext {
    background: #406DDD;
    color: #fff;
    font-size: 13pt;
    padding: 10px;
    border-radius: 7px;
    font-weight: 600;
}
.cta_integradores_ext:hover {
    background: #2656D4;
    color: #fff;

}
.text_integradores_ext {
    font-size: 12.5pt;
    font-weight: 400;
    text-align: justify;
    color: #39404A;
}
.cta_integraciones {
    display: inline-block;
    background: #527AE0;
    color: #fff;
    padding: 10px 22px 10px 20px;
    font-size: 0.9rem;
    border-radius: 40px;
    border: none;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}
.cta_integraciones:hover {
    background: #406DDD;
    color: #fff;
}
.select_integradores {
    background: #f0f1f5;
    color: #6A788A;
    padding-bottom: 2rem;
    padding-top: 2rem;
    font-size: 21pt;
}

.breadcrumb_area {
    background: #fff;
    }

.pos_about_area {
    background: #347ae4;
    padding-top: 120px;
    display: flex;
}
.icon-check-bs {
    color: #5fc782!important;
}
.pos_about_list li {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    position: relative;
    padding-left: 40px;
}
.pos_about_list {
    column-count: 3;
    margin-bottom: 65px;
}
.pos_about_img {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: 82px;
    margin-bottom: -56px;
}

.icon-integ {
    color: #6A788A;
}
.icon-integ:hover {
    color: #505A68;
}
.text_integrador {
    font-size: 11pt;
    font-weight: 400;
}
.title_integrador {
    font-weight: 600;
    font-size: 13pt;
}

.section-blog-int {
    background: #fff;
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.title-blog-int {
    font-size: 13pt;
    color: #505A68;
    font-weight: 600;
}
.text-blog-int {
    font-size: 10pt;
}
.conoce_mas-blog {
    color: #2656D4;
    font-weight: 500;
    font-size: 12pt;
    text-decoration: underline;
}
.conoce_mas-blog:hover {
    color: var(--color-secondary-blue);
    text-decoration: underline;
}
.title_int_blog {
    font-weight:700;
}
.btn-blog-int {
    background: #efefef;
    color: #505A68;
    font-size: 11pt;
    font-weight: 500;
}

.img-blog-int {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 36vh;
}

.area_lps_cta_back {
    background: var(--color-secondary-blue);
    color: #fff;
}
.title_cta_back {
    font-weight: 700;
}
.text_cta_back {
    font-size: 19pt;
    font-weight: 500;
}
.btn_lps_borde {
    font-size: 18pt;
    color: #fff;
    border-radius: 25px;
    padding: 10px 17px;
    background: #FF5C1A;
    border-color: #FF5C1A;
    font-weight: 700;
    border: 1px solid #fff;
}
.btn_lps_borde:hover {
    color: #fff;
    border: 1px solid #FF5C1A;
}
@media (min-width: 992px){
.area_lps_cta_back {
    padding: 4rem 12rem 4rem 15rem;
}
}



#cookies__container {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    right: 0;
    z-index: 100;
    height: 9vh;
    display: block;
    justify-content: center;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.btn_ins_webinar {
    background: #2656D4;
    color: white;
    padding: 10px;
    font-weight: 500;
    margin-left: 10px;
}
.btn_ins_webinar:hover {
    background: #0056b3;
    color: white;
}

/* estilos thank you page Ebooks */

.back-blue{
    background:#33517A;
    }
.section-download_area{
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.title-download_l {
    font-size: 1.2rem;
    font-weight: 400;
    font-style: oblique;
    text-align: center;
    margin-bottom: 1rem;
}
.title-download_xl {
    font-size: 2.8rem;
    font-weight: 700;
}
.btn-download-copy {
    color: #fff;
    display: flex;
    background: #ff5c1acf;
    border-radius: 15px;
    font-weight: 600;
    padding: 0.5rem;
    width: fit-content;
    margin-bottom: 1rem;
}
.btn-download-copy:hover {
    color: #fff;
    background: #ff5c1ab0;
}
.btn-download-look{
    color: #fff;
    display: flex;
    background:#1e69c5d6;
    border-radius: 15px;
    font-weight: 600;
    padding: 0.5rem;
    width: fit-content;
    margin-bottom: 1rem;

}
.btn-download-look:hover {
    color: #fff;
    background:#1e69c5b5;
}
.section-download-suscribe {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/*-- COMPETENCIA --*/
.title_competencia_b {
    font-weight: 700;
    font-size: 1.8rem;
}
.subtitle_competencia_b {
    font-weight: 400;
    font-size: 16pt;
}
.title_competencia_n3 {
    font-size: 32pt;
    }

/* reviews google - competencia */

.section-competencia_reviews{
    background:#fff;
    padding-top:2rem;
    padding-bottom:2rem;
}
.card-review-client {
    padding: 2rem;
    box-shadow: 0px 10px 15px -3px #b9b8b8;
    min-height: 23rem;
}
.review-star{
    color: #fbbe28;
    margin-bottom:0.5rem;
}
.title-competencia_reviews {
    font-size: 1.1rem;
    margin-top: 0.5rem;
        padding: 0.5rem;
}
}
.text-competencia_reviews {
    font-size: 0.9rem;
    padding-right: 2rem;
    text-align: justify;
    padding-top: 0.7rem;
    border-bottom: 1px solid #cbcbcb;
        padding-bottom: 1rem;
}
.name-review {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    margin-top: 0.3rem;
}

.text-competencia_reviews {
    margin-top: 0.5rem;
}
.section-competencia_customer {
    background: #34517a;
}
.logo-customer {
    border-radius: 50%;
    padding-top: 3rem;
    padding-bottom: 3rem;
    max-width: 85%;
}

.title-competencia_customer {
    font-weight: 700;
    color: white;
    text-align: center;
    padding-top: 3rem;
    font-size: 23pt;
}

.title-testimonial {
    font-size: 23pt;
    padding-bottom: 2rem;
    padding-top: 1rem;
    font-weight:600;
}

.title-orange {
    color: #FF5C1A;
}

/*LP PODCAST*/
.area_slider-lb{
    background: #EBF0FB;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.spotify-green {
    color: #1db954;
    margin-left: 2rem;
}
.youtube-red {
    color:#FF0000;
}
.list-podcast {
    line-height: 2;
}
.list-podc_item {
    font-size: 1.2rem;
}
.check-green {
    color: #0cc00c;
}
.slider-podcast{
    width: 50%;
}
.icon-podcast-p {
    font-size: 1.2rem;
    font-weight: 700;
    color: #33517A;
    margin-left: 0.5rem;
}
.title_background-podcast{
    background: #FF5C1A;
    color: #fff;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    max-width: 21rem;
}
.title-pod-white {
    padding-top: 1rem;
    font-size: 2rem;
    color: #FFF;
    font-weight: 700;
    text-align: center;
}
.card-podcast {
    padding: 0.8rem;
    background: #f0f2f43d;
    color: #33517A;
    box-shadow: 2px 5px 2px 2px #2e64b1a1;
    min-height: 15rem;
    display: block;
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    padding-top: 3rem;
    margin-top: 3rem;
}

.icon-podcast{
    font-size:2rem;
    margin-bottom:1rem;
}
.list-podc {
    list-style: disc;
    padding-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
}
.text-podc_destc {
    font-weight: 700;
    border-bottom: 3px solid #ff6816;
}
.section-podcast-black {
    background-color:#161616;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 3rem;
}
.box-podc_destc {
    background: #fff;
    border-left: 10px solid var(--color-primary-orange);
    padding: 10px;
    border-radius: 0px 12px 12px 0px;
    box-shadow: 0px 1px 4px 1px rgb(166 165 165 / 86%);
    width: auto;
    margin-top: 1.2rem;
    height: auto;
}
.card-podc {
  max-width: 50em;
  background-color: #2E2F35;
  border: 0;
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
  margin: 3em auto;
}
.card-podc_light {
    max-width: 53em;
    background-color: #5FF971;
    border: 0;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
    margin: 3em auto;
}
.card.dark {
  color: #fff;
}
.card-podc_title {
  color: dimgrey;
}

.card-podc img {
  max-width: 18%;
  padding: 0.5em;
  border-radius: 0.7em;
  height: auto;
}
.card-podc_light img {
    max-width: 18%;
    padding: 0.5em;
    border-radius: 0.7em;
    height: auto;
}
.text_podc-g {
    color: #5FF971;
}
.subtitle_blue-bold {
    padding-top: 0.5rem;
    font-weight: 700;
    font-size: 1.3rem;
}
.text_podc-b {
    color: #161616;
    font-weight: 600;
}
.text_podc-pg {
    color: #8A8B8D;
}
.card-podc_title {
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
}
.play-podc {
    background: #161616;
    padding: .4em!important;
    color: #fff !important;
    fill: #fff;
    width: 2.2em;
    height: 2.2em;
    font-size: 18px;
    border-color:#161616!important;
}
.subtitle_podc {
    line-height: 0.5rem;
    margin-bottom: 2rem;
}
.card-light_title {
    color: #161616;
    font-weight: 600;
    font-size: 1.1rem;
}
.card-podc_text {
    color: #8A8B8D;
    font-size: 0.9rem;
}
.card-light_text {
    color: #000;
    font-size: 0.9rem;
}
.text_light-pg {
    color: #000;
}
.card-body {
  display: flex;
  justify-content: space-between;
}
.text-section {
  max-width: 60%;
}
.play-podc_cta {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.btn-light_green {
    background: #5FF971;
    color: #000;
    font-weight: 300;
    border-radius: 50px 50px 50px 50px;
    padding: 7px 20px 7px 20px;
}
.section-podcb {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #fff;
}
.card-podcb {
    background: #fff;
    border-left: 10px solid var(--color-primary-blue);
    padding: 10px;
    border-radius: 0px 12px 12px 0px;
    box-shadow: 0px 1px 4px 1px rgb(166 165 165 / 86%);
    width: auto;
    margin-top: 1.2rem;
    padding-top: 1rem;
    height: 17rem;
}
.cta-podcb {
    display: inline;
    text-align: end;
    font-size: 1rem;
    font-weight: 600;
    margin-right: 0.4rem;
    padding-top: 0.2rem;
}
.box-podc {
    margin-left: 2.2rem;
}
.p-podcb_text {
font-size: 0.8rem;
    margin-bottom: 0;
}
.podcb_text {
    font-size: 1.1rem;
    padding-top: 2rem;
    font-weight: 600;
}
.section_background-db {
    background: #34517a;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.title-lg_white {
    font-size: 1.4rem;
    color: #FFF;
    font-weight: 600;
}
.youtube-white {
    color: #FFF;
}
.spotify-white {
    color: #FFF;
}
.icon-podcast-w {
    font-size: 1.2rem;
    font-weight: 700;
    color: #FFF;
    margin-left: 0.5rem;
}
.icon-podcast-w:hover {
    color: #efecec;
    }
.btn_subscribe_podc {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 76%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10%;
    background: #2656D4;
}
.form-control {
    width: 90%;
    margin-left: 16px;
    height: calc(1.75rem + 15px) !important;
    border-radius: 35px;
}
@media screen and (max-width: 475px) {
.btn_subscribe_podc {
    width: 40px;
    height: 40px;
    top: 88%;
    transform: translateY(-100%);
    right: 10%;
}
.text-susc {
    font-size: 0.9rem;
}
.area_slider-lb {
    padding-top: 2rem;
    }
    .text-blue-p{
    font-size: 1.1rem;
}
.slider-podcast{
    width: 35%;
}
  .card-podc {
    font-size: 0.9em;
  }
  .btn.btn-light_green {
    padding: 5px 10px 5px 10px;
    font-size: 0.8rem;
}
.box-podc {
    margin-left: .8rem;
    margin-top: .5rem;
}
.subtitle_podc {
    line-height: 1rem;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    }
   .subtitle_blue-bold {
    font-size: 1.1rem;
    padding-top:0rem;
}
  .card-podc_title {
    font-size: 0.9rem;
}
.card-light_title {
   font-size: 0.9rem;
}
.card-light_text {
    font-size: 0.75rem;
}
.card-podc_light img {
    max-width: 25%;
    height: 25%;
}
.card-podc img {
    max-width: 25%;
    height: 25%;
    }
    .text-form-susc {
    text-align: justify;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
}
}
.podcb_text {
    font-size: 1.1rem;
    padding-top: 2rem;
    font-weight: 600;
    margin-left: 1rem;
}
.foot-podc{
    display:flex;
    gap:3rem;
}
.img-dest_podc {
    border-radius: 50px;
    width: 23%;
    margin-left: 1rem;
}
/* reviews google - competencia */

.section-competencia_reviews{
    background:#fff;
    padding-top:2rem;
    padding-bottom:2rem;
}
.card-review-client {
    padding: 2rem;
    box-shadow: 0px 10px 15px -3px #b9b8b8;
    min-height: 23rem;
}
.review-star{
    color: #fbbe28;
    margin-bottom:0.5rem;
}
.title-competencia_reviews {
    font-size: 1.1rem;
    margin-top: 0.5rem;
        padding: 0.5rem;
}
}
.text-competencia_reviews {
    font-size: 0.9rem;
    padding-right: 2rem;
    text-align: justify;
    padding-top: 0.7rem;
    border-bottom: 1px solid #cbcbcb;
        padding-bottom: 1rem;
}
.name-review {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    margin-top: 0.3rem;
}

.text-competencia_reviews {
    margin-top: 0.5rem;
}
.section-competencia_customer {
    background: #34517a;
}
.logo-customer {
    border-radius: 50%;
    padding-top: 3rem;
    padding-bottom: 3rem;
    max-width: 85%;
}

.title-competencia_customer {
    font-weight: 700;
    color: white;
    text-align: center;
    padding-top: 3rem;
    font-size: 23pt;
}

.title-testimonial {
    font-size: 23pt;
    padding-bottom: 2rem;
    padding-top: 1rem;
    font-weight:600;
}

.title-orange {
    color: #FF5C1A;
}

/* APP BSALE */ 

/*. Responsive */
.section-white {
    padding-top: 4rem;
    padding-bottom: 1rem;
    background: #FFF;
}
.section-gray {
    padding-top: 4rem;
    padding-bottom: 1rem;
    background: #efecec;
}
.title_blue_app {
    font-weight: 700;
    font-size: 1.9rem;
}
.subtitle-app_lg{
    font-weight:400;
    font-size:1.2rem;
}
.text-blue_app {
    font-size: 1rem;
    font-weight: 400;
}
.text-blue_app_lg {
    font-size: 1rem;
    font-weight: 400;
}
.img-w66 {
    max-width:100%;
}
.box-download-app {
    align-items: center;
    margin-top: 1rem;
    width: auto;
    display: grid;
    grid-template-columns: 100px 100px 100px;
    gap: .5rem;
}

.subtitle_blue_app{
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--color-secondary-blue);
    margin-top: 2.2rem;
}

.app-list {
    list-style: disc;
    font-weight: 400;
    max-width: 100%;
}

.app-list_item {
    font-size: 1rem;
    margin-left: -10px;
}
.app-qr_img{
    max-width:100%;
}

/*FAQ Home */
details {
  border: 1px solid rgba(112,112,112,0.1);
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
  margin-bottom:10px;
  cursor:pointer;
}

summary {
  font-weight: 600;
  font-size: 0.9rem;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
  list-style-type:"+";
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}
details[open] {
    padding: 0.5em;
    border: none;
    background-color: var(--background-gray);
}

summary::marker{
  color: #0000ff;
  font-size: 1.2em;
  margin-right:20px;
}

details:hover{
   background-color: #EBF0FB;
}

details summary::after{
  content:"+";
  float:right;
  font-size:1.2em;
  color:green;
}

details[open] summary::after{
  content:"-";
  float:right;
  font-size:0.9rem;
  color:green;
}
.resp-faq{
    font-size:0.9rem;
}
.title-background_orange {
    background: #ff5c1a;
    color: #FFF;
    padding: 0.3rem;
    font-weight: 700;
    font-size: 1.8rem;
}
.title-background_blue {
    background: #33517A;
    color: #FFF;
    padding: 0.3rem;
    font-weight: 700;
    font-size: 1.25rem;
    max-width: 100%;
    text-align: center;
    border-radius: 10px;
}
.list-respuesta {
    list-style: disc;
}
/*. Desktop */
@media screen and (min-width: 992px) {
.section-white {
    padding-bottom: 7rem;
}
.img-download-slider {
    max-width: 141px;
}

.text-blue_app {
    font-size: 1.2rem;
    }
    .text-blue_app_lg {
    font-size: 1.2rem;
    }
    .subtitle-app_lg{
    font-weight:400;
    font-size:1.45rem;
}
.title-background_blue {
    font-size: 1.6rem;
    }
.text-blue_app {
    max-width: 70%;
    }
    .subtitle_blue_app {
    font-size: 1.6rem;
    }
    .app-list {
    max-width: 90%;
    }
    .app-list-item{
    font-size: 1.2rem;
    }
    .img-w66 {
    max-width:66%;
}
.title_blue_app {
    font-size: 2.3rem;
}
.box-download-app {
    grid-template-columns: 130px 130px 130px;
}
    .app-qr_img{
    max-width:70%;
}
.title_competencia_b {
    font-size: 2.5rem;
}
summary {
  font-size: 1.1rem;
  }
  details[open] summary::after{
    font-size: 1.1rem;
  }
  .resp-faq{
    font-size:1.1rem;
    text-align:left;
}
}

/*-- LP FAQS --*/
.section-faq {
    width: 90%;
    margin: 40px auto;
}
.title_faq_new{
    font-size: 3rem;
    color:#39404A;
    font-weight: 700;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
/*!categorias*/
.categorias {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 20px;
    margin-bottom: 60px;
}

.categoria{
    cursor: pointer;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    background:#e6e8eb47;
    font-weight: 700;
    columns: var(--color-primary-blue);
    border: 2px solid transparent;
    transition:.3s ease all;
}

.categoria:hover{
    box-shadow: var(--sombra);
    color:var(--color-secondary-blue);
}

.categoria path {
    fill: #406DDD;
    transition: 2s ease all;
}
.categoria:hover path {
    fill:var(--color-secondary-blue);
}

.categoria svg{
    width: 64px;
    margin-bottom:10px;
    text-align: center;
    display: inline-block;
}
.categoria.activa {
    border: 1px solid var(--gray-light);
    color: var(--color-primary-blue);
}
.title_categorias_faq {
    color: var(--color-secondary-blue);
    font-size: 15pt;
    font-weight: 700;
}
.title_categorias_faq:hover{
    transition: 2s ease all;
}

/*!preguntas*/
.contenedor-pregunta{
    background: #e6e8eb47;
    padding: 10px 15px 10px 15px;
    border: 2px var(--gray-light);
    border-radius: 10px;
    overflow: hidden;
    transition: .2s ease all;
}
.contenedor-pregunta:hover{
    box-shadow: var(--sombra);
}
.contenedor-preguntas{
    display: none;
    grid-template-columns: 1fr;
    gap:5px;
}
.contenedor-preguntas.activo {
    display: grid;
}
.img-mas{
    display: inline;
}

.pregunta{
    font-weight: 600;
    font-size: 1.15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pregunta img{
    width: 14px;
}

.respuesta{
    line-height: 30px;
    max-height: 0;
    opacity: 0;
    transition: .2s ease all;
}

.contenedor-pregunta.activa .respuesta{
    opacity: 1;
    margin-top: 20px;
    font-size: 1rem;
    font-weight: 500;
}
.contenedor-pregunta.activa img{
    transform: rotate(45deg);
}

.title-casos-uso{
font-size: 20pt;
font-weight: 600;
}
.cta_dev{ 
    color:#406DDD;
}
    .categoria{
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
    }
    .categoria svg {
        width: 30px;
        margin-right:10px;
        margin-bottom: 0px;
    }

@media screen and (max-width:500px){
    .categorias{
        grid-template-columns: 1fr;
    }
    .pregunta {
    font-size: 1rem;
    line-height: 16px;
    }
    .contenedor-pregunta.activa .respuesta {
    font-size: 0.9rem;
    }
}
/*!responsive*/
@media screen and (min-width:992px){
    .categorias{
    grid-template-columns: repeat(6, 1fr);
    }
    .pregunta{
    line-height: 10px;
    }
}



lite-youtube.custom-lite-youtube.container-high {
    height: 450px;
}
@media screen and (min-width: 992px) {
    lite-youtube.custom-lite-youtube.container-high {
        height: 580px;
    }
}
/* RRHH */
.history-section {
    padding-top:6rem;
    padding-bottom:6rem;
}
.card-text_sm {
    padding: 2rem;
    box-shadow: 0px 10px 15px -3px #b9b8b8;
    min-height: 20rem;
    text-align: center;
    align-content: center;
    margin: 1rem 1rem;
    font-size: 1.1rem;
    border-radius: 15px;
}
.card-service {
    background: #fff;
    border-left: 10px solid #33517A;
    padding: 0.8rem;
    border-radius: 0px 12px 12px 0px;
    box-shadow: 0px 1px 4px 1px rgb(200, 200, 200);
    width: 95%;
    margin-top: 1.1rem;
    height: 100%;
}
.title-card_blue {
    font-size: 1.1rem;
    font-weight: 700;
    text-align: left;
}
.text-card_blue {
    font-size: 1rem;
    text-align: left;
}

.subtitle-blue_lg {
    font-size: 1.3rem;
    margin-top: -0.5rem;
    font-weight: 500;
}
.text-blue_flex {
    font-size: 1.15rem;
    margin: 0;
    font-weight: 400;
}

.timeline-wrapper {
    overflow: hidden;
    width: 100%; /* El 100% del ancho del contenedor */
    display: flex;
    justify-content: flex-start;
    cursor: grab;
}

.timeline {
    position: relative;
    display: flex;
    transition: transform 0.3s ease-in-out;
    gap: 2rem;
    user-select: none;
}

.timeline-item {
    position: relative;
    overflow: visible;
    min-width: 25%; /* Cada elemento ocupa un tercio del ancho */
}
.content-timeline_text {
    font-weight: 600;
    font-size: 1.1rem;
}
.year {
    position: relative;
    top: 15px;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    background: #2d5891;
    padding: 5px 10px;
    border-radius: 3%;
    z-index: 100;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

.content-timeline_card {
    border-radius: 5px;
    padding: 2rem;
    background: white;
    border: 1px solid #e5eefa;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: visible;
    min-height: 10rem;
    align-content: center;
}
.mb-max {
    margin-bottom: 8rem;
}
.timeline::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e1e1e1;
    z-index: -1;
}

.prev-btn, .next-btn {
    background: none;
    border: none;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.prev-btn {
    left: 10px;
}

.next-btn {
    right: 10px;
}

.card-offer {
    min-height: 240px;
}
.title-table_sm{
    font-size: 1em;
    font-weight: 700;
}
.table-title_sm{
    font-size: 0.8rem;
}
table-item_sm {
    font-size: 0.8rem;
}

.table_link {
    font-size: 0.8rem;
    color: var(--primary-color);
    text-decoration: underline;
}
.table_link:hover {
    color: var(--secondary-color);
    text-decoration: underline!important;
}

.box-stage {
    display: grid;
    gap: 4rem;
    text-align: center;
    grid-template-columns: auto;
    align-items: center;
}
.box-stage_icon {
    font-size: 2rem;
    color: var(--color-gray-light);
    margin-top: 1rem;
    background: #e9e8e8;
    padding: 1rem;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    align-content: center;
}
.box-stage_title {
    margin-top: 1rem;
    font-weight: 700;
    font-size: 1.1rem;
}
.box-stage_text {
    font-weight:400;
}
.text-underline_xl {
    background: #fff;
    color: var(--color-primary-blue);
    font-weight: 700;
    display: block;
    text-align: center;
    margin-top: 4rem;
    text-decoration: underline;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.text-underline_xl:hover{
    color: var(--color-secondary-blue);
    text-decoration: underline;
}
@media (min-width: 992px) {
.table_link {
    font-size: 1.1rem;
}
.text-blue_flex {
    padding-right: 5rem;
    padding-left: 5rem;
}
.title-table_sm{
    font-size: 1.7em;
    font-weight: 700;
    text-align: center;
}
.table-title_sm{
    font-size: 1.1rem;
}
table-item_sm {
    font-size: 1.1rem;
}
.box-stage {
   grid-template-columns: repeat(5, 1fr);
}

}
.sec-service {
    background: #fbfbfd;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.icon-blue {
    color: var(--color-primary-blue);
}


.box-margen-content {
    border: 1px solid #e0e0d9;
    border-radius: 4px;
    padding: 1rem;
    margin-top: 0.5rem;
}

.box-margen-title {
    font-size: 1.2rem;
    font-weight: 600;
}
.box-margen-text {
    font-size: 1rem;
    font-weight: 500;
    min-height: 6.5vh;
}

/* Contenedor del placeholder de YouTube */
.js-youtube {
  position: relative;
  overflow: hidden;
  background: #000; /* fondo negro mientras carga la miniatura */
}

/* Botón que cubre todo el contenedor 16:9 */
.js-youtube-placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Miniatura siempre centrada y sin bordes negros */
.js-youtube-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* evita las barras negras */
  display: block;
}

/* Botón de play estilo Bsale */
.youtube-play-icon {
    position: absolute;
    width: 72px;
    height: 52px;
    border-radius: 18px;
    background: rgb(255 0 52);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s 
ease, box-shadow 0.15s 
ease, background 0.15s 
ease;
}

/* Icono de play */
.youtube-play-icon i {
  font-size: 22px;
  color: #fff;
  margin-left: 2px; /* corrige el centrado óptico del triángulo */
}

/* Hover: un poco más grande y más claro */
.js-youtube-placeholder:hover .youtube-play-icon,
.js-youtube-placeholder:focus .youtube-play-icon {
  transform: scale(1.06);
  background: rgba(255, 144, 34, 0.95);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.45);
}



/* === Descripción servicios adicionales 2025 === */

.mod-service__intro,
.mod-service__meta {
  margin: 1.5rem 0;
  font-family: var(--font-body-family);
  color: var(--color-secondary-blue);
}

/* Texto base del bloque (un poco más pequeño) */
.mod-service__intro p,
.mod-service__intro li,
.mod-service__meta p {
  font-size: 1rem;        /* ~16px */
  line-height: 1.6;
  font-weight: 400;
}

/* Subtítulos: "Incluye", "Consideraciones", etc. */
.mod-service__subtitle {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1.25rem 0 0.5rem;
  color: var(--color-secondary-blue);
}

/* Nota / Costo */
.mod-service__note {
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 0.75rem 0 1.25rem;
}

.mod-service__price-label {
  font-weight: 700;
  text-transform: uppercase;
}

/* Listas personalizadas (recuperamos las viñetas) */
.mod-service__list {
  list-style: none;            /* quitamos viñeta default */
  margin: 0.5rem 0 1.5rem;
  padding-left: 0;
}

.mod-service__list-item {
  position: relative;
  padding-left: 1.4rem;        /* espacio para la viñeta custom */
  margin-bottom: 0.4rem;
}

/* “Bala” azul Bsale */
.mod-service__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--color-primary-blue);
}

/* 2. Estilos específicos para ficha "Activación Ecommerce" */

.mod-service--ecommerce {
  font-family: var(--font-body-family);
  font-size: 1rem;
  line-height: 1.6;
}

/* Todo el texto dentro del módulo en azul de marca */
.mod-service--ecommerce p,
.mod-service--ecommerce li {
  color: var(--color-secondary-blue);
}

/* Títulos h3/h4 del módulo Ecommerce */
.mod-service--ecommerce .service-title {
  font-family: var(--font-title-family);
  font-size: 1.35rem;
  font-weight: 700;
  margin: 1.5rem 0 0.75rem;
}

/* Título principal arriba del bloque */
.mod-service--ecommerce .mod-service__intro .service-title {
  margin-top: 0;
}

/* Texto general del módulo Ecommerce */
.mod-service--ecommerce .mod-service__text,
.mod-service--ecommerce .mod-service__note,
.mod-service--ecommerce .mod-feature__text {
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 0.85rem;
}

/* Meta (Condiciones / Habilitación) con más aire abajo */
.mod-service--ecommerce .mod-service__meta {
  margin-bottom: 2rem;
}

/* Bloques de beneficios (1–7) */
.mod-service--ecommerce .mod-feature {
  padding-top: 1.75rem;
  margin-top: 1.75rem;
  border-top: 1px solid #e6e8eb;
}

/* Primer beneficio sin línea arriba */
.mod-service--ecommerce .mod-feature:first-of-type {
  border-top: none;
  padding-top: 0;
}

/* Imágenes de beneficios */
.mod-service--ecommerce .mod-feature__media {
  margin-top: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}

.mod-service--ecommerce .mod-feature__img {
  display: block;
  max-width: 460px;   /* no gigante en desktop */
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
}

/* Desktop */
@media (min-width: 992px) {
  .mod-service--ecommerce {
    font-size: 1.05rem;
  }

  .mod-service--ecommerce .service-title {
    font-size: 1.5rem;
  }

  .mod-service--ecommerce .mod-service__text,
  .mod-service--ecommerce .mod-service__note,
  .mod-service--ecommerce .mod-feature__text {
    font-size: 1rem;
  }
}