/*
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.   ***************/



body {
  font-family: "Satoshi", sans-serif;
}

a {
    color:inherit;
}

a:hover {
    color:inherit;
}

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

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

.button-m-0 {
    margin:0!important;
}

.ls-positive-8px {
letter-spacing: 8px;
}


.ls-negative-1{
    letter-spacing: -1px;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.overflow-hidden {
    overflow: hidden;
}

h1, .banner h1, h2, .banner h2, h3, .banner h3, h4,  .banner h4, h5,  .banner h5, h6,  .banner h6 {
    font-size: 1em;
    line-height:inherit;
    font-weight: 400;
}

strong {
    font-weight: 600;
}

.banner {
    background:none;
}


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

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

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

.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;
}

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

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

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

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

.br-20, .br-20 > .col-inner {
    border-radius:20px;
    overflow: hidden;
}

.br-24, .br-24 > .col-inner {
    border-radius:24px;
    overflow: hidden;
}

.br-40, .br-40 > .col-inner {
    border-radius:40px;
    overflow: hidden;
}

.br-48, .br-48 > .col-inner {
    border-radius:48px;
    overflow: hidden;
}

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

.image-height-fit .img:not(.logo) .img-inner > img {
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.image-height-fit .img.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
} 

.image-height-fit .img.logo img {
    margin:0 auto;
}

.logo.centered-image img {
    margin:0 auto;
}

.logo.right-image img {
    margin:0 0 0 auto;
}

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

.pad-right-col>.col-inner {
    padding-right: max(15px,calc((100vw - 1830px)/2))!important
}
.ux-logo .ux-logo-link {
    padding: 0!important;
}

.ux-logo img {
    max-height: fit-content;
}

.col:first-child .col-inner {
    margin-left:0!important;
}

.tab-panels .panel {
    transition:.3s opacity ease-in;
}

.row > .custom-width-col-centered > .col-inner {
    margin:0 auto!important;
}

.is-border {
    z-index: 2;
}

.row.align-center > .col {
    display: flex;
    justify-content: center;
}

address {
    font-style: normal;
}

.absolute-footer {
    display: none;
}

.dark, .dark p, .dark td {
    color: #fff;
}

[data-parallax] {
    opacity: 1!important;
}

.claim-subtext.text a {
    color:var(--fs-color-secondary);
    text-decoration: underline;
}

.banner.gradient-overlay .overlay {
    background-color:unset!important;
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
}


/*Buttons*/



.button {
    font-size: unset;
    line-height: 1!important;
    min-height: unset;
    letter-spacing: 0;
    box-shadow: unset!important;
  
} 

.button span {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    text-transform: none;
}
.button:not(.is-link).has-icon {
    background-color: transparent;
    padding:0 66px 0 0;
    border:none;
    transition: .2s all linear;
}
.button:not(.is-link) span {
    padding:17px 33px;
    border-radius:99px;
    position: relative;
    transition: .2s all linear;
}
.button:not(.is-link).secondary span {
    background: var(--fs-color-secondary);
}
.button:not(.is-link).secondary.to-light:hover span {
    background: #fff
}
.button:not(.is-link).secondary.to-dark:hover span {
    background:rgba(19, 77, 143, 0.80);
}

.button.has-icon span:after {
 content:"";
 width: 56px;
 height: 56px;
 position: absolute;
 left:100%;
 top: 0;
 border-radius: 99px;
 transition: .2s all linear;
}

.button.secondary.has-icon span:after{
    background: url(/wp-content/uploads/2026/03/flecha-btn.svg) center center no-repeat,var(--fs-color-secondary);
}
.button.secondary.has-icon span:after{
    background: url(/wp-content/uploads/2026/03/flecha-btn.svg) center center no-repeat,var(--fs-color-secondary);
} 

.button.secondary.has-icon.to-light:hover span {
    color:#134D8F;
}
.button.secondary.has-icon.to-light:hover span:after {
    background: url(/wp-content/uploads/2026/03/flecha-btn-azul.svg) center center no-repeat,#fff;
    left:calc(100% + 8px);
}
.button.secondary.has-icon.to-dark:hover span:after {
    background: url(/wp-content/uploads/2026/03/flecha-btn.svg) center center no-repeat,rgba(19, 77, 143, 0.80);
    left:calc(100% + 8px);
}

/*Waves sections*/
.waves-blue-1-top-section:after{
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/ondas-empresa.svg) center center no-repeat;
    position: absolute;
    bottom:100%;
    left: 0;
    height: max(140px, 8vw);
    background-size: cover;
}

.waves-blue-2-top-section:after{
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/home-testimonios-onda-arriba.svg) center center no-repeat;
    position: absolute;
    bottom:100%;
    left: 0;
    height: max(130px, 8vw);
    background-size: cover;
}

.waves-blue-3-top-section:after{
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/home-saber-producto-onda-arriba.svg) center center no-repeat;
    position: absolute;
    bottom:100%;
    left: 0;
    height: max(310px, 12vw);
    background-size: cover;
}
.waves-blue-4-top-section:after{
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/home-saber-producto-onda-abajo.svg) center center no-repeat;
    position: absolute;
    top:0;
    left: 0;
    height: max(140px, 8vw);
    background-size: cover;
    z-index: 2;
}

.waves-blue-light-1-top-section:after {
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/empresas-elimina-logistica-onda-abajo.svg) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: max(170px, 9vw);
    background-size: cover;
}

.waves-blue-light-1-bottom-section:before {
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/top-light-blue-wave.svg) center center no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    height: max(140px, 8vw);
    background-size: cover;
}

.waves-blue-light-2-bottom-section:before {
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/pedalea-form-onda-arriba.svg) center center no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    height: max(250px, 13vw);
    background-size: cover;
}

/*Header*/

.header .header-nav {
    justify-content: center;

    li {
        margin:0 clamp(5px, 2.5vw, 15px);
    }
    a {
        font-size: max(14px,1rem);
    }
    .claim-cta a {
        padding:16px 20px;
        background:var(--fs-color-secondary);
        border-radius: 99px;
        color:#fff!important;
    }
}
.flex-right .header-nav > li > a > i{
    width:20px;
    height: 20px;
    position: relative;
}
.flex-right .header-nav > li > a > i:before {
    content:""!important;
    width:20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .2s opacity linear;
    display: block;
}
.flex-right .header-nav > li > a:hover > i:before {
    opacity: 1;
}

.header-search .icon-search {
    background:url(/wp-content/uploads/2026/03/nav-icon-buscar.svg) center center no-repeat;
}
.account-item .icon-user {
    background:url(/wp-content/uploads/2026/03/nav-icon-user.svg) center center no-repeat;
}
.cart-item .icon-shopping-basket {
    background:url(/wp-content/uploads/2026/03/nav-icon-cesta.svg) center center no-repeat;
}

.header-search .icon-search:before {
    background:url(/wp-content/uploads/2026/03/search-custom-icon.svg) center center no-repeat;
}
.account-item .icon-user:before {
    background:url(/wp-content/uploads/2026/03/account-custom-icon.svg) center center no-repeat;
}
.cart-item .icon-shopping-basket:before {
    background:url(/wp-content/uploads/2026/03/cart-custom-icon.svg) center center no-repeat;
}

.header .header-wrapper:after, .custom-lp-header:after {
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/onda-nav-bar.svg) center center no-repeat;
    position: absolute;
    top:100%;
    left: 0;
    height: clamp(50px,2.5vw,70px);
    z-index: 999;
    background-size: cover;
}

/*footer*/
.dark, .dark p, .dark td {
    color: #fff;
}

.footer-wrapper {
    .dark, .dark p, .dark td {
        color: #FEFEFE;
    }
} 
.footer-wrapper .social-links a {
    display: inline-block;
    margin-right: 20px;
    border-radius:99px;
    background: transparent;
    transition: .2s background linear;
}

.footer-wrapper .social-links a:hover {
    background:var(--fs-color-secondary);
}

.footer-wrapper .ux-menu-link__link {
    padding:3px 0;
    min-height: 0;
    transition: .2s color linear;
}

.footer-wrapper .ux-menu-link__link:hover {
    color: var(--fs-color-secondary)!important;
}

.footer-wrapper .text a {
    transition: .2s color linear;
    margin:0 5px;
}

.footer-wrapper .text a:hover {
     color: var(--fs-color-secondary);
}

.footer-wrapper .legal-links {
    margin:0 5px ;
}

/*Formidable Forms*/

 .frm_forms > form,  .frm_forms fieldset {
    margin-bottom:0;
}

 .frm_form_field ::placeholder {
  color: #fff;
  font-weight: 300;
}

 .frm_form_field {
  margin-bottom:12px;
}

 .frm_error_style,  .frm_error {
  color:red;
  font-size: .875rem;
}

 .frm_form_fields input {
  margin-bottom:5px;
}

 .frm_fields_container .frm_checkbox label,  .frm_fields_container .frm_radio label {
    position: relative;
    padding-left: 24px;
    font-size: 1rem;
    font-weight: 300;
    color:#fff;
    padding-top:0;
    letter-spacing: -0.15px;
}

 .frm_fields_container .frm_checkbox label a {
  text-decoration:underline;
  color:#fff;
  font-weight:400;

}

 .frm_form_field input[type=email],  .frm_form_field input[type=number],  .frm_form_field input[type=search],  .frm_form_field input[type=tel],  .frm_form_field input[type=text],  .frm_form_field input[type=url],  .frm_form_field textarea,  .frm_form_field select {
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  margin-bottom:0;
  height:unset;
  line-height:1.6;
  padding:10px 1.5rem 10px 1.5rem;
  font-size:1.25rem;
  box-shadow:unset;
  border:1px solid rgba(255, 255, 255, 0.30);
  color:#fff;
  border-radius:7px;
  background-color:transparent;
  font-weight: 300;
}

.frm_form_field select {
    background:url(/wp-content/uploads/2026/03/nav-chevron-down.svg) calc(100% - 10px) 50% no-repeat;
    background-size:15px;
}
.frm_form_field select option {
    color:var(--fs-color-primary);
}

 .frm_form_field textarea {
    min-height: 0;
}

 .frm_fields_container input[type="checkbox"],  .frm_fields_container input[type="radio"]  {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  margin:0;
  min-width: 16px;
  width:16px;
  height:16px;
  border:1px solid rgba(255, 255, 255, 0.30);
  background:transparent;
  position:absolute;
  top:4px;
  left:0;
  display: flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
}

 .frm_fields_container input[type="checkbox"]::before,  .frm_fields_container input[type="radio"]::before {
  content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  border-radius: 0;
}

 .frm_fields_container input[type="checkbox"]:checked::before,  .frm_fields_container input[type="radio"]:checked::before  {
  transform: scale(1);
  position:relative;
}

 .frm_form_field .frm_submit button {
  margin:20px 0 0 0;
} 

.frm_form_field .frm_single_upload {
    max-width: unset!important;
    width: 100%;
}

.frm_dropzone .dz-message {
    background:unset;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 7px;
}

.frm_dropzone .frmsvg {
    max-width: 30px;
    margin: 0 auto 10px auto;
    display: block;
}

.frm_dropzone .frm_small_text {
    display: none;
}

.frm_dropzone .frm_upload_text button {
    margin-right:0;
    text-transform: unset;
}


/*Hero Headers*/

.badge-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.badge-text > p {
    padding:5px 16px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    border-radius:20px;
    background: rgba(19, 77, 143, 0.20);
    backdrop-filter: blur(12px);
}

.wave-after:before {
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/mascara-header.svg) center top no-repeat;
    position: absolute;
    bottom:0;
    left: 0;
    height: 124px;
    z-index: 999;
    background-size: cover;
    z-index: 3;
}

.wave-after-2:before {
    content:"";
    width: 100%;
    min-width: 800px;
    background: url(/wp-content/uploads/2026/03/solicita-presupuesto-ondas-footer.svg) center top no-repeat;
    position: absolute;
    bottom:0;
    left: 0;
    height: 124px;
    z-index: 999;
    background-size: cover;
    z-index: 3;
}



.header-advantages-stack .icon-box {
    max-width:290px;
    padding:8px 12px 4px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: rgba(19, 77, 143, 0.20);
    backdrop-filter: blur(12px); 
    align-items: center;
    margin-left:7px!important;
}

.header-advantages-stack-col > .col-inner {
    container-type: inline-size;

}

@container (width <= 750px ) {
    .header-advantages-stack {
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
    }
    .header-advantages-stack p {
        margin-bottom: 0;
    }

    .header-advantages-stack .icon-box {
        margin:0 2px 4px!important;
        width: calc(50% - 4px);
    }
}

/*Home*/

.hover-up-textbox .text-box-content {
    backdrop-filter: blur(12px);
}

.hover-up-textbox .text-box-content {
    transform:translateY(150px);
    transition: .3s transform cubic-bezier(0.22, 1.14, 1, 1);
    min-height:258px;
}

.hover-up-textbox .hover-opacity {
    opacity: 0;
}
.banner:has(.hover-up-textbox) .logo {
    width:52px!important;
    height: 52px;
    border-radius:99px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:12px;
    margin-right:0!important;
    background: #fff;
    transition: .3s background linear;
}

.banner:has(.hover-up-textbox):hover .logo {
    background: var(--fs-color-secondary);
} 

.banner:has(.hover-up-textbox):hover .logo img {
    filter:brightness(0) invert(1);
}

.banner:has(.hover-up-textbox):hover .text-box-content {
    transform:translateY(0px);
}
.banner:has(.hover-up-textbox):hover .hover-opacity {
    opacity: 1;
    transition:.2s opacity linear;
    transition-delay: .3s;
}
.sistemas-filtrado-text ul {
    margin:0;
}
.sistemas-filtrado-text ul li {
    list-style-type: none;
    padding:40px 70px 40px 0;
    margin:0;
    position: relative;
    border-bottom:1px solid rgba(19, 77, 143, 0.10);
    transition:.3s color linear;
}

.sistemas-filtrado-text ul li:after {
    content:"";
    width: 56px;
    height: 56px;
    background:url(/wp-content/uploads/2026/03/flecha-btn.svg) center center no-repeat,var(--fs-color-primary);
    position: absolute;
    top: 50%;
    right: 0;
    border-radius: 99px;
    transform:translateY(-50%);
    transition:.3s background linear;
}
.sistemas-filtrado-text ul li:hover {
    color:var(--fs-color-secondary);
}
.sistemas-filtrado-text ul li:hover:after {
    color:var(--fs-color-secondary);
    background:url(/wp-content/uploads/2026/03/flecha-btn.svg) center center no-repeat,var(--fs-color-secondary);
}

.sistemas-filtrado-banner {
    position: absolute;
    top: 0;
    left: 10%;
    z-index: 3;
    width: 90%;
    max-width: 535px;
    min-width: 520px;
    opacity: 0;
    clip-path: path("M516.845 345.788C494.17 419.581 437.731 488.2 354.492 532.105C306.705 557.315 249.423 572.035 190.168 569.772C163.395 568.745 137.062 564.703 111.534 558.779C111.534 558.779 -30.0635 525.886 5.82893 414.037C12.4185 393.515 27.2583 373.298 39.1662 354.337C67.4961 309.253 85.9027 266.974 65.0055 217.135C55.7438 195.026 40.0481 174.466 32.8359 151.948C21.3949 116.221 33.2382 76.881 64.1105 47.9914C110.536 4.56205 192.646 -8.66546 263.315 5.37041C302.074 13.0635 337.668 27.8601 369.708 45.6141C438.03 83.471 491.278 132.844 513.848 193.59C532.061 242.592 532.307 295.397 516.819 345.797L516.845 345.788Z");
    transition:.2s opacity linear;
}
.sistemas-filtrado-banner.default {
    z-index: 2;
    opacity: 1;
}

.sistemas-filtrado-banner-col .col-inner:after {
    content: "";
    position: absolute;
    top: 4%;
    left: -2%;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2026/03/home-shape-sistemas-2.svg) center center no-repeat;
    background-size: contain;
    min-width: 520px;
} 

.col:has(.sistemas-filtrado-text ul li:nth-child(1):hover)+.col .sistemas-filtrado-banner:nth-child(1) {
    opacity: 1;
}
.col:has(.sistemas-filtrado-text ul li:nth-child(2):hover)+.col .sistemas-filtrado-banner:nth-child(2) {
    opacity: 1;
}
.col:has(.sistemas-filtrado-text ul li:nth-child(3):hover)+.col .sistemas-filtrado-banner:nth-child(3) {
    opacity: 1;
}

.cta-banner-section .image-height-fit .img:not(.logo) {
clip-path:path("M0.444222 417.604C5.74556 315.749 55.5452 208.188 147.22 122.243C199.849 72.8974 267.866 33.4079 343.788 14.7481C378.094 6.32243 412.799 1.8812 447.083 0.120913C447.083 0.120913 637.255 -9.60227 627.285 145.335C625.451 173.763 613.048 204.803 603.968 233.186C582.356 300.674 572.445 360.999 614.822 416.632C633.61 441.315 660.07 461.694 676.388 487.64C702.273 528.807 699.758 583.019 669.767 630.887C624.663 702.852 524.661 749.469 430.507 757.341C378.868 761.665 328.987 755.828 282.676 744.947C183.923 721.746 100.636 678.46 52.6656 609.597C13.9629 554.05 -3.14875 487.149 0.474211 417.582L0.444222 417.604Z");
max-width: 700px;
    position: absolute;
    right: 50%;
    margin-right: -350px;
    top: -100px;
    left:unset;
    min-width: 700px;
    min-height: 940px;
}

.cta-banner-section .image-height-fit .img:not(.logo) .img-inner {
    transform: translateY(-13vh);
}

.cta-banner-section .image-height-fit .logo {
    top: calc(50% - 100px);
}

.post-item .box {
    border-radius:48px;
    overflow: hidden;
}

.post-item .box .post-title {
    text-align: left;
}

.post-item .box .post-title > a {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    letter-spacing: -1px;
}

.post-item .box .is-divider {
    display: none;
}

.post-item .box .box-text {
    padding:32px;
    text-shadow:unset;
}

.post-item .box .overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
}

.post-item:has(a:hover) .box .overlay {
    opacity: .5;
}

.comprometidos-logos-row .img.logo {
    min-height:100px;
    border: 0.8px solid rgba(19, 77, 143, 0.20);
    background: rgba(19, 77, 143, 0.06);
    border-radius: 48px;
    width: 100%!important;
    display: flex;
    align-items: center;
}

/*Empresa*/

.empresa-fotos-slider .slider .img {
        width: calc(25% - 10px)!important;
        margin:0 5px;
}
.empresa-fotos-slider .slider:not(:has(.flickity-viewport)) {
    display: flex;
    min-height: 540px;
}

.empresa-fotos-slider .slider:not(:has(.flickity-viewport)) .img {
        min-width: calc(25% - 10px)!important;
}

.empresa-fotos-slider .slider .flickity-viewport {
    overflow: visible;
}

.custom-arrows-slider .slider .flickity-prev-next-button {
    opacity: 1!important;
    left:unset;
    right: 15px;
    bottom:-100px;
    transform:none;
    top: unset;
    color:#fff;
    width:57px;
    height:57px;
    background: url(/wp-content/uploads/2026/03/flecha-btn.svg) center center no-repeat,var(--fs-color-secondary)!important;
    border-radius:99px;
    transition:.2s opacity linear!important;
}

.custom-arrows-slider .slider .flickity-prev-next-button svg {
    display: none;
}

.custom-arrows-slider .flickity-prev-next-button.previous {
    right: 70px;
    transform: rotate(180deg)!important;
}

.custom-arrows-slider .flickity-prev-next-button:disabled,  button.flickity-prev-next-button[disabled] {
    opacity: .3!important;
}

.ventajas-icon-box {
    padding:36px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    background: #134D8F;
    border-radius:24px;
    backdrop-filter: blur(12px);
}
.ventajas-icon-box:not(:last-child) {
    margin-bottom: 12px;
}

.ventajas-icon-box .icon-box-img {
    background:var(--fs-color-secondary);
    border-radius:12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ventajas-icon-box .icon-box-text {
    padding-left:40px!important;
}

.partner-images-col .logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50px);
    z-index: 3;
}

.partner-images-col .shadow-image {
    position: absolute;
    top: 50%;
    transform: translateY(-60%) rotate(5deg);
    z-index: -1;
}

.slider-testimonios .slider .row {
        width: calc(22% - 10px)!important;
        margin:0 5px;
        opacity: 1;
        min-height: 100%;
}
.slider-testimonios .slider .row > .col > .col-inner {
    height: 100%;
    backdrop-filter: blur(12px);

}

.banner-testimonios {
    position: absolute;
    top:calc(50% + 90px);
    left:max(15px,calc((100vw - 1830px)/2))!important;
    transform: translateY(-50%);
    clip-path: path("M518.668 264.385C514.704 343.316 477.471 426.668 408.931 493.27C369.582 531.509 318.729 562.111 261.966 576.571C236.317 583.101 210.369 586.542 184.737 587.906C184.737 587.906 42.5535 595.441 50.0076 475.375C51.3793 453.345 60.6519 429.291 67.441 407.297C83.5995 354.997 91.0091 308.25 59.326 265.138C45.279 246.01 25.4956 230.218 13.2961 210.111C-6.05765 178.21 -4.17701 136.199 18.2458 99.1049C51.9682 43.3368 126.735 7.21183 197.13 1.11106C235.737 -2.23985 273.031 2.28389 307.656 10.7159C381.489 28.6948 443.759 62.2392 479.624 115.603C508.561 158.649 521.354 210.492 518.645 264.402L518.668 264.385Z");
    max-width: 530px;
    z-index: -1;
}

.custom-arrows-slider.arrows-top-right .slider .flickity-prev-next-button {
    bottom:calc(100% + 100px);
}

.presupuesto-row {
    background:url(/wp-content/uploads/2026/03/footer-formulario-bg-v2.jpg) center center no-repeat;
    background-size: cover;
    border-radius:48px;
}

.presupuesto-row > .col > .col-inner  {
    backdrop-filter: blur(12px);
}

.slider-logos-clientes .slider:not(:has(.flickity-viewport)) {
    display: flex;
}

.slider-logos-clientes .slider .img {
    aspect-ratio: 1 / 1;
    background:#fff;
    border-radius:3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 245px;
    margin:0 10px;
}

.slider-logos-clientes .slider .flickity-viewport {
        overflow: visible;
}

.lp-product-col .icon-box {
    align-items: center;
}
.lp-product-col .icon-box:not(:last-child) {
    align-items: center;
    margin-bottom: 25px;
}

.lp-product-col .icon-box h3 {
    margin-bottom: 0;
}

/*animación */


.scroll-triggered-gallery-container {
    height: 44vw;
    max-height: 620px;
    position: relative;
    min-height: 342px;
    max-width: 1800px;
    margin:0 auto;
}
.scroll-triggered-gallery-container > .scroll-triggered-gallery-row {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    opacity: 0;
    transition:.3s opacity linear;
}
.scroll-triggered-gallery-container > .scroll-triggered-gallery-row.active {
  opacity: 1;
}
.scroll-triggered-gallery-row > .col > .col-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scroll-triggered-gallery-row > .col > .col-inner > .floated-text {
    position: absolute;
}

.scroll-triggered-gallery-row > .col > .col-inner .img {
    width: 60%!important;
    max-width:824px;
}
.scroll-triggered-gallery-container .floated-text {
    width: 18%;
    max-width: 350px;
    position: absolute;
    font-size: clamp(13px,1.5vw,18px);
    opacity: .2;
    transition: .2s opacity linear;
} 
.scroll-triggered-gallery-container > .floated-text.first {
    top: 29.2%;
    right: min(80%,1420px);
    text-align: right;
    padding-right: 5px;
}

.scroll-triggered-gallery-container > .floated-text.second {
    top: 29.2%;
    left: min(80%,1420px);
    text-align: left;
    padding-left: 5px;
}

.scroll-triggered-gallery-container > .floated-text.third {
    top: 66.6%;
    right: min(80%,1420px);
    text-align: right;
    padding-right: 5px;
}

.scroll-triggered-gallery-container > .floated-text.fourth {
    top: 66.6%;
    left: min(80%,1420px);
    text-align: left;
    padding-left: 5px;
}

.scroll-triggered-gallery-container > .floated-text.active {
    opacity: 1;
}

.scroll-triggered-gallery-container .button {
    position: absolute;
    bottom:-40px;
    left: 50%;
    transform: translateX(-50%);
}

.text-box-blur {
    backdrop-filter: blur(12px);
}


/*sobre nosotros*/
.por-que-elegir-slider .slider:not(:has(.flickity-viewport)) {
    display: flex;
}
.por-que-elegir-slider .slider .row {
    width:calc(20% - 12px)!important;
    margin-right: 12px;
    opacity: 1;
}

.por-que-elegir-slider .slider .banner {
    border-radius:48px;
    overflow: hidden;
    transition:.2s border-radius cubic-bezier(0, 0, 0.38, 1.00);
}

.por-que-elegir-slider .slider .row:hover .banner {
    border-radius:20px;
}

.hiding-text {
    overflow: hidden;
}

.hiding-text > *:not(style)  {
    transform: translateY(-100%);
    opacity: 0;
    transition:.2s transform linear,.2s opacity linear;
    transition-delay:0s,.1s;
}

.por-que-elegir-slider .slider .row:hover .hiding-text > *:not(style)  {
    transform: translateY(0%);
    opacity: 1;
}

.faqs-accordion .accordion-title {
    border-top:0;
    padding:0;
    background:none;
    padding:24px 32px 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -1px;
}

.faqs-accordion .accordion-item {
  
    border:1px solid rgba(19, 77, 143, 0.20);
    border-radius:12px;
      padding:0 0 24px 0;
      margin-bottom: 15px;
}

.faqs-accordion .accordion-item .accordion-title button {
    left: unset;
    right: 9px;
    top: 14px;
    opacity: 1;
}

.faqs-accordion .accordion-inner {
    padding:24px 32px 0;
} 

/**/


.tuawa-offer-countdown{
	margin: 0 0 24px;
	text-align: center;
}

.tuawa-offer-countdown-title{
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
}

.tuawa-offer-countdown-grid{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
}

.tuawa-offer-unit{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.tuawa-offer-boxes{
	display: flex;
	align-items: center;
	gap: 8px;
}

.tuawa-offer-box{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid #43b8b4;
	border-radius: 10px;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}

.tuawa-offer-label{
	font-size: 16px;
	line-height: 1.2;
}

.tuawa-offer-separator{
	padding-top: 10px;
	font-size: 28px;
	line-height: 1;
}
.movimiento-tuawa-section .section-content {
    z-index: 4;
}
.movimiento-tuawa-section .img {
    clip-path: path("M952.61 563.151C904.97 698.291 816.09 812.28 674.69 877.93C560.63 930.89 423.27 954.31 280.42 949.35L280.47 949.391C187.65 946.181 92.53 930.96 0 904.06V141.33C99.83 155.39 191.91 152.54 278.47 108.59C329.16 82.8805 371 46.6705 424.28 24.3405C508.8 -11.0895 620.12 -7.64953 718.41 33.4005C866.17 95.1205 961.89 231.98 978.06 360.84C986.93 431.5 974.95 499.771 952.61 563.151Z");
    max-width: 980px;
    position: absolute;
    transform: scale(0.75);
    transform-origin: top left;
    left: 0%;
    top: -17%;
}

.movimiento-tuawa-section .img .img-inner {
    transform: translateY(-12vh) scale(1.1);
}

/* pedalea */
.ruta-text-title {
    min-width: 150px;
}

@media(max-width: 1300px) {
   .movimiento-tuawa-section .img {
    left:-10%; 
    transform: scale(0.55);
    top: 0;
    }

    .movimiento-tuawa-section .img .img-inner {
        transform: translateY(0) scale(1.3);
    }
}


@media (max-width: 850px) {
    .empresa-fotos-slider .slider .img {
        width:calc(35% - 10px)!important;
    }
    .partner-images-col .logo {
        transform: translateY(-50%) translateX(-50%);
        left:50%;
    }
    .slider-testimonios .slider .row {
        min-width: 310px;
    }
    .hover-up-textbox .text-box-content {
        transform:none;
        min-height: unset;
    }
    .hover-up-textbox .hover-opacity {
        opacity: 1!important;
    }

    .frm_form_field input[type=email], .frm_form_field input[type=number], .frm_form_field input[type=search], .frm_form_field input[type=tel], .frm_form_field input[type=text], .frm_form_field input[type=url], .frm_form_field textarea, .frm_form_field select {
        font-size: 1rem;
    }

    .por-que-elegir-slider .slider .row {
        width:calc(40% - 12px)!important;
        margin-right: 12px;
        opacity: 1;
        min-width: 300px;
    }

    .por-que-elegir-slider .slider .flickity-viewport {
        overflow: visible;
    }

    .por-que-elegir-slider .slider .row.is-selected .hiding-text > * {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 550px) {
    .button:not(.is-link) span {
        padding:12px 24px;
        font-size: 16px;
        font-weight: 500;
    }
    .button.secondary.has-icon span:after {
        width: auto;
        height: 100%;
        aspect-ratio: 1 / 1;
    }

    .header-advantages-stack .icon-box .icon-box-img {
        max-width: 30px;
    }
    .header-advantages-stack .icon-box-left .icon-box-img+.icon-box-text {
        padding-left:7px;
    }
    .empresa-fotos-slider .slider .img {
        width: calc(95% - 10px) !important;
    }
    .ventajas-icon-box .icon-box-text {
        padding-left:0!important;
    }
     .ventajas-icon-box .icon-box-img {
        width: 100%!important;
        max-width: unset;
        padding:5px 0px;
        margin-bottom: 15px;
     }
     .presupuesto-row > .col > .col-inner {
        max-width: calc(100% - 40px)!important;
        margin:20px!important;
     }

     .banner-testimonios { 
        transform: scale(0.7);
        top: 0px;
        left: -190px !important;
        min-width: 570px;
     }

     .faqs-accordion .accordion-title {
        right:0;
        padding: 20px 40px 0 18px;
     }

     .faqs-accordion .accordion-item .accordion-title button {
        right: 0px;
        top: 12px;
     }
}