/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --color69:#004969;
    --color7B:#0A587B;
    --colorB5:#0B80B5;
    --colorD4:#5DAFD4;
    --colorF6:#BADAF6;
    --colorFB:#E6F2FB;
    --colorE2:#9AC8E2;
    --color83:#075C83;
    --grey:#F6F6F6;
    --lightgrey:#FEFEFE;
    --black:#242424;
}

body {
	font-family:"Roboto", sans-serif;
	font-weight: 300;
}

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

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

.button-m-0 {
    margin:0!important;
}
.ls-positive {
    letter-spacing: .012em;
}
.ls-negative {
    letter-spacing: -.012em;
}

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: 300;
}

strong {
    font-weight: 700;
}

.banner {
    background:none;
}

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

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

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

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

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

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

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


@media (min-width: 1240px) and (max-width: 1730px) {
    .section-content:not(:has(.row-full-width)):not(.single-post .section-content) {
        padding-left:clamp(30px,3vw,60px);
        padding-right:clamp(30px,3vw,60px);
    }
    .blog .blog-wrapper > .row {
        padding-left:clamp(30px,3vw,60px);
        padding-right:clamp(30px,3vw,60px);
    }
}



/*buttons*/

.button {
    font-size: unset;
    line-height: 1 !important;
    min-height: unset;
    letter-spacing: 0;
    position: relative;
    padding:15px 20px 15px 20px;
    z-index: 1;
}

.button span {
    line-height: 1.2;
}

.button.primary {
    border:none;
    background: transparent;
    box-shadow: none!important;
}
.button.primary:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skewX(10deg);
    transition: .3s all ease-in;
    background: var(--colorD4);
    z-index: -1;
}

.button.primary:hover:before {
    background: var(--colorB5);
    transform: skewX(-10deg);
} 

.button.icon-right {
    padding-right:50px;
}

.button.icon-right:after {
    content:"";
    width: 23px;
    height: 23px;
    position: absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    background: url(/wp-content/uploads/2025/12/chevron-right-1.svg) center center no-repeat;
    background-size: contain;
    transition:.3s right ease-in;
}

.button.icon-right:hover:after {
    right:11px;
}
.button.primary.is-outline:before {
    background:transparent;
    border:1px solid var(--colorD4);
}

.button.primary.is-outline:after {
    background:url(/wp-content/uploads/2025/12/chevron-right-button-color.svg) center center no-repeat;
}

.button.primary.is-outline:hover {
    background-color:unset!important;
}

.button.primary.is-outline:hover, .button.primary.is-outline:hover span {
    color:var(--colorD4);
}

.button.primary.custom-white:before {
    background: var(--lightgrey);
}

.button.primary.custom-white span {
    color:var(--color83);
}
.button.primary.icon-right.custom-white:after  {
    background: url(/wp-content/uploads/2025/12/chevron-right-icon.svg) center center no-repeat;
}
.button.primary.equipo-icon {
    padding-right:50px;
}
.button.primary.equipo-icon:after {
     content:"";
    width: 23px;
    height: 23px;
    position: absolute;
    right:15px;
    top:calc(50% + 2px);
    transform:translateY(-50%);
    background: url(/wp-content/uploads/2026/01/icon-equipo.svg) center center no-repeat;
    background-size: contain;
    transition:.3s right ease-in;
}

.icon-align-center {
    align-items: center;
}

.icon-align-center .icon-box-text {
    padding-left:30px!important;
}

/*commons*/
.custom-title strong {
    font-weight: 700;
    color:var(--color83);
}

.dark .custom-title strong {
    color:var(--colorF6);
} 



/*header*/

.header-top {
    background: linear-gradient(90deg, var(--color69) 0%, var(--color7B) 100%);
}

.header-top a {
    text-transform: uppercase;
    letter-spacing: .56px;
    font-size: .875rem!important;
}

.header-top .menu-item {
    margin:0 30px;
}

.nav-divided>li+li>a:after {
    left:-30px;
    background: var(--colorD4);
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: unset;
}


.hide-for-medium .header-nav .menu-item {
    margin:0 20px;
} 

.hide-for-medium .header-nav .menu-item a {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
}

.hide-for-medium .header-nav .menu-item a {
    color:var(--lightgrey);
    position:relative;
}

.hide-for-medium .header-nav > .menu-item:not(.header-button-primary):not(.header-button-outline) > a:after {
    content:"";
    position: absolute;
    width:0;
    height: 2px;
    right:0;
    bottom:2px;
    background:var(--lightgrey);
    border-radius:2px;
    transition:.4s width linear;
}

.hide-for-medium .header-nav > .menu-item:not(.header-button-primary):not(.header-button-outline) > a:hover:after {
    width:100%;
    left:0;
    right:auto;
}

 .hide-for-medium .header-nav .menu-item.header-button-primary a,  .hide-for-medium .header-nav .menu-item.header-button-outline a {
    padding:15px;

 }
.hide-for-medium .header-nav .menu-item.header-button-primary a:after,  .hide-for-medium .header-nav .menu-item.header-button-outline a:after {
    content:"";
    width: 100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    transform:skewX(10deg);
    transition:.3s all ease-in;
}

.hide-for-medium .header-nav .menu-item.header-button-primary a:hover:after {
    transform:skewX(-10deg);
}

.hide-for-medium .header-nav .menu-item.header-button-primary a:after {
    background: var(--colorD4);
    z-index: -1;
}
.hide-for-medium .header-nav .menu-item.header-button-outline a {
    color:#9AC8E2;
     transition:.3s color ease-in;
}
.hide-for-medium .header-nav .menu-item.header-button-outline a:after {
    background:transparent;
    border:1px solid #9AC8E2;
    color:#9AC8E2;
}

.hide-for-medium .header-nav .menu-item.header-button-primary a:hover:after {
    background:var(--colorB5);
}
.hide-for-medium .header-nav .menu-item.header-button-outline a:hover {
     color:var(--colorB5);
}
.hide-for-medium .header-nav .menu-item.header-button-outline a:hover:after {
    border:1px solid var(--colorB5);
    transform:skewX(-10deg);
}

.header:not(.transparent) .hide-for-medium .header-nav .menu-item a {
    color:var(--black);
}

.header:not(.transparent) .hide-for-medium .header-nav .menu-item:not(.header-button-primary):not(.header-button-outline) a:after {
    background:var(--black);
}

.header:not(.transparent) .hide-for-medium .header-nav .menu-item.header-button-primary a {
    color:var(--lightgrey);

}

.header:not(.transparent) .hide-for-medium .header-nav .menu-item.header-button-outline a {
    color:#075D83;
    border-color:rgba(7, 93, 131, 0.50);
}

.header:not(.transparent) .hide-for-medium .header-nav .menu-item.header-button-outline:hover a {
    border-color:#075D83;
}

.header:not(.transparent) .header-wrapper {
    border-bottom:1px solid #9AC8E233;
}

/*megamenú*/

.header-main:has(.current-dropdown) {
    background:var(--color69);
}
.stuck .header-main:has(.current-dropdown)  #logo img.header-logo {
    display:none!important;
}
.stuck .header-main:has(.current-dropdown) #logo img.header-logo-dark {
    display:block!important;
}
.header-main:has(.current-dropdown) .hide-for-medium .header-nav > .menu-item a {
    color:#fff;
}

.header-main:has(.current-dropdown) .hide-for-medium .header-nav > .menu-item:not(.header-button-primary):not(.header-button-outline) a:after  {
    background:#fff!important;
}

.stuck .header-main:has(.current-dropdown) .header-nav .menu-item.header-button-outline a {
    color:#9AC8E2;
}
.stuck .header-main:has(.current-dropdown) .header-nav .menu-item.header-button-outline a:hover {
    color:var(--colorB5);
}


.header-main .sub-menu > .section .section-content > .row {
    margin: 0 auto !important;
}

.header-main .sub-menu > .section .banner .banner-bg .overlay {
    background-color:unset!important;
    background:linear-gradient(0deg, rgba(7, 92, 131, 0.20) 0%, rgba(7, 92, 131, 0.20) 100%), linear-gradient(185deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 91.45%);
}

.header-main .sub-menu > .section .banner .banner-bg :is(img,picture,video) {
    transform: scale(1.02);
}
.header-main .sub-menu > .section .banner .text-box-content .text-inner {
    position: relative;
    margin-bottom: 20px;
    min-height: 45px;
    display: flex;
    align-items: center;
}
.header-main .sub-menu > .section .banner .text-box-content .text-inner .text {
    margin-left:0;
    text-wrap: balance;
}
.header-main .sub-menu > .section .banner .text-box-content .text-inner:after {
    content:"";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background:url(/wp-content/uploads/2026/01/icon-white-right.svg) center center no-repeat;
    background-size: contain;
} 


/*Hero Section*/
.hero-section .section-bg-overlay {
    background: linear-gradient(334deg, rgba(7, 92, 131, 0.00) 43.54%, #0A3D54 90.29%), linear-gradient(345deg, rgba(0, 0, 0, 0.00) 25.82%, rgba(0, 0, 0, 0.60) 100%), #D9D9D9;
    background-color:transparent!important;
}

.hero-section .section-bg:after {
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 130px;
    left:5%;
    background: url(/wp-content/uploads/2025/12/hero-ribbon.svg) left center no-repeat;
    background-size: contain;
    opacity: .4;
}




/*logistica integral tabs*/
.logistica-tabs-section {
    background: url(/wp-content/uploads/2025/12/tab-background.svg) calc(100% - 3vw) center no-repeat;
    background-size:38%;
}

.logistica-tabs-section .section-content {
    z-index: 2;
}

.custom-vertical-tabs .nav-vertical {
    width: 50%;
    padding-right:8%;

}

.custom-vertical-tabs .tab-panels  {
    padding-left:5%;
    padding-right:5%;
    border-left:0;
}

.custom-vertical-tabs .tab-panels .panel {
    transition:.5s opacity ease-in;
}

.custom-vertical-tabs .tab-panels .panel img {
    height: 520px;
    width: auto;
    display: block;
    margin:0 auto;
}

.custom-vertical-tabs .tab a {
    padding:33px 56px 33px 80px;
    border-bottom:0;
    z-index: 2;
}
.custom-vertical-tabs .tab:hover {
    background:#DEECF5;
}

.tabbed-content {
    align-items: stretch;
}
.tabbed-content.custom-vertical-tabs .tab:before {
    content:"";
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100% + 2px);
    position: absolute;
    background: transparent;
    transition: .3s all ease-in;
}

.tabbed-content.custom-vertical-tabs .tab.active:before {
    transform: skewX(10deg);
    left: -10px;
    width: calc(100% + 20px);
    background: var(--colorD4);
}
.tabbed-content.custom-vertical-tabs .tab a:before {
    content:"";
    position: absolute;
    width: 45px;
    height: 45px;
    left: 26px;
    top: 50%;
    transform:translateY(-50%);
    opacity: 1!important;
}

.tabbed-content.custom-vertical-tabs #tab-custom-tab-1 a:before {
    background:url(/wp-content/uploads/2025/12/integramos-negocio-icon.svg) center center no-repeat;
    background-size: contain;
}
.tabbed-content.custom-vertical-tabs #tab-custom-tab-1.active a:before {
    background:url(/wp-content/uploads/2025/12/integramos-.negocio-white-icon.svg) center center no-repeat;
    background-size: contain;
}

.tabbed-content.custom-vertical-tabs #tab-custom-tab-2 a:before {
    background:url(/wp-content/uploads/2025/12/somos-almacen-icon.svg) center center no-repeat;
    background-size: contain;
}
.tabbed-content.custom-vertical-tabs #tab-custom-tab-2.active a:before {
    background:url(/wp-content/uploads/2025/12/somos-almacen-white-icon.svg) center center no-repeat;
    background-size: contain;
}

.tabbed-content.custom-vertical-tabs #tab-custom-tab-3 a:before {
    background:url(/wp-content/uploads/2025/12/picking-packing-icon.svg) center center no-repeat;
    background-size: contain;
}
.tabbed-content.custom-vertical-tabs #tab-custom-tab-3.active a:before {
    background:url(/wp-content/uploads/2025/12/picking-packing-white-icon.svg) center center no-repeat;
    background-size: contain;
}

.tabbed-content.custom-vertical-tabs #tab-custom-tab-4 a:before {
    background:url(/wp-content/uploads/2025/12/envio-icon.svg) center center no-repeat;
    background-size: contain;
}
.tabbed-content.custom-vertical-tabs #tab-custom-tab-4.active a:before {
    background:url(/wp-content/uploads/2025/12/envio-white-icon.svg) center center no-repeat;
    background-size: contain;
}

.tabbed-content.custom-vertical-tabs #tab-custom-tab-5 a:before {
    background:url(/wp-content/uploads/2025/12/entrega-icon.svg) center center no-repeat;
    background-size: contain;
}
.tabbed-content.custom-vertical-tabs #tab-custom-tab-5.active a:before {
    background:url(/wp-content/uploads/2025/12/entrega-white-icon.svg) center center no-repeat;
    background-size: contain;
}

.tabbed-content.custom-vertical-tabs #tab-custom-tab-6 a:before {
    background:url(/wp-content/uploads/2025/12/montaje-destino-icon.svg) center center no-repeat;
    background-size: contain;
}
.tabbed-content.custom-vertical-tabs #tab-custom-tab-6.active a:before {
    background:url(/wp-content/uploads/2025/12/montaje-destino-white-icon.svg) center center no-repeat;
    background-size: contain;
}

.tabbed-content.custom-vertical-tabs #tab-custom-tab-7 a:before {
    background:url(/wp-content/uploads/2025/12/devoluciones-cambios-icon.svg) center center no-repeat;
    background-size: contain;
}
.tabbed-content.custom-vertical-tabs #tab-custom-tab-7.active a:before {
    background:url(/wp-content/uploads/2025/12/devoluciones-cambios-white-icon.svg) center center no-repeat;
    background-size: contain;
}

.tabbed-content.custom-vertical-tabs .tab a:after {
    content:"";
    position: absolute;
    width: 40px;
    height: 40px;
    right: 26px;
    top: 50%;
    transform:translateY(-50%);
    background:url(/wp-content/uploads/2025/12/chevron-right-icon.svg) center center no-repeat;
    background-size: contain;
    opacity: 1!important;
}

.tabbed-content.custom-vertical-tabs .tab.active a:after {
     filter:brightness(0) invert(1);
     transition:.2s filter ease-in;
}
.tabbed-content.custom-vertical-tabs .tab.active {
    position: relative;
    z-index: 2;
}
.tabbed-content.custom-vertical-tabs .tab {
    border-top:1px solid var(--colorE2);
    border-left:1px solid var(--colorE2);
    border-right:1px solid var(--colorE2);

}

.tabbed-content.custom-vertical-tabs .tab:last-child {
    border-bottom:1px solid var(--colorD4);
}

.custom-vertical-tabs .tab span {
    color:#595959;
    font-size: 1.5rem;
    letter-spacing:0;
    text-transform: none;
    font-weight: 400;
    transition: .2s color ease-in;
}

.tabbed-content.custom-vertical-tabs .tab.active span {
    color:#fff;
}

.video-container {
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    position: relative;
    height: auto;
}
.video-container::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 → (9/16)*100 */
}
/* Video */
.video-container img.video-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.0);
    transition: .7s transform ease-in;
}

.video-container .play-video {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 10vw;
    height: auto;
    max-width: 140px;
}

.video-container:hover .video-poster {
    transform: scale(1.05);
}

.mas-que-logisitica-row {
    border-bottom: 1px solid var(--colorE2);
}


.mas-que-logisitica-row .icon-box-left .icon-box-img+.icon-box-text {
    padding-left:50px;
}

.mas-que-logisitica-row:last-of-type {
    border-bottom:0;
}

.cta-section .col-inner > .img {
    transform: scale(1.12);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}

.cta-section-calidad .col-inner > .img, .cta-section-automatizamos .col-inner > .img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
}

.cta-section-calidad .img-inner {
  position: relative;
}

.cta-section-calidad .img-inner::after {
  content: "";
  position: absolute;
  inset: 0;
   background:
    linear-gradient(
      to right,
      #f6f6f6 0%,
      rgba(246, 246, 246, 0) 55%
    ),
    linear-gradient(
      to left,
      rgba(6, 115, 146, 0.4) 0%,
      rgba(6, 115, 146, 0) 55%
    );
  pointer-events: none;
}

.cta-section-automatizamos .ux-logo {
    margin-right: 50px;
}

.servicios-icons-list .icon-box {
    padding:65px max(15px,calc((100vw - 1550px)/2)) 65px 0;
    position: relative;
}

.servicios-icons-list .icon-box:before {
    content:"";
    width: 1px;
    height: 100%;
    background: var(--colorE2);
    position: absolute;
    left:40px;
    top: 0;
}

.servicios-icons-list .icon-box:after {
    content:"";
    height: 1px;
    background: var(--colorE2);
    position: absolute;
    left:40px;
    bottom: 0;
    right: 0;
}

/*custom list*/
.custom-list.check-icon-list li {
    position: relative;
    padding-left:50px;
    margin-bottom: 20px;
}
.custom-list.check-icon-list li::before {
    content: "";
    background-image: url("/wp-content/uploads/2025/12/v6-icon-3.svg");
    width: 29px;
    height: 29px;
    display: inline-block;
    position: absolute;
    top: -1px;
    left: 0;
}

.custom-list.check-icon-list li::marker {
    list-style: none !important;
}

.custom-list.check-icon-list ul {
    list-style: none !important;
}

.custom-list.check-icon-list ul li {
    margin-left: 0em;
}

/*sectores*/
.sectores-list ul {
    list-style-type:none;
    margin:0;
}

.sectores-list ul li {
    margin:0;
}

.sectores-list ul li {
    padding:21px 25px;
    font-size: 1.25rem;
    font-weight: 400;
    position: relative;
    transition: .3s all ease-in;
    cursor: pointer;
}

.sectores-list ul li:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skewX(0);
    transition: .3s all ease-in;
    background: transparent;
    z-index: -1;
}

.sectores-list ul li.active {
    color:#0B80B5;
}

.sectores-list ul li:hover {
background:#e6f2fb33;
}

.sectores-list ul li.active:after {
    transform: skewX(10deg);
    background: var(--colorFB);
    left: -6px;
    width: calc(100% + 12px);
}

.sectores-master-col {
    max-height:1400px;
    overflow: hidden;
}

.sectores-master-col .sector-row > .col:first-of-type .col-inner:after {
    content:"";
    width:1px;
    height: 100%;
    position: absolute;
    background:var(--colorE2);
    left:50%;
    top: 0;
}

.sectores-master-col .sector-row > .col:last-of-type .col-inner:after {
    top: unset;
    bottom:0;
}
.logistica-row > .col > .col-inner > .row {
    height: 100%;
} 

.logistica-text-col > .col-inner {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.logistica-image-col:before {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.00) 47.89%), linear-gradient(223deg, rgba(6, 115, 146, 0.00) 26.38%, rgba(6, 115, 146, 0.60) 95.77%);
    z-index: 2;
}

.casos-exito-slider .img.video-play {
    opacity: .7;
    transition: .2s opacity ease-in;
}

.casos-exito-slider .banner:hover .img.video-play {
    opacity: .9;
} 

#content .casos-exito-slider .caso-exito-item {
    max-width:397px!important;
    margin-right:7px!important;
}



#content .casos-exito-slider .flickity-page-dots {
    left:0;
    right:0;
    bottom:-35px;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
}

#content .casos-exito-slider .caso-exito-item > .banner {
    padding-top: 670px;
}

#content .casos-exito-slider .flickity-page-dots .dot {
    width: 100%;
    height: 2px;
    background:  var(--colorD4);
    opacity: 1!important;
    border:none;
    transform:skewX(15deg);
    transition:.2s height ease-in;
    margin:0;
    border-radius:0;
}

#content .casos-exito-slider .flickity-page-dots .dot.is-selected {
height: 10px;
background: var(--colorD4); 
}

.background-gradient {
    background: linear-gradient(287deg, #004969 -0.5%, #2B8BB6 100%);
}
.cifras-row > .col > .col-inner {
    padding:40px;
}
.cifras-row > .col > .col-inner:after {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:linear-gradient(180deg,rgba(246, 246, 246, 1) 30%, rgba(246, 246, 246, 0) 70%);
    transform:skewX(10deg) scale(1.05);


}
.cifras-row > .col > .col-inner:before {
    content:"";
    position: absolute;
    background:#fff;
    border:1px solid var(--colorD4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform:skewX(10deg);
}

.cifras-row > .col > .col-inner .text {
    position: relative;
    z-index: 3;
}

.cifras-row > .col > .col-inner .text.cifra-count {
    font-size: clamp(2.5rem,4.5vw,4.25rem);
}

.img-size .img {
    width: 150% !important;
}

.img-size .img:nth-child(1), .img-size .img:nth-child(3) {
    filter: blur(5px);
}

.img-size .img:nth-child(1) {
    position: absolute;
    top: -170px;
    left: 100px;
}

.img-size .img:nth-child(3) {
    position: absolute;
    bottom: -170px;
    left: 100px;
}

.img-size .img:nth-child(2) {
    z-index: 5;
}

.logos-empresas img {
    object-fit: contain;
}

.form-contacto form input, .form-contacto form select {
    border: 2px solid #F6F6F6;
    color: var(--lightgrey);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 19.5px;
    background-color: transparent;
    padding: 20px 20px 20px 23px;
    height: unset;
    margin-bottom:5px;
}

.form-contacto .frm_form_field {
    margin-bottom:15px;
}

.form-contacto form input::placeholder {
    color: var(--lightgrey);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 19.5px;
}

.form-contacto form select {
    background-image: url('/wp-content/uploads/2025/12/select.png');
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    border-radius: 0;
    display: block;
    height: fit-content;
    padding: 20px 60px 20px 23px;
}

.form-contacto form select option {
    background-color: var(--lightgrey);
    color: var(--color7B);
    font-size: 1rem;
    font-weight: 400;
    line-height: 19.5px;
}

.form-contacto form .frm_checkbox label {
    color: var(--lightgrey);
    font-size: 1rem;
    font-weight: 500;
}

.form-contacto form .frm_checkbox input[type=checkbox] {
    display: inline-flex;
    width: 23.15px;
    height: 23.15px;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 5px;
}

.form-contacto form .frm_button_submit.icon-right-form {
    color: var(--color7B);
    font-size: 1.5rem;
    font-weight: 400;
    padding-right: 60px;
    margin-top: 25px;
    pasition:relative;
    z-index: 3;
}

.form-contacto form .frm_button_submit.icon-right-form::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skewX(10deg);
    transition: .3s all ease-in;
    background: var(--lightgrey);
    z-index: -1;
}

.form-contacto form .frm_button_submit.icon-right-form::after {
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url('/wp-content/uploads/2025/12/flecha.png') center center no-repeat;
    background-size: contain;
    transition: .3s all ease-in;
}

.form-contacto form .frm_button_submit.icon-right-form:hover:before {
    background: var(--colorB5);
    transform: skewX(-10deg);
} 

.form-contacto form .frm_button_submit.icon-right-form:hover {
    color: var(--lightgrey);
}

.form-contacto form .frm_button_submit.icon-right-form:hover:after {
    filter:brightness(0) invert(1);
}

.subrayada-palabra {
    position:relative;
}
.subrayada-palabra::before {
    content: "";
    width: calc(100% + 40px);
    height: calc(100% + 20px);
    left:-20px;
    top: -10px;
    position: absolute;
    transform: skewX(10deg);
    transition: .3s all ease-in;
    background: #2e6c9d;
    z-index: -1;
    transform: rotateZ(-5deg);
}
.contact-gradient:not(.col) {
    background: linear-gradient(287deg, #5DAFD4 -0.5%, #0B80B5 100%);
    position: relative;
    z-index: 2;
}

.col.contact-gradient > .col-inner {
    background: linear-gradient(287deg, #5DAFD4 -0.5%, #0B80B5 100%);
}  

#content .clientes-slider .img {
    width:14%!important;
}

#content .clientes-slider .img .img-inner img {
    margin:0 auto;
}

/*sectores*/
.subsectores-row .col-inner {
    transition: .3s background linear;
}
.subsectores-row .col-inner:hover {
    background:#fff;
}

.subsectores-row > .col:not(:last-of-type) {
    border-right:1px solid #9AC8E2;
}


/*footer*/
.footer-wrapper {
    overflow: hidden;
}
.footer-wrapper:after {
    content: "";
    width: 50%;
    height: 100%;
    background: url(/wp-content/uploads/2025/12/background-footer.svg) center center no-repeat;
    background-size: contain;
    opacity: 0.83;
    filter: blur(40px);
    z-index: 0;
    position: absolute;
    right: 5%;
    bottom: -15%;
}
.footer-wrapper a {
    color:var(--lightgrey);
    opacity: 1;
    transition: .4s opacity linear;
}

.footer-wrapper a:hover {
    opacity:.75;
}

.footer-wrapper .ux-menu-link__link {
    min-height: 0;
    line-height: 1;
    padding:10px 0;
    font-weight: 300;
    font-size: 1.25rem;
    opacity: 1;
    color: var(--lightgrey);

}

.footer-wrapper .ux-menu-link:hover a {
    color: var(--lightgrey);
    opacity:.75;
}

.legal-links p {
    display: flex;
    justify-content: space-evenly;
}

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

.absolute-footer {
   display: none; 
}

.footer-calidad-stack {
    flex-flow: row wrap;
    max-width: 200px;
}

.footer-calidad-stack .ux-logo {
    margin-right:10px!important;
    margin-bottom: 10px!important;
}

.servicios-sectores-row > .col {
  box-sizing: border-box;
  border-right: 1px solid var(--colorE2);
  border-bottom: 1px solid var(--colorE2);
}
.servicios-sectores-row > .col:nth-child(4n + 1) {
  border-left: 1px solid var(--colorE2);
}
.servicios-sectores-row > .col:nth-child(-n + 4) {
  border-top: 1px solid var(--colorE2);
}

.servicios-sectores-row .col-inner {
    transition:.3s background linear;
}

.servicios-sectores-row .col-inner:hover {
    background:#0B80B5;
} 
.servicios-sectores-row .col-inner .text > * {
    transition:.3s color linear;
}
.servicios-sectores-row .col-inner:hover .text > * {
    color:#fff!important;
}

.servicios-sectores-row .col-inner svg rect {
    transition: .1s fill linear;
}

.servicios-sectores-row .col-inner:hover svg rect {
    fill:#08709E!important;
}

.servicios-sectores-row .col-inner:hover svg {
    transition: .3s fill linear;
    fill:#FEFEFE!important;
}
/* contacto maps */
.is-border {
    z-index: 2;
}
.map-container {
    position:relative;
    height: 100%;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
}
.maps-col-4 .map-container {
    padding-top:56.25%;
    height: unset;
}

.maps-col-4 .maps-info-col > .col-inner {
    min-height: 400px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.logistica-text-col > .col-inner {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: flex-start;
}

/* Formulario Presupuesto */

.presupuesto-form-section .section-bg img {
    object-fit:contain;
    object-position: 90% 50%;
    position: relative;
    top: 80px;
}

.presupuesto-form-section .frm_page_num_1 h1 {
    font-size: clamp(40px, 8vw, 100px);
    font-weight: 300;
    line-height: 100%;
}

.presupuesto-form-section .frm_page_num_1 h1 strong {
    color:var(--color83);
}

.presupuesto-form-section .frm_page_num_1 .destacado {
    color: #075C83;
    font-size: 2rem;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.presupuesto-form-section .frm_page_num_1 p {
    color:#565656;
    font-size: 1.25rem;
}
.presupuesto-form-section .button.primary.icon-arrow-right {
    padding-right:50px;
}
.presupuesto-form-section .button.primary.icon-arrow-right:after {
    content:"";
    width: 18px;
    height: 18px;
    position: absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    background: url(/wp-content/uploads/2026/01/icon-white-right.svg) center center no-repeat;
    background-size: contain;
    transition:.3s right ease-in;
}

.presupuesto-form-section .button.primary.icon-arrow-right:hover:after {
    right:11px;
}

.presupuesto-form-section .button.primary.icon-arrow-left {
    padding-left:50px;
}
.presupuesto-form-section .button.primary.icon-arrow-left:after {
    content:"";
    width: 22px;
    height: 22px;
    position: absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    background: url(/wp-content/uploads/2026/01/button-arrow-left.svg) center center no-repeat;
    background-size: contain;
    transition:.3s left ease-in;
}
.presupuesto-form-section .button.primary.icon-arrow-left:hover:after {
    left:11px;
}
 
.presupuesto-form-section .frm_primary_label {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom:40px;
}

.presupuesto-form-section .frm_primary_label > strong, .presupuesto-form-section .frm_form_field h3 strong, .presupuesto-form-section .frm_form_field .form-paginator strong {
    color:var(--color83);
}

.presupuesto-form-section .frm_label_button_container {
    border: 1px solid rgba(93, 175, 212, 0.20);
    background: rgba(248, 248, 248, 1);
    padding:29px;
    padding-left:72px;
    font-size: 20px;
    font-weight: 400;
    line-height: 19.5px;
    position: relative;
    transition: .2s all ease-in;
}
.presupuesto-form-section .frm_label_button_container:hover {
    border-color:rgba(93, 175, 212, 0.60)!important;
}

.presupuesto-form-section .frm_label_button_container:after {
    content:"";
    border:2px solid var(--colorD4);
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    left: 29px;
    transform: translateY(-50%);  
    z-index: 2;  
}

.presupuesto-form-section .frm_label_button_container:before {
    content: "";
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em rgba(248, 248, 248, 1);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    border-radius: 0;  
     width: 12px;
    height: 12px; 
    transform: scale(0) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 32px;
    z-index: 3;
}
.presupuesto-form-section .frm_radio input[type=radio]:checked + .frm_label_button_container, .presupuesto-form-section .frm_checkbox input[type=checkbox]:checked + .frm_label_button_container {
    border: 2px solid rgba(93, 175, 212, 0.60);
    background: rgb(209 222 235);
}
.presupuesto-form-section .frm_radio input[type=radio]:checked + .frm_label_button_container:after, .presupuesto-form-section .frm_checkbox input[type=checkbox]:checked + .frm_label_button_container:after {
    border:2px solid var(--color83);
    background: var(--color83);
}
.presupuesto-form-section .frm_radio input[type=radio]:checked + .frm_label_button_container:before, .presupuesto-form-section .frm_checkbox input[type=checkbox]:checked + .frm_label_button_container:before {
    transform: scale(1) translateY(-50%);
}

.presupuesto-form-section .frm_form_field h3, .presupuesto-form-section .frm_form_field .form-paginator {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.1; 
}
.presupuesto-form-section .frm_form_field.frm_html_container:has(.form-paginator) {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom:40px;
} 
.presupuesto-form-section .frm_form_field h3 strong {
    color:var(--color83);
}
 .presupuesto-form-section .frm_form_field .form-paginator {
    text-wrap:nowrap;
 }

  .presupuesto-form-section .frm_form_field .contact-label {
    font-size: 24px;
    font-weight: 400;
    color:var(--color69);
  }

  .presupuesto-form-section .frm_form_field  .frm_primary_label:has(.contact-label) {
    margin-bottom:20px;
  }

  .presupuesto-form-section .form-field input[type=text],.presupuesto-form-section .form-field input[type=tel],.presupuesto-form-section .form-field input[type=email], .presupuesto-form-section .form-field select {
        border: 2px solid rgba(93, 175, 212, 0.20);
        background: rgba(248, 248, 248, 1);
        padding:26px 32px;
        font-size: 20px;
        font-weight: 400;
        line-height: 19.5px;
        position: relative;
        color:#242424;
        box-shadow: unset;
        height: unset;
        margin-bottom:0;
  }

  .presupuesto-form-section .form-field select {
    background: url(/wp-content/uploads/2026/01/chevron-down.svg) calc(100% - 15px) center no-repeat,rgba(248, 248, 248, 1);
  } 

.presupuesto-form-section .form-field ::placeholder {
    color:#6C6C6C99;
}
.presupuesto-form-section  .frm_error_style {
    display: none;
}
.presupuesto-form-section .frm_error, .presupuesto-form-section .frm_error * {
    font-size: 14px!important;
    color:red!important;
}

.presupuesto-form-section .frm_rootline_group {
    margin-top: 5vw;
    margin-bottom: 0;
    border: 2px solid rgba(93, 175, 212, 0.60);
    background: rgba(154, 200, 226, 0.20);
} 
.presupuesto-form-section .frm_page_num_1 .frm_rootline_group {
    display: none;
} 
.presupuesto-form-section .frm_forms .frm_rootline_single input {
    border-radius:0;
    box-shadow: unset!important;
}

.presupuesto-form-section .frm_forms .frm_rootline_single input:not(.frm_page_back):hover {
    background:unset;
} 
.presupuesto-form-section .frm_forms .frm_progress_line input.frm_page_back {
    background: rgba(93, 175, 212, 0.60);
     border-radius:0;
}

.presupuesto-form-section .frm_submit {
    margin-top: 40px;
} 

/*empresa*/
.equipo-stack {
    flex-flow:row wrap;
}

.equipo-stack > .row {
    width: 20%;
    min-width:200px;
}
.equipo-stack .equipo-stack-col > .col-inner {
    border:3px solid #DEECF5;
    background:radial-gradient(45.99% 45.99% at 50% 100%, #528AA2 0%, #C2D9ED 100%);

}
.equipo-stack .equipo-stack-col > .col-inner:after {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    background:radial-gradient(141.42% 141.42% at 0% 0%, #4A6074 0%, #5F788F 19.87%, #6589A9 60.95%, #384E62 100%);
}

.equipo-stack .equipo-stack-col > .col-inner:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.4) 0%, rgba(246, 246, 246, 0) 40%);
    z-index: 4;
}
.equipo-stack .equipo-stack-col > .col-inner:after,.equipo-stack .equipo-stack-col > .col-inner:before {
    transition:.3s opacity ease-in;
 }
 .equipo-stack .equipo-stack-col > .col-inner:hover:after,.equipo-stack .equipo-stack-col > .col-inner:hover:before {
   opacity: 1;
 }

.equipo-stack .equipo-stack-col > .col-inner > * {
    z-index: 3;
}
.equipo-stack .equipo-stack-col > .col-inner > .equipo-stack-data {
    position: absolute;
    bottom:0px;
    left:15px;
    width: calc(100% - 15px);
    z-index: 5;
    transition:.3s all linear;
    opacity: 0;
}
.equipo-stack .equipo-stack-col > .col-inner:hover > .equipo-stack-data {
    transition-delay:.2s;
    bottom:15px;
    opacity: 1;
}
.equipo-stack .equipo-stack-data p {
    font-size: 1rem!important;
    font-weight: 300!important;
}

.equipo-stack .img {
    margin:0!important;
}

body.page-id-63 .logos-clientes-section {
    background: #DEECF5;
}

.maps-animation-row {
    margin-top: -140px;
}

.maps-animation-row  .col-lottie-left > .col-inner:after {
    content:"";
    position: absolute;
    border: 1px solid var(--colorD4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skewX(10deg);
}
.maps-animation-row  .col-lottie-left .ux-lottie {
    max-width: 420px;
} 
.maps-animation-row  .col-lottie-left > .col-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(246, 246, 246, 1) 20%, rgba(246, 246, 246, 0) 70%);
    transform: skewX(10deg) scale(1.05);
    z-index: 2;
}

.maps-animation-row  .col-lottie-left > .col-inner > * {
    position: relative;
    z-index: 3;
}

/*logistica-ecommerce*/
.logistica-efectividad-row {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.logistica-efectividad-row > .col {
    flex-basis: 20%;
    max-width: 20%;
}
.logistica-efectividad-row > .col .stack {
    margin-bottom: 20px;
}

/*Casos de éxito*/

.casos-exito-categorias {
    display: flex;
    flex-flow:row wrap;
    margin:0 0 50px;
    padding-left:15px;
}

.casos-exito-categorias li {
    list-style-type:none;
    margin:0 15px 15px 0!important;
}

.casos-exito-categorias li a {
    color:var(--colorD4);
    text-transform: uppercase;
    font-size: 1rem;
    position: relative;
    padding:18px 32px;
    display: block;
}

.casos-exito-categorias li a:after {
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid var(--colorD4);
    transform:skewX(10deg);
    transition:.2s background linear;
    z-index: 1;
}
.casos-exito-categorias li a:hover:after {
    background: rgba(154, 200, 226, 0.40);
}
.casos-exito-categorias li.is-active a {
    color:#fff;
}
.casos-exito-categorias li.is-active a span {
    position: relative;
    z-index: 2;
}
.casos-exito-categorias li.is-active a:after {
    background:var(--colorD4);
}

.casos-exito-container {
    display: flex;
    flex-flow:row wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.casos-exito-container > .caso-exito-item {
    width: calc(25% - 30px);
    margin:0 15px 40px;
    text-align: center;
}

.casos-exito-container > .caso-exito-item .button {
    margin-top:20px!important;
    position: relative;
    left: 4px;
}

.casos-exito-container > .caso-exito-item > .banner {
    padding-top:670px;
}
.casos-exito-container > .caso-exito-item > .banner:hover .banner-bg img {
    transform: scale(1.04);
} 
.casos-exito-container > .caso-exito-item > .banner .overlay {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 70.18%, rgba(0, 0, 0, 0.60) 100%);
}

.casos-exito-container .caso-exito-item .banner .img-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}

.casos-exito-container .caso-exito-item .banner .icon-logo {
  position: absolute;
    bottom: 10px;
    min-height: 80px;
    left: 0;
    width: 100%;
    padding:0 10px;
    text-align: center;
}

.youtube-video-iframe-container {
    width: 100%;
    position: relative;
    padding-top: 178%;
}

.youtube-video-iframe-container-home {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}

.youtube-video-iframe-container iframe, .youtube-video-iframe-container-home iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.custom-casos-pagination {
    margin-top: max(50px, 4.5vw);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-casos-pagination .page-numbers {
    border-radius:0;
    display: flex;
    width: 33px;
    align-items: center;
    justify-content: center;
    border:1px solid var(--colorD4);
    opacity:1;
    font-weight:400!important;
    color:var(--colorD4)!important;
    line-height: 33px;
    font-family: var(--nav-font);
    min-height: 35px;
    margin:0 5px;
}

.custom-casos-pagination .page-numbers:hover {
    background:rgba(93, 175, 212, 0.4);
    border:1px solid var(--colorD4);
    opacity:1;
}
.custom-casos-pagination .page-numbers.current {
    background:var(--colorD4);
    color:#fff!important;
    opacity:1;
}

.casos-category-section {
    padding:clamp(80px,5vw,120px) 0;
}

body.archive.tax-categoria .stuck .header-logo {
    display:block!important;
}  
body.archive.tax-categoria .stuck .header-logo-dark {
    display:none!important;
} 


/*menu mobile*/
.custom-menu-mobile-section .ux-menu-link {
    margin-bottom:20px!important;
}
.custom-menu-mobile-section .ux-menu-link a {
    font-size: 1.125rem;
    color:#fff;
    font-weight: 400;
    text-transform:uppercase;
 }   
 .custom-menu-mobile-section .accordion {
    margin-bottom:20px;
 }
 .custom-menu-mobile-section .accordion-title {
    font-size: 1.125rem;
    color:#fff!important;
    font-weight: 400;
    text-transform:uppercase;
    border-top:0;
    padding-left:0;
 }
  .custom-menu-mobile-section  .accordion-title.active {
    background-color:unset;
  }
  .custom-menu-mobile-section .accordion-title .toggle {
    left:unset;
    right:0;
    opacity: 1;    
  }

  .custom-menu-mobile-section .accordion-title .toggle i {
    font-size: 22px;
  }

  .custom-menu-mobile-section .accordion-inner {
    padding:15px 0 0 0;
  }

  .custom-menu-mobile-section .accordion-inner .gap-element {
    display:none!important;
  }

  .custom-menu-mobile-section .accordion-inner .section {
    padding:0;
  }

  .mobile-sidebar {
    background: #004969;
  }

  .custom-menu-mobile-section .banner .text-box-content .text-inner{
    margin-bottom:20px;
  }

  .custom-menu-mobile-section .button.primary {
    padding:10px 10px;
    margin-right:0;
  }

  .custom-menu-mobile-section .button.primary:not(:last-child) {
    margin-right:4px;
  }

  .main-menu-overlay + .off-canvas button.mfp-close {
    opacity: 1;
    mix-blend-mode: unset;
    color:#fff;
  }

  .mobile-nav > .nav-icon a {
    font-size: 21px;
  }

#wrapper .button.back-to-top {
    border: 0;
    background-color: #0005 !important;
    backdrop-filter: blur(10px);
    line-height: 1.2;
    width: 40px;
    height: 40px;
    border-radius:8px!important;
    color:#fff;
    padding:0;
}

#wrapper .button.back-to-top i {
    top: 7px;
}


.slider-articulos-relacionados:not(.flickity-enabled) {
    display: flex;
    min-height: 220px;
}

/* Modal */
.ig_messenger.ig_canvas.ig_container {
    overflow: visible;
}
.icegram.ig_messenger.ig_canvas .ig_content {
    box-shadow:unset;
    background-color:unset!important;
    border:unset!important;
    padding:40px 50px 40px 70px;
    margin: 0;
    font-family: "Roboto", sans-serif;
    position: relative;
    overflow: visible;
}

.icegram.ig_messenger.ig_canvas .ig_content:after {
    content:"";
    position: absolute;
    top: 0;
    height: 100%;
    border:1px solid rgba(93, 175, 212, 0.8);
    background:linear-gradient(242deg, rgba(0, 73, 105, 0.60) 10.7%, rgba(0, 73, 105, 0.18) 99.65%);
    backdrop-filter: blur(30px);
    margin:0;
    transform: skewX(10deg);
        right: -100px;
        left: 0;
}

.icegram.ig_messenger .ig_close {
    height: 25px;
    width: 25px;
    background:url(/wp-content/uploads/2026/01/icon-close-modal.svg) center center no-repeat;
    background-size:contain;
    top: 20px!important;
    right: 20px!important;
}

.icegram.ig_messenger .ig_close:after {
    display: none;
}

@media (max-width: 1400px) {
    .hide-for-medium .header-nav .menu-item {
        margin:0 10px;
    }

    .hide-for-medium .header-nav .menu-item a {
        font-size: 0.9rem;
    }
}

@media (max-width: 850px) {

    .legal-links p {
        flex-flow:row wrap;  
    }

    .legal-links p a {
        width: 33.3333333%;
        text-align: left;
        padding-right:30px;
        margin:3px 0!important;
        display: inline-block;
    }


    .subsectores-row > .col:not(:last-of-type) {
    border-right:0;
    }
    .subsectores-row > .col:nth-child(odd) {
    border-right:1px solid var(--colorE2);;
    }
    .subsectores-row > .col:nth-child(-n+2) {
         border-bottom:1px solid var(--colorE2);
    }
    .custom-vertical-tabs .nav-vertical {
        width: 100%;
        padding-right:0;
        flex-flow: row nowrap;
        overflow-x: auto;
    }
    .custom-vertical-tabs .tab {
        min-width: fit-content;
        border-bottom: 1px solid var(--colorE2);

    }
    .custom-vertical-tabs .tab span {
        text-wrap: nowrap;
        font-size: 1.25rem;
    }
    .custom-vertical-tabs .tab a {
        padding:20px 60px 20px 80px;
    }
    .tabbed-content.custom-vertical-tabs .tab a:before {
        width: 35px;
        height: 35px;
    }
    .tabbed-content.custom-vertical-tabs .tab a:after {
        width: 25px;
        height: 25px;
        right: 20px;
    }

.servicios-sectores-row > .col:nth-child(4n + 1) {
    border-left: none;
  }

  .servicios-sectores-row > .col:nth-child(-n + 4) {
    border-top: none;
  }

  .servicios-sectores-row > .col:nth-child(3n + 1) {
    border-left: 1px solid var(--colorE2);
  }

  .servicios-sectores-row > .col:nth-child(-n + 3) {
    border-top: 1px solid var(--colorE2);
  }
  .mas-que-logisitica-row .icon-box-left .icon-box-img {
    width: 30px!important;
  }
  .mas-que-logisitica-row .icon-box-left .icon-box-img+.icon-box-text {
    padding-left:20px;
  }

  .servicios-icons-list .col-inner:before {
    content: "";
    height: 1px;
    background: var(--colorE2);
    position: absolute;
    left: 40px;
    top: 0;
    right: 0;
  }

  .servicios-icons-list .icon-inner img {
    transform: scale(0.8);
    position: relative;
    top: -18px;
  }

  .sectores-list ul {
    display: flex;
    flex-flow: row nowrap;
    list-style-type:none;
    margin:0;
    overflow: auto;
  }


  .sectores-list ul li {
    padding: 14px 20px;
    font-size: 1.125rem;
    line-height: 1.2;
    text-wrap: nowrap;
  }

  .sectores-master-col .sector-row:first-child > .col:first-of-type .col-inner:after {
    display: none;
  }

  .sectores-master-col {
    max-height:800px;
    overflow: hidden;
  }
  .presupuesto-form-section .frm_page_num_1 .destacado {
    font-size: 1.5rem;
  }
  .presupuesto-form-section .frm_page_num_1 p {
        font-size: 1.125rem;
  }

  .presupuesto-form-section .frm_primary_label {
    font-size: 2rem;
  }
  .presupuesto-form-section .frm_label_button_container {
    padding: 24px;
    padding-left: 72px;
  }
  .presupuesto-form-section .frm_form_field h3, .presupuesto-form-section .frm_form_field .form-paginator {
    font-size: 2rem;
  }
  .presupuesto-form-section .frm_form_field .contact-label {
    font-size: 1.25rem;
  }
  .presupuesto-form-section .form-field input[type=text], .presupuesto-form-section .form-field input[type=tel], .presupuesto-form-section .form-field input[type=email], .presupuesto-form-section .form-field select {
    padding: 24px 32px;
  }
    .maps-animation-row {
        margin-top: 0;
    } 
    .logistica-efectividad-row ::after {
        display: none;
    }
    .logistica-efectividad-row > .col {
        flex-basis: 33.33333332%;
        max-width: 33.33333332%;
    } 
    .pedidos-icon-row .icon-box-img {
        max-width: 100px;
    }

    .casos-exito-container > .caso-exito-item {
        width: calc(33.3333333% - 16px);
        margin:0 8px 30px;
    }

    .casos-exito-container > .caso-exito-item > .banner {
        padding-top:470px;
    }

    .casos-exito-container > .caso-exito-item > .banner .img-play-icon {
        transform:scale(0.8) translate(-50%, -50%);
    }

    .casos-exito-categorias li a {
        font-size: 0.875rem;
        padding:9px 16px;
    }

    .casos-exito-categorias {
        flex-flow: row nowrap;
        overflow: auto;
    }

    .casos-exito-categorias li a {
        text-wrap: nowrap;
    }
    .footer-calidad-stack {
        flex-flow: row wrap;
        max-width: 100%;
    }

    .column-medium-center > .col-inner {
        text-align: center;
    }

        .icegram.ig_messenger.ig_canvas .ig_content {
        box-shadow:unset;
        background-color:unset!important;
        border:unset!important;
        padding:25px 30px 30px 60px;
        margin: 0;
        font-family: "Roboto", sans-serif;
        position: relative;
        overflow: visible;
    }

    #content .clientes-slider .img {
        width:25%!important;
    }


}

@media (max-width: 550px) {
    .subsectores-row > .col:not(:last-of-type) {
    border-right:0;
    }
    .subsectores-row > .col:nth-child(odd) {
    border-right:unset;
    }
    .subsectores-row > .col:not(:last-of-type) {
         border-bottom:1px solid var(--colorE2);;
    }
    .custom-vertical-tabs .tab span {
        text-wrap: nowrap;
        font-size: 1.125rem;
    }
   .custom-vertical-tabs .tab a {
        padding:12px 35px 12px 50px;
    }
    .tabbed-content.custom-vertical-tabs .tab a:before {
        width: 30px;
        height: 30px;
        left:10px;
    }
    .tabbed-content.custom-vertical-tabs .tab a:after {
        width: 20px;
        height: 20px;
        right: 10px;
    }

    .servicios-sectores-row > .col {
        border-left: 1px solid var(--colorE2);
        border-right: 1px solid var(--colorE2);
        border-top: none;
      }

  .servicios-sectores-row > .col:nth-child(-n + 1) {
    border-top: 1px solid var(--colorE2);
  }
        .cta-section .col-inner > .img {
        transform: scale(1);
        clip-path:none;
    }
    .cifras-row > .col > .col-inner {
    padding:20px;
    }
    .form-contacto form input, .form-contacto form select {
        font-size: 1.125rem!important;
        padding:15px 30px 15px 20px !important;
    }

    .form-contacto form input::placeholder {
        font-size: 1.125rem;
    }
    .form-contacto form .frm_button_submit.icon-right-form  {
        font-size: 1.25rem;
    }
    .presupuesto-form-section .frm_primary_label {
        font-size: 1.5rem;
    }
    .presupuesto-form-section .frm_label_button_container {
        padding: 20px;
        padding-left: 46px; 
        font-size: 1rem;
    }
    .presupuesto-form-section .frm_label_button_container:before {
        left: 16px;
    } 
     .presupuesto-form-section .frm_label_button_container:after {
        left: 13px;
     }
     .presupuesto-form-section .button {
        margin-right:10px;
     }
     .button {
        padding: 15px 15px 15px 15px;
     }
     .presupuesto-form-section .frm_form_field h3, .presupuesto-form-section .frm_form_field .form-paginator {
        font-size: 1.5rem;
     }
     .presupuesto-form-section .frm_form_field .contact-label {
        font-size: 1.125rem;
     }
     .presupuesto-form-section .form-field input[type=text], .presupuesto-form-section .form-field input[type=tel], .presupuesto-form-section .form-field input[type=email], .presupuesto-form-section .form-field select {
        padding:20px;
        font-size: 1.1254rem;
     }
     .presupuesto-form-section .frm_rootline_group {
        display: none;
     }
     .presupuesto-form-section .frm_submit {
        margin-top: 50px;
     }
     .equipo-stack > .row {
        width: 50%;
        min-width:unset;
    }
    .equipo-stack .equipo-stack-data p {
        font-size: .875rem;
    }
    .logistica-efectividad-row > .col {
        flex-basis: 100%;
        max-width: 100%;
    }
    .pedidos-icon-row .icon-box-img {
        max-width: 80px;
    }

    .casos-exito-container > .caso-exito-item {
        width: 100%;
        margin: 0 0px 40px;
    }

    .casos-exito-container > .caso-exito-item > .banner .icon-logo {
        transform:scale(.8);
    }
    .header-top .menu-item {
        margin:0 15px;
    }
    .legal-links p a {
        width: 100%;
        text-align: left;
        margin:3px 0!important;
        display: inline-block;
        padding-right:30px;
    }
    .icegram.ig_messenger.ig_canvas .ig_content {
        padding: 25px 30px 30px 30px;
    }
    .icegram.ig_messenger.ig_canvas .ig_content:after {

        transform: skewX(0);
            right: 0;
            left: 0;
    }
    .icegram.ig_messenger .ig_close {
        height: 20px;
        width: 20px;
    }

    #content .clientes-slider .img {
        width:50%!important;
    }
}