.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1240px;
}
body {font-family: 'Montserrat';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxel_iconlist {
 max-width:100%;
}
.oxel_iconlist__row {
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 width:100%;
 margin-top:0px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_iconlist__row__icon {
color: #7f8b93;}.oxel_iconlist__row__icon 
>svg {width: 18px;height: 18px;}.oxel_iconlist__row__icon {
 margin-left:0px;
 margin-right:32px;
}
.oxel_iconlist__row__label {
}
.oxel_iconlist__row--dark {
}
.oxel_accordion {
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.oxel_accordion__row {
 font-family:Montserrat;
 width:100%;
 padding-top:12px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:12px;
 text-align:justify;
 border-bottom-color:#eceeef;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-top-style:none;
 background-color:#f9f9fa;
 border-right-style:none;
 border-left-style:none;
 font-weight:600;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.oxel_accordion__icon {
color: #374047;}.oxel_accordion__icon 
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__content {
 width:100%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 margin-top:0px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion__row__label {
}
.oxel_number_counter {
}
.oxel_number_counter__number {
 font-family:Montserrat;
 color:#e9500e;
}
.oxel_number_counter__label {
 font-family:Montserrat;
 color:#606e79;
}
.btn-primary {
}
.btn-circle {
}
.btn-secondary {
}
.text-base {
}
.text-md {
}
.text-lg {
 margin-bottom:0px;
}
.text-sm {
}
.text-xs {
}
.text-3xl {
 margin-bottom:0px;
}
.text-2xl {
}
.service-card {
}
.text-4xl {
}
.value-card {
}
.expl-link {
}
.faq-item {
}
.icl-faq-item {
}
.icl-faq-item__q {
}
.text-xl {
}
.text-link:hover{
 color:#f70000;
}
.text-link {
}
.icl-phone-link {
}
.oxy-stock-content-styles {
}
/* =====================================================
   iCONNECT LOGISTICS — Global Stylesheet
   Oxygen Builder | iconnect-global
   ===================================================== */


/* =====================================================
   1. VARIABLES
   ===================================================== */
:root {

  /* --- Colores brand --- */
  --clr-navy:         #011E3D;
  --clr-navy-dark:    #0F0E1E;
  --clr-navy-mid:     #0a2d55;
  --clr-orange:       #E9500E;
  --clr-orange-dark:  #C93A00;
  --clr-orange-light: #ff6b2b;
  --clr-white:        #FFFFFF;
  --clr-light-bg:     #F5F5F5;
  --clr-light-bg-2:   #EFEFEF;
  --clr-text-dark:    #1A1A2E;
  --clr-text-mid:     #4a5568;
  --clr-text-light:   #718096;
  --clr-border:       #CCCCCC;
  --clr-border-light: #E5E5E5;

  /* --- Gradientes --- */
  --grad-blue:   linear-gradient(135deg, #011E3D 0%, #0F0E1E 100%);
  --grad-orange: linear-gradient(135deg, #E9500E 0%, #C93A00 100%);
  --grad-brand:  linear-gradient(135deg, #011E3D 0%, #3a1a0a 60%, #E9500E 100%);

  /* --- Tipografía --- */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   22px;
  --fs-xl:   28px;
  --fs-2xl:  36px;
  --fs-3xl:  48px;
  --fs-4xl:  60px;

  --fw-light:     300;
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;
  --fw-black:     900;

  /* --- Line heights --- */
  --lh-tight:  1.15;
  --lh-normal: 1.6;
  --lh-loose:  1.8;

  /* --- Espaciado --- */
  --sp-xs:      4px;
  --sp-sm:      8px;
  --sp-md:      16px;
  --sp-lg:      24px;
  --sp-xl:      40px;
  --sp-2xl:     64px;
  --sp-section: 100px;

  /* --- Border radius --- */
  --rad-sm:   4px;
  --rad-md:   8px;
  --rad-lg:   12px;
  --rad-xl:   20px;
  --rad-pill: 100px;

  /* --- Sombras --- */
  --shadow-sm:     0 2px 8px  rgba(1,30,61,0.08);
  --shadow-md:     0 4px 20px rgba(1,30,61,0.12);
  --shadow-lg:     0 8px 40px rgba(1,30,61,0.18);
  --shadow-orange: 0 8px 28px rgba(233,80,14,0.40);

  /* --- Transiciones --- */
  --ease-fast: 0.15s ease;
  --ease-base: 0.25s ease;
  --ease-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}


/* =====================================================
   2. TÍTULOS RESPONSIVOS — clamp()
   min(mobile) | preferred(fluid) | max(desktop)
   ===================================================== */

h1 { font-size: clamp(30px, 5vw,   60px); }
h2 { font-size: clamp(26px, 4vw,   48px); }
h3 { font-size: clamp(22px, 3vw,   36px); }
h4 { font-size: clamp(20px, 2.5vw, 28px); }
h5 { font-size: clamp(17px, 2vw,   22px); }
h6 { font-size: clamp(15px, 1.5vw, 18px); }


/* =====================================================
   3. BOTONES — CSS nesting nativo completo
   ===================================================== */

/* Base compartida */
.btn {
  position:        relative;
  display:         inline-flex;
  align-items:     center;
  gap:             14px;
  font-family:     inherit;
  font-size:       var(--fs-sm);
  font-weight:     var(--fw-bold);
  letter-spacing:  0.02em;
  padding:         0 10px 0 22px;
  height:          50px;
  border-radius:   var(--rad-pill);
  border:          none;
  cursor:          pointer;
  text-decoration: none;
  overflow:        hidden;
  transition:
    transform  .3s  cubic-bezier(.34, 1.56, .64, 1),
    box-shadow .25s ease,
    background .25s ease;

  /* Shimmer sweep */
  &::before {
    content:    '';
    position:   absolute;
    top:        0;
    left:       -100%;
    width:      60%;
    height:     100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
    transform:  skewX(-20deg);
    transition: left .5s ease;
    pointer-events: none;
  }

  &:hover::before { left: 160%; }

  &:active {
    transform:  scale(0.95) !important;
    box-shadow: none !important;
  }
}

/* Ícono circular */
.btn-circle {
  width:           34px;
  height:          34px;
  border-radius:   50%;
  display:         flex;
  align-items:     center;
  justify-content: center;
  flex-shrink:     0;
  transition:
    transform  .35s cubic-bezier(.34, 1.56, .64, 1),
    background .25s ease;

  & svg {
    width:  14px;
    height: 14px;
    display: block;
  }
}

.btn:hover .btn-circle {
  transform: rotate(45deg) scale(1.1);
}


/* ---- Variantes ---- */

.btn-primary {
  background: var(--clr-orange);
  color:      var(--clr-white);
  box-shadow: 0 4px 20px rgba(233,80,14,.35),
              inset 0 1px 0 rgba(255,255,255,.15);

  & .btn-circle {
    background: rgba(255,255,255,.22);
    color:      var(--clr-white);
  }

  &:hover {
    background: var(--clr-orange-dark);
    transform:  translateY(-4px);
    box-shadow: 0 12px 32px rgba(233,80,14,.50),
                inset 0 1px 0 rgba(255,255,255,.10);
  }

  &:active {
    transform:  scale(0.95);
    box-shadow: none;
  }
}

.btn-secondary {
  background: var(--clr-navy);
  color:      var(--clr-white);
  box-shadow: 0 4px 20px rgba(1,30,61,.30),
              inset 0 1px 0 rgba(255,255,255,.06);

  & .btn-circle {
    background: rgba(255,255,255,.12);
    color:      var(--clr-white);
  }

  &:hover {
    background: var(--clr-navy-dark);
    transform:  translateY(-4px);
    box-shadow: 0 12px 32px rgba(1,30,61,.45),
                inset 0 1px 0 rgba(255,255,255,.06);
  }

  &:active {
    transform:  scale(0.95);
    box-shadow: none;
  }
}

.btn-outline {
  background:   transparent;
  color:        var(--clr-navy);
  border:       2px solid var(--clr-navy);
  padding:      0 10px 0 22px;
  box-shadow:   none;
  transition:
    transform    .3s  cubic-bezier(.34, 1.56, .64, 1),
    box-shadow   .25s ease,
    background   .25s ease,
    color        .25s ease,
    border-color .25s ease;

  &::before { display: none; }

  & .btn-circle {
    background: var(--clr-navy);
    color:      var(--clr-white);
  }

  &:hover {
    background: var(--clr-navy);
    color:      var(--clr-white);
    transform:  translateY(-4px);
    box-shadow: 0 12px 32px rgba(1,30,61,.35);

    & .btn-circle {
      background: rgba(255,255,255,.18);
    }
  }

  &:active {
    transform:  scale(0.95);
    box-shadow: none;
  }
}

.btn-outline-orange {
  background:   transparent;
  color:        var(--clr-orange);
  border:       2px solid var(--clr-orange);
  padding:      0 10px 0 22px;
  box-shadow:   none;
  transition:
    transform    .3s  cubic-bezier(.34, 1.56, .64, 1),
    box-shadow   .25s ease,
    background   .25s ease,
    color        .25s ease,
    border-color .25s ease;

  &::before { display: none; }

  & .btn-circle {
    background: var(--clr-orange);
    color:      var(--clr-white);
  }

  &:hover {
    background: var(--clr-orange);
    color:      var(--clr-white);
    transform:  translateY(-4px);
    box-shadow: 0 12px 32px rgba(233,80,14,.40);

    & .btn-circle {
      background: rgba(255,255,255,.18);
    }
  }

  &:active {
    transform:  scale(0.95);
    box-shadow: none;
  }
}

.btn-ghost {
  background:      rgba(255,255,255,.08);
  color:           var(--clr-white);
  border:          1.5px solid rgba(255,255,255,.30);
  padding:         0 10px 0 22px;
  backdrop-filter: blur(10px);
  transition:
    transform    .3s  cubic-bezier(.34, 1.56, .64, 1),
    box-shadow   .25s ease,
    background   .25s ease,
    border-color .25s ease;

  &::before {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  }

  & .btn-circle {
    background: rgba(255,255,255,.15);
    color:      var(--clr-white);
  }

  &:hover {
    background:   rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.70);
    transform:    translateY(-4px);
    box-shadow:   0 12px 28px rgba(0,0,0,.25);
  }

  &:active {
    transform: scale(0.95);
  }
}

.btn-navy {
  background: var(--clr-navy);
  color:      var(--clr-white);
  box-shadow: 0 4px 20px rgba(1,30,61,.25);

  & .btn-circle {
    background: rgba(255,255,255,.10);
    color:      var(--clr-white);
  }

  &:hover {
    background: var(--clr-navy-dark);
    transform:  translateY(-4px);
    box-shadow: 0 12px 32px rgba(1,30,61,.40);
  }

  &:active {
    transform:  scale(0.95);
    box-shadow: none;
  }
}


/* ---- Text link — estilo Mivora ---- */

.btn-link {
  display:         inline-flex;
  align-items:     center;
  gap:             10px;
  font-family:     inherit;
  font-size:       var(--fs-sm);
  font-weight:     var(--fw-semibold);
  color:           var(--clr-orange);
  background:      none;
  border:          none;
  cursor:          pointer;
  text-decoration: none;
  padding:         0;
  transition:      gap var(--ease-base), color var(--ease-base);

  & .btn-circle {
    width:        32px;
    height:       32px;
    background:   rgba(233,80,14,.10);
    border:       1.5px solid rgba(233,80,14,.25);
    color:        var(--clr-orange);
    transition:   all var(--ease-base);
  }

  &:hover {
    gap:   16px;
    color: var(--clr-orange-dark);

    & .btn-circle {
      background:   var(--clr-orange);
      border-color: var(--clr-orange);
      color:        var(--clr-white);
      transform:    rotate(45deg);
    }
  }
}

.btn-link--navy {
  color: var(--clr-navy);

  & .btn-circle {
    background:   rgba(1,30,61,.08);
    border-color: rgba(1,30,61,.20);
    color:        var(--clr-navy);
  }

  &:hover {
    color: var(--clr-navy-dark);

    & .btn-circle {
      background:   var(--clr-navy);
      border-color: var(--clr-navy);
      color:        var(--clr-white);
      transform:    rotate(45deg);
    }
  }
}


/* ---- Modificadores de tamaño ---- */

.btn--sm {
  height:    40px;
  padding:   0 8px 0 18px;
  font-size: var(--fs-xs);

  & .btn-circle {
    width:  28px;
    height: 28px;

    & svg { width: 12px; height: 12px; }
  }
}

.btn--lg {
  height:    58px;
  padding:   0 12px 0 30px;
  font-size: var(--fs-base);

  & .btn-circle {
    width:  40px;
    height: 40px;

    & svg { width: 16px; height: 16px; }
  }
}

.btn--xl {
  height:    66px;
  padding:   0 14px 0 36px;
  font-size: var(--fs-md);

  & .btn-circle {
    width:  46px;
    height: 46px;

    & svg { width: 18px; height: 18px; }
  }
}

.btn--full {
  width:           100%;
  justify-content: space-between;
}

.btn-group {
  display:   flex;
  gap:       var(--sp-md);
  flex-wrap: wrap;
}

/* ---- Responsive botones ---- */
@media (max-width: 480px) {

  /* Base se achica ligeramente */
  .btn {
    height:    44px;
    padding:   0 8px 0 18px;
    font-size: var(--fs-xs);
    gap:       10px;
  }

  .btn-circle {
    width:  28px;
    height: 28px;

    & svg { width: 12px; height: 12px; }
  }

  /* --lg baja a default */
  .btn--lg {
    height:    50px;
    padding:   0 10px 0 22px;
    font-size: var(--fs-sm);

    & .btn-circle {
      width:  34px;
      height: 34px;

      & svg { width: 14px; height: 14px; }
    }
  }

  /* --xl baja a --lg */
  .btn--xl {
    height:    58px;
    padding:   0 12px 0 28px;
    font-size: var(--fs-base);

    & .btn-circle {
      width:  38px;
      height: 38px;

      & svg { width: 15px; height: 15px; }
    }
  }

  /* Grupo apila verticalmente */
  .btn-group {
    flex-direction: column;
    align-items:    stretch;
  }

  .btn-group .btn {
    justify-content: center;
  }

}


/* =====================================================
   4. CLASES DE TEXTO
   ===================================================== */

/* Colores */
.text-navy        { color: var(--clr-navy)        !important; }
.text-navy-dark   { color: var(--clr-navy-dark)   !important; }
.text-orange      { color: var(--clr-orange)      !important; }
.text-orange-dark { color: var(--clr-orange-dark) !important; }
.text-white       { color: var(--clr-white)       !important; }
.text-dark        { color: var(--clr-text-dark)   !important; }
.text-mid         { color: var(--clr-text-mid)    !important; }
.text-light-c     { color: var(--clr-text-light)  !important; }
.text-muted       { color: var(--clr-text-light)  !important; opacity: 0.7; }

/* Tamaños — clamp(mobile, fluid, desktop) */
.text-xs   { font-size: var(--fs-xs)                 !important; } /* 12px fijo */
.text-sm   { font-size: var(--fs-sm)                 !important; } /* 14px fijo */
.text-base { font-size: var(--fs-base)               !important; } /* 16px fijo */
.text-md   { font-size: clamp(16px, 2vw,   18px)     !important; }
.text-lg   { font-size: clamp(18px, 2.5vw, 22px)     !important; }
.text-xl   { font-size: clamp(20px, 3vw,   28px)     !important; }
.text-2xl  { font-size: clamp(24px, 3.5vw, 36px)     !important; }
.text-3xl  { font-size: clamp(28px, 4.5vw, 48px)     !important; }
.text-4xl  { font-size: clamp(32px, 5.5vw, 60px)     !important; }

/* Pesos */
.fw-light     { font-weight: var(--fw-light)     !important; }
.fw-regular   { font-weight: var(--fw-regular)   !important; }
.fw-medium    { font-weight: var(--fw-medium)    !important; }
.fw-semibold  { font-weight: var(--fw-semibold)  !important; }
.fw-bold      { font-weight: var(--fw-bold)      !important; }
.fw-extrabold { font-weight: var(--fw-extrabold) !important; }
.fw-black     { font-weight: var(--fw-black)     !important; }

/* Alineación */
.text-left   { text-align: left   !important; }
.text-center { text-align: center !important; }
.text-right  { text-align: right  !important; }

/* Transformación */
.text-upper  { text-transform: uppercase  !important; }
.text-lower  { text-transform: lowercase  !important; }
.text-cap    { text-transform: capitalize !important; }
.text-italic { font-style: italic         !important; }

/* Line height */
.lh-tight  { line-height: var(--lh-tight)  !important; }
.lh-normal { line-height: var(--lh-normal) !important; }
.lh-loose  { line-height: var(--lh-loose)  !important; }

/* Letter spacing */
.tracking-tight  { letter-spacing: -0.02em !important; }
.tracking-normal { letter-spacing:  0      !important; }
.tracking-wide   { letter-spacing:  0.06em !important; }
.tracking-wider  { letter-spacing:  0.12em !important; }

/* Componentes predefinidos */
.eyebrow {
  display:        inline-block;
  font-size:      var(--fs-xs);
  font-weight:    var(--fw-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color:          var(--clr-orange);
  margin-bottom:  var(--sp-sm);
}

.text-lead {
  font-size:   clamp(16px, 2vw, 18px);
  font-weight: var(--fw-medium);
  line-height: var(--lh-loose);
  color:       var(--clr-text-dark);
}

.text-caption {
  font-size:      var(--fs-xs);
  font-weight:    var(--fw-medium);
  letter-spacing: 0.04em;
  color:          var(--clr-text-light);
  line-height:    var(--lh-normal);
}

.text-highlight {
  color:       var(--clr-orange);
  font-weight: var(--fw-bold);
}

.text-gradient {
  background:              var(--grad-brand);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

p  { margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }


/* =====================================================
   5. SERVICE CARD ICON
   ===================================================== */

.service-card__icon {
  width:         48px;
  height:        48px;
  background:    rgba(233,80,14,0.15);
  border:        1px solid rgba(233,80,14,0.30);
  border-radius: 10px;
  display:       flex;
  align-items:   center;
  justify-content: center;
  color:         var(--clr-orange);
  margin-bottom: 16px;
  transition:    background var(--ease-base), border-color var(--ease-base);
}
.service-card--main .service-card__icon { width: 56px; height: 56px; border-radius: 12px; margin-bottom: 20px; }
.service-card__icon svg                  { width: 22px; height: 22px; }
.service-card--main .service-card__icon svg { width: 26px; height: 26px; }
.service-card:hover .service-card__icon { background: rgba(233,80,14,0.35); border-color: rgba(233,80,14,0.60); }

/* SERVICE AREA INFO */
.area-info{padding:80px 0;background:var(--clr-white)}
.area-info__layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.area-info__text h2{font-size:clamp(26px,3.5vw,42px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em;color:var(--clr-navy);line-height:1.1;margin-bottom:20px}
.area-info__text h2 span{color:var(--clr-orange)}
.area-info__text p{font-size:16px;color:var(--clr-text-mid);line-height:1.8;margin-bottom:20px}
.area-info__checklist{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
.area-info__check{display:flex;align-items:flex-start;gap:14px}
.area-info__check-icon{width:22px;height:22px;background:rgba(233,80,14,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--clr-orange);flex-shrink:0;margin-top:2px}
.area-info__check-icon svg{width:11px;height:11px}
.area-info__check span{font-size:15px;color:#1A1A2E;font-weight:500;line-height:1.5}

/* Services by city table */
.coverage-table{border-radius:14px;overflow:hidden;border:1px solid var(--clr-border-light);box-shadow:var(--shadow-sm)}
.coverage-table__head{background:var(--clr-navy);padding:16px 20px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px;align-items:center}
.coverage-table__head-cell{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.coverage-table__head-cell:first-child{color:rgba(255,255,255,.8)}
.coverage-table__row{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--clr-border-light);background:var(--clr-white);transition:background .2s ease}
.coverage-table__row:last-child{border-bottom:none}
.coverage-table__row:hover{background:var(--clr-light-bg)}
.coverage-table__city{font-size:14px;font-weight:700;color:var(--clr-navy)}
.coverage-table__check{display:flex;justify-content:center}
.check-yes{width:22px;height:22px;background:rgba(233,80,14,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--clr-orange)}
.check-yes svg{width:11px;height:11px}
.check-soon{width:22px;height:22px;background:rgba(113,128,150,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--clr-text-light)}
.check-soon span{font-size:9px;font-weight:800}

/* FAQS */

.icl-faq-item{
  background:#fff;
  border-radius:14px;
  border:1px solid #E5E5E5;
  overflow:hidden;
  margin-bottom:12px;
  transition:box-shadow .25s ease;
}
.icl-faq-item:hover{box-shadow:0 4px 20px rgba(1,30,61,.08)}

.icl-faq-item__q{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 24px;
  cursor:pointer;
  font-family:'Montserrat',sans-serif;
  font-size:14px;
  font-weight:700;
  color:#011E3D;
  line-height:1.4;
  user-select:none;
}

.icl-faq-item__q-icon{
  width:32px;height:32px;
  border-radius:50%;
  background:#E9500E;
  display:flex;align-items:center;justify-content:center;
  color:#fff;flex-shrink:0;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
.icl-faq-item__q-icon svg{width:14px;height:14px}
.icl-faq-item.is-open .icl-faq-item__q-icon{transform:rotate(45deg)}

.icl-faq-item__a{
  max-height:0;
  overflow:hidden;
  transition:max-height .5s cubic-bezier(0, 1, 0, 1);
}
.icl-faq-item.is-open .icl-faq-item__a{
  max-height:400px;
  transition:max-height .5s cubic-bezier(1, 0, 1, 0);
}

.icl-faq-item__a-inner{
  padding:16px 24px 22px;
  font-family:'Montserrat',sans-serif;
  font-size:14px;
  color:#4a5568;
  line-height:1.75;
  border-top:1px solid #E5E5E5;
}

/* Form */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;900&display=swap');

/* ── Wrapper ── */
.icl-form-wrapper {
  font-family: 'Montserrat', sans-serif;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  max-width: 680px;
  margin: 0 auto;
}

/* ── Header ── */
.icl-form-header {
  background: #011E3D;
  padding: 18px 28px;
}
.icl-form-header p {
  color: rgba(255,255,255,0.65);
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  margin: 0;
}

/* ── Body ── */
.icl-form-body {
  padding: 24px 28px 28px;
  background: #fff;
}

/* ── Grid layout ── */
.icl-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.icl-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.icl-full {
  margin-bottom: 16px;
}

/* ── Labels ── */
.icl-field label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
  font-family: 'Montserrat', sans-serif;
}

/* ── Inputs & Textarea ── */
.wpcf7 .icl-input,
.wpcf7 .icl-textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #1e293b;
  background: #f8fafc;
  box-sizing: border-box;
  transition: border-color 0.2s, background 0.2s;
  outline: none;
}
.wpcf7 .icl-input:focus,
.wpcf7 .icl-textarea:focus {
  border-color: #E9500E;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(233,80,14,0.08);
}
.wpcf7 .icl-textarea {
  height: 110px;
  resize: vertical;
}

/* ── Submit button ── */
.wpcf7 .icl-submit {
  display: block;
  width: 100%;
  background: #E9500E;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 13px 28px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: background 0.2s;
}
.wpcf7 .icl-submit:hover {
  background: #c94008;
}

/* ── Validation errors ── */
.wpcf7-not-valid-tip {
  color: #E9500E !important;
  font-size: 11px;
  font-family: 'Montserrat', sans-serif;
}
.wpcf7 .icl-input.wpcf7-not-valid,
.wpcf7 .icl-textarea.wpcf7-not-valid {
  border-color: #E9500E;
  background: #fff5f2;
}

/* ── Response message ── */
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #011E3D;
  color: #011E3D;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #E9500E;
  color: #E9500E;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}

/* ── Mobile ── */
@media (max-width: 560px) {
  .icl-row { grid-template-columns: 1fr; }
  .icl-form-body { padding: 18px; }
}
/* =====================================================
   FIN iconnect-global — siguiente: iconnect-classes
   ===================================================== */