/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.txt-m-0 * {
    margin:0!important;
}

.txt-mb-0 * {
	margin-bottom:0;
}

.doubled-font > * {
    font-size:2em!important;
}

.banner {
    background:none;
}


.banner a.fill {
    z-index: 2;
}

.banner:has(a.fill) .text-box {
    z-index: 1;
}

.balance {
    text-wrap: balance;
}

.pretty {
    text-wrap: pretty;
}

.uppercase {
    letter-spacing: 0;
}

.fw-200, .fw-200 > * {
    font-weight:200!important;
}

.fw-300, .fw-300 > * {
    font-weight:300!important;
}

.fw-400, .fw-400 > * {
    font-weight:400!important;
}

.fw-500, .fw-500 > * {
    font-weight:500!important;
}

.pad-left-col>.col-inner {
    padding-left: max(15px,calc((100vw - 1760px)/2))!important
}

.pad-right-col>.col-inner {
    padding-right: max(15px,calc((100vw - 1760px)/2))!important
}

.ls-positive > * {
    letter-spacing: .02em;
}

.ls-negative > * {
    letter-spacing: -.02em;
}

h1,.banner h1,h2, .banner h2,h3, .banner h3,h4,.banner h4,h5,.banner h5,h6,.banner h6 {
	font-family: var(--titles-font), Arial, sans-serif!important;
	font-size:1em;
	line-height:inherit;
    font-weight: 600;
}

.ux-logo-link {
	padding:0!important;
}

.banner a.fill {
    z-index: 2;
}

.banner:has(a.fill) .text-box {
    z-index: 1;
}

.banner-height-fit {
	height:100%;
}

body {
	letter-spacing: -.05em;
}

/*buttons*/
.button {
	font-size: 1em;
    letter-spacing: unset;
    line-height: 1;
    min-height: unset;
    padding:8px 20px;
}

.button.button-blur {
	box-shadow: unset;
	background:rgba(202, 202, 202, 0.25);
	backdrop-filter: blur(12px);
}

.button span {
	font-size: .875rem;
	font-weight: 400;
	letter-spacing: 0;
}

/*Header*/

.header .header-nav {
	align-items: center;
	justify-content: center;
}

.header .header-nav li {
	margin:0 clamp(15px, 2.5vw, 26px);
}

.header .header-nav li a {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	opacity: 1;
	transition: .2s opacity linear;
}

.header .header-nav:has( li a:hover) li a:not(:hover) {
	opacity: .6;
}

.header .header-bg-color {
	backdrop-filter: blur(27px);
}

.br-28, .br-28:has(.col-inner) > .col-inner {
	border-radius:28px;
	overflow: hidden;
}

.image-height-fit .col-inner, .image-height-fit .img, .image-height-fit .img > div, .image-height-fit .img .img-inner {
        height:100%;
}

.image-height-fit .img .img-inner > img {
        height:100%;
        object-fit:cover;
}

/**/
.how-it-works-text p {
	padding:15px 30px;
	border-radius:99px;
	border: 1px solid #C9C9C9;
	margin-bottom:30px!important;
    position: relative;
    padding-left:54px;
}

.how-it-works-text p span {
	color:#E9E9E9;
    position: absolute;
    top: 15px;
    left: 17px;
}

.specificacion-list ul {
	margin:0;
}

.specificacion-list ul li {
	list-style-type: none;
	padding:10px 0;
	border-bottom:1px solid #E9E9E9;
	margin:0;
}
.video-banner-col .banner {
	z-index: 3;
}


.video-banner-col {
	aspect-ratio: 16 / 9;
}
.video-container {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	aspect-ratio: 16 / 9;
}

.video-container video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	border-radius:28px;
}



/* Accordion */

.accordion .accordion-item {
  border:none;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom:0;
  overflow: hidden;
  padding:30px 0 30px;
}
.accordion .accordion-item .accordion-title {
   font-weight:600;
	font-size: 1.125rem;
	line-height: 1.2;
  border-top:0;
	padding:0 50px 0 0;
	color:#000;
}

.accordion .accordion-item .accordion-title.active {
	padding-bottom:20px;
}


.accordion .toggle {
  width: 38px;
  height: 38px;
  min-height:unset;
  position:absolute;
  top:50%;
  right:0px;
  left:unset;
  margin-right:0;
  tansform-origin:unset;
  transform:translateY(-50%);
  opacity: 1;
}

.accordion .toggle i {
  display:none;
}

.accordion .toggle:before {
  content:"";
  width:23px;
  height: 1px;
  background:#000;
  transition:.2s transform linear;
  transform-origin:center center;
  position:absolute;
  left:10px;
  top:18px;
}

.accordion .toggle:after {
  content:"";
  width:23px;
  height: 1px;
  transform:rotate(90deg);
  background:#000;
  transition:.2s transform linear;
  transform-origin:center center;
  position:absolute;
  left:10px;
  top:18px;
}


.accordion .accordion-item .accordion-title.active  .toggle:after {
  transform:rotate(0);
}
.accordion .accordion-item .accordion-title.active {
	background: unset;
}
.accordion .accordion-item .accordion-title + .accordion-inner  {
  background:unset;
  padding:20px 0 0;
}

.footer-wrapper .absolute-footer {
	display: none;
}

.footer-wrapper .legal-links a {
	color:#000;
	margin:0 10px;
	opacity: .7;
	transition: .2s opacity linear;
}
.footer-wrapper .legal-links a:hover {
	opacity: 1;
}

#videoScrollContainer {
	height: 90vh;
}

#videoScrollContainer  #v0 {
    display: inline-block;
    margin: 0 auto;
    position: sticky;
    top:10vh;
    width: 100%;
}

.a-politicas *{
    color:#000;
}

.entry-header {
    padding-top: 50px;
}


.change-settings-button {
    margin: 0;
    margin-bottom: 4px;
    min-height: unset;
}


.footer-iconos-redes a{
    padding-left: 36px;
}

.footer-iconos-redes img{
    width: 20px;
    height: 20px;
}

.footer-logo img {
    width: 140px;
}
/**/

@media (max-width: 850px) {
	.mobile-nav .nav-icon .icon-menu {
	    color: #000;
	    font-size: 2rem; 	
	}

	 .mobile-nav .nav-icon .icon-menu {
        font-size: 2.2rem;
        top: -2px;
    }
    .header-wrapper.stuck .mobile-nav .nav-icon .icon-menu, body:not(.page-template-page-transparent-header-light) .header-wrapper .mobile-nav .nav-icon .icon-menu {
        color:#000;
    }


    .sidebar-menu .logo-mobile {
        text-align: left;
        margin-bottom:30px;
        width: 100%;
    }

    .sidebar-menu .logo-mobile a img:first-child {
        width: 100%;
        max-width:170px;
        margin:0 auto 20px auto;
    }

    #main-menu .sidebar-menu .nav-vertical li a {
        font-size: 1.125rem;
        color:#000;
        font-weight: 600;
        padding-bottom: 20px;
        padding-top: 20px;
        text-transform: none;
    }

    #main-menu .nav-sidebar.nav-vertical > li.menu-item > button {
       opacity: 1;
        position: absolute;
        top: 12px;
        right: 20px;
        min-height: 0;
        aspect-ratio: 1 / 1;
        width: 40px;
        background: #19191c;
        border-radius: 0;
    }

    #main-menu .nav-sidebar.nav-vertical li.menu-item button i {
        line-height: 0;
        color:#fff;
    }

    .nav-sidebar .sub-menu .nav-slide-header button {
        opacity: 1;
        text-transform: unset;
        font-weight: 400;
        color:#19191c;
        text-transform: uppercase;

    } 
    .nav-sidebar .sub-menu .nav-slide-header i {
        width: 40px;
        height: 40px;
        background:#19191c;
        border-radius:0;
        top:0;
        left:0;
        margin-right:10px;
    }
    .nav-sidebar .sub-menu .nav-slide-header i:before {
        position: relative;
        left: 13px;
        font-size: 2.2rem;
        top: 20px;
        color: #FFF;
    }

    .home-title-sticky {
        position: static;
    }

    #main-menu .nav-sidebar.nav-vertical li+li {
        border-top:0;
    }

    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        background:#fff;
    }

    .fixed-button-mobile {
    	position: fixed;
    	bottom:0;
    	left:0;
    	width: 100%;
    	z-index: 99;
    	border-top:1px solid #f7f7f7;
    }

    .section.fixed-button-mobile .button {
    	margin:0 auto!important; 
    	max-width: 200px!important;

    }

    @media (max-width: 550px) {
		#videoScrollContainer {
		    height: 60vh;
		}

		#videoScrollContainer #v0 {
		    display: inline-block;
		    margin: 0 auto;
		    position: sticky;
		    top: 10vh;
		    width: 150%;
		    transform: translateX(-15%);
		}


    }
}