/* start update */

/* Slideshow
================================================== */

/*-- Main slide --*/

.overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../overaly.png);
}

#main-slide .item img{
    width: 100%;
    -webkit-backface-visibility: hidden;

}

#main-slide .item{
    -webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}
#main-slide .slider-content{
    top: 40%;
    margin-top: -65px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    color: #fff;
}
#main-slide .carousel-indicators {
    bottom: 70px;
}

.carousel-indicators li{
    width: 30px !important;
    height: 10px !important;
    margin: 1px !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}


#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right{
    opacity: 1;
    filter: alpha(opacity=100);
}

#main-slide:hover .carousel-control.left{
    left: 20px;
}

#main-slide:hover .carousel-control.right {
    right: 20px;
}

#main-slide .carousel-control.left span {
    padding: 15px;
}

#main-slide .carousel-control.right span {
    padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

#main-slide .carousel-control .fa-angle-left{
    left: 0;
}

#main-slide .carousel-control .fa-angle-right{
    right: 0;
}

#main-slide .carousel-control i{
    background: none;

    color: #fff;
    line-height: 56px;
    width: 56px;
    height: 56px;
    border: 1px solid #fff;
    border-radius: 100%;
    font-size: 36px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#main-slide .carousel-control i:hover{
    border: 1px solid rgba(0,0,0,.3);
}

#main-slide .slider-content h2{
    font-size: 52px;
    text-transform: uppercase;
    color: #fff;
}

#main-slide .slider-content h3{
    font-size: 28px;
    margin-top: 40px;
    color: #fff;
}

.slider.btn{
    padding: 10px 35px;
    margin-top: 40px;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
}

.slider.btn.solid{
    margin-left: 15px;
}

.slider-content-left {
    position: relative;
    margin: 0 0 0 40px;
}

.slider-content-right{
    position: relative;
}

/*-- Animation */
.carousel .item.active .animated1 {
    
}

.carousel .item.active .animated2,
 .flex-active-slide .animated2{
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3,
.flex-active-slide .animated3 {
    -webkit-animation: bounceInLeft 2s ease-in-out 800ms both;
    animation: bounceInLeft 1.5s ease-in-out 800ms both;
}

.carousel .item.active .animated4,
.flex-active-slide .animated4 {
    -webkit-animation: flipInX 2s ease-in 800ms both;
    animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated5,
.flex-active-slide .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6,
.flex-active-slide .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7,
.flex-active-slide .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8,
.flex-active-slide .animated8{
    -webkit-animation: bounceInDown 1s ease-in 800ms both;
    animation: bounceInDown 1s ease-in 800ms both;
}
/* Flex slider */
.ts-flex-slider{
    position: relative;
}
.ts-flex-slider .flexSlideshow{
    width: 100%;
    overflow: hidden;
}
.overlay2{
    position: relative;
}
.overlay2 img{
    width: 100%;
}
.overlay2::before {
    position: absolute;
    content: '';
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../overaly.png);
}
.ts-flex-slider .flexslider .slides{
    z-index: 0;
}
.ts-flex-slider .slider-content{
    z-index: 3;
}
.ts-flex-slider .flex-direction-nav a.flex-next{
    border-radius: 3px;
}
.ts-flex-slider .flex-direction-nav a.flex-prev{
    border-radius: 3px;
}
.no-padding {
    padding: 0;
}
/*-- Flex slider --*/
.portfolio-slider .flexslider,
.ts-flex-slider .flexslider{
    border: 0;
    box-shadow: none ;
}
.portfolio-slider .flex-direction-nav a,
.ts-flex-slider .flex-direction-nav a{
    opacity: 0;
    background: #000;
    color: #fff !important;
    text-align: center;
    text-shadow: none;
    line-height: 40px;
}
.portfolio-slider .flex-direction-nav a:before{
    font-size: 32px;
}
.portfolio-slider .flex-direction-nav a:hover,
.ts-flex-slider .flex-direction-nav a:hover {
    color: #fff;
    opacity: 1;
}
.flexportfolio.flexslider .slides img{
    height: auto;
}
#back-to-top {
    right: 40px;
    top: auto;
    z-index: 10;
    -webkit-backface-visibility: hidden;
}
#back-to-top .btn.btn-primary:hover {
    background: var(--bs-orange);
}
#back-to-top.affix {
    bottom: 60px;
}
#back-to-top .btn.btn-primary{
    border-radius: 100%;
    padding: 0;
    font-size: 18px;
    width: 36px;
    height: 36px;
    background: rgba(0,0,0,.3);
    border: 2px solid transparent;
    color: #fff;
    opacity: .5;
}
#back-to-top .btn.btn-primary:hover{
    color: #fff;
    opacity: 1;
}
.affix {
    position: fixed;
}
.btn-xl {
    padding: 0.6rem 0.9rem;
}
.zoom-in-out-box {
  width: 100px;
  height: 100px;
  animation: zoom-in-zoom-out 20s ease-in-out infinite;
  border-radius: 0.5rem;
  transform-origin: center center;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
 /* Carrusel principal */
.slider-for {
  margin-bottom: 0px;
}

.slider-for img {
  width: 100%;
  /*border-radius: 10px;*/
  object-fit: cover;
}

/* Carrusel miniaturas */
.slider-nav {
    margin: 30px auto;
}

.slider-nav img {
  /*width: 100%;
  height: 100px;*/
  /*border-radius: 8px;*/
  opacity: 0.6;
  padding: 0px 30px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.slider-nav .slick-current img {
    opacity: 1;
    /*border: 0.3px solid var(--bs-gray);*/
    border-radius: 5px;
}
.slick-dots li button:before {
  color: #fff;
}

.slick-slide {
  outline: none; /* evita borde azul en clic */
}
.navbar-dark,.offcanvas-header {
    
}
/* Pricing table
================================================== */

.pricing{
    padding-bottom: 80px;
}

.plan {
    border: 1px solid #dedede;
}

.plan-name { 
    display: block; 
    font-size: 24px; 
    line-height: 30px; 
    font-weight: 700;  
    padding: 20px 0; 
    color: #959595;
}

.plan-price { 
    font-size: 40px;
    padding: 30px 0;
    margin-bottom: 30px;
    position: relative;
    background: #f2f2f2;
    line-height: 50px;
}

.plan-price:after{
    bottom: -29px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-width: 15px;
    border-top-color: var(--bs-dark);
    left: 50%;
    margin-left: -16px;
}

.plan.featured .plan-name{
    color: #323232;
}

.plan.featured .plan-price{
    color: #fff;
}

.plan-price .currency { 
    top: -0.9em;
    font-size: 50%;
    left: -0.01em;
    font-weight: 700;
}

.plan-name small{
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.plan-price sub{
    font-size: 18px;
    font-weight: 700;
}

.plan ul { 
    background: #fff; 
    padding: 0;
    margin-bottom: 0;
}

.plan ul li {
    border-top: 1px dashed #dedede;
    padding: 12px 29px;
    font-weight: 500;
}

.plan ul li:first-child { 
    border-top: 0 !important;
}

.plan a.btn { 
    margin-top: 25px;
    margin-bottom: -20px;
    padding: 8px 30px;
}
.plan a.btn:hover{
    color: #fff;
}
/* Image Block
================================================== */
.ts-padding {
    padding: 50px;
}
.image-block{
    background: #f4f4f4;
}
.img-block-head h2{
    font-size: 18px;
    line-height: normal;
    margin: 5px 0 0 0;
}
.img-block-head h3{
    font-size: 40px;
    line-height: 100%;
}
.image-block-content{
    padding: 10px 50px;
    margin-bottom: 0px;
}
.image-block-content .feature-icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    background-color: var(--bs-secondary);
    font-size: 28px;
    margin-top: 5px;
    position: absolute;
}

.image-block-content .feature-content{
    padding-left: 85px;
}

.image-block-content .feature-content h3{
    margin-bottom: 0;
}
/* end update */
#mainNav.navbar-shrink{
	background-color: var(--bs-black);
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / .12),0 4px 5px 0 rgb(0 0 0 / .14),0 2px 4px -1px rgb(0 0 0 / .2);
}
#mainNav.navbar-shrink {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: solid 0.5px var(--bs-dark);
}
#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 0.75rem;
    font-weight: 600;
}
#mainNav .navbar-nav .nav-item {
    margin-right: 1.5rem;
}
#carouselExampleFade a.btn {
  z-index: 1; /* o más alto si hace falta */
}
.page-section {
    padding: 2.5rem 0;
}
.page-section h2.section-heading, .page-section .section-heading.h2 {
    margin-bottom: 1.5rem;
}
.bg-orange{
    background-color: var(--bs-orange);
}
.btn-join{
    --bs-btn-border-color: var(--bs-orange);
}
.fa-circle-question, .fa-question-circle{
	color: var(--bs-red);
}
.rounded-question{
	border-radius: 25px 0 25px 0;
}
/* Posición desktop: centrado */
#carousel-btn {
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
.text-justify{
	text-align: justify;

}
img.shiny {
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}
img.shiny:hover {
    transition: mask-position 2s ease,-webkit-mask-position 2s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}
.zoom:hover {
    transform: scale(1.04);
}
.zoom {
    transition: all .2s ease-in-out;
}
header.masthead {
  padding-top: 0rem;
  
}
.ts-flex-slider .flex-direction-nav a {
    width: 55px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 32px;
}
#navbar_fixed_bottom {
    display: none;
}
.bg-money{
    height: auto;
    background: url(/images/bg-money.jpg) 50% 50% / cover no-repeat;
    padding: 3% 0px;
    background-blend-mode: darken;
    background-color: rgba(0, 0, 0, 0.5);
}
/* Posición md y sm: alineado al inicio */
@media (max-width: 991.98px) { /* md */
	#carousel-btn {
      left: 1rem; /* margen desde el inicio */
      transform: none;
    }
    #main-slide .slides img {
        height: 330px;
    }
}
@media (max-width: 767.98px) { /* sm */
    #carousel-btn {
      left: 1rem; /* margen desde el inicio */
      transform: none;
    }
}
.slick-prev, .slick-next{
    z-index: 1;
}
.hide, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important;
}
@media screen and (max-height: 1500px) {
    .flexslider .slides img,
    .ts-flex-slider .flexSlideshow{
        height: 1100px;
    }
}
@media screen and (max-height: 950px) {
    .flexslider .slides img,
    .ts-flex-slider .flexSlideshow{
        height: 730px;
    }
}
/*-----------------------------------------------------------------------------------*/
/*  TABLET
/*-----------------------------------------------------------------------------------*/ 
@media (max-width: 991px) {
    #mainNav {
       background-color: var(--bs-black);
    }
    .image-block-content {
        padding: 0px;
    }
    .ts-padding {
        padding: 25px;
    }
    #main-slide .slider-content {
        margin-top: -35px;
    }
    #navbar_fixed_bottom {
        display: none;
    }
    .flexslider .slides img,
    .ts-flex-slider .flexSlideshow{
        height: auto;
    }
}
@media only screen and (min-device-width: 767px) and (max-device-width: 990px) and (orientation:landscape) {
}
/*-----------------------------------------------------------------------------------*/
/*  PHONE
/*-----------------------------------------------------------------------------------*/ 
@media (max-width: 767px) { 
    .btn-join{
		padding: 0.5rem 1rem;
	} 
	header.masthead {
		padding-top: 4.5rem;
	}
    .logo{
        max-width: 130px;
    }
    .slick-prev {
        left: 0px !important;
    }
    .slick-next {
        right: 0px !important; 
    }
    .hidden-xs {
        display: none !important;
    }
    .visible-xs, .visible-xs-block {
        display: block !important;
    }
}