.elementor-32 .elementor-element.elementor-element-ea8f7ad{--display:flex;--min-height:410px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-32 .elementor-element.elementor-element-ea8f7ad:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-ea8f7ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005A8B;background-image:url("https://eraexpress.com.pe/wp-content/uploads/2026/08/mercancias-express-4.webp");background-position:center center;background-size:cover;}.elementor-32 .elementor-element.elementor-element-ea8f7ad::before, .elementor-32 .elementor-element.elementor-element-ea8f7ad > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-ea8f7ad > .e-con-inner > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-ea8f7ad > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-ea8f7ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-ea8f7ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-32 .elementor-element.elementor-element-d4b7e73{--display:flex;--min-height:410px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-32 .elementor-element.elementor-element-3dae276{text-align:center;}.elementor-32 .elementor-element.elementor-element-3dae276 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;line-height:38px;color:#FFFFFF;}.elementor-32 .elementor-element.elementor-element-d77e555{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-32 .elementor-element.elementor-element-08ce623{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.16);--margin-top:-147px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-32 .elementor-element.elementor-element-08ce623:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-08ce623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;}.elementor-32 .elementor-element.elementor-element-b07dec7{--display:flex;}.elementor-32 .elementor-element.elementor-element-3936897 .elementor-heading-title{color:#EB7501;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-32 .elementor-element.elementor-element-4044707 .elementor-icon-box-wrapper{align-items:start;gap:20px;}.elementor-32 .elementor-element.elementor-element-4044707.elementor-view-stacked .elementor-icon{background-color:#EB7501;}.elementor-32 .elementor-element.elementor-element-4044707.elementor-view-framed .elementor-icon, .elementor-32 .elementor-element.elementor-element-4044707.elementor-view-default .elementor-icon{fill:#EB7501;color:#EB7501;border-color:#EB7501;}.elementor-32 .elementor-element.elementor-element-4044707 .elementor-icon{font-size:20px;}.elementor-32 .elementor-element.elementor-element-890d09e .elementor-icon-box-wrapper{align-items:start;gap:20px;}.elementor-32 .elementor-element.elementor-element-890d09e.elementor-view-stacked .elementor-icon{background-color:#EB7501;}.elementor-32 .elementor-element.elementor-element-890d09e.elementor-view-framed .elementor-icon, .elementor-32 .elementor-element.elementor-element-890d09e.elementor-view-default .elementor-icon{fill:#EB7501;color:#EB7501;border-color:#EB7501;}.elementor-32 .elementor-element.elementor-element-890d09e .elementor-icon{font-size:20px;}.elementor-32 .elementor-element.elementor-element-7954ee6 .elementor-icon-box-wrapper{align-items:start;gap:20px;}.elementor-32 .elementor-element.elementor-element-7954ee6.elementor-view-stacked .elementor-icon{background-color:#EB7501;}.elementor-32 .elementor-element.elementor-element-7954ee6.elementor-view-framed .elementor-icon, .elementor-32 .elementor-element.elementor-element-7954ee6.elementor-view-default .elementor-icon{fill:#EB7501;color:#EB7501;border-color:#EB7501;}.elementor-32 .elementor-element.elementor-element-7954ee6 .elementor-icon{font-size:20px;}.elementor-32 .elementor-element.elementor-element-3b35b97{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-32 .elementor-element.elementor-element-9941d8f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.66);}.elementor-32 .elementor-element.elementor-element-9941d8f:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-9941d8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A5A5A538;}.elementor-32 .elementor-element.elementor-element-e3a508f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-32 .elementor-element.elementor-element-cd8eeca{width:var( --container-widget-width, 28.216% );max-width:28.216%;background-color:#FFFFFF;padding:40px 5px 0px 5px;--container-widget-width:28.216%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.17);}.elementor-32 .elementor-element.elementor-element-cd8eeca:hover{background-color:#EB7501;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.36);}.elementor-32 .elementor-element.elementor-element-cd8eeca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-32 .elementor-element.elementor-element-cd8eeca .elementor-icon-box-wrapper{gap:15px;}.elementor-32 .elementor-element.elementor-element-cd8eeca .elementor-icon{font-size:50px;}.elementor-32 .elementor-element.elementor-element-cda4943{width:var( --container-widget-width, 30.183% );max-width:30.183%;background-color:#FFFFFF;padding:40px 5px 0px 5px;--container-widget-width:30.183%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.17);}.elementor-32 .elementor-element.elementor-element-cda4943:hover{background-color:#EB7501;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.36);}.elementor-32 .elementor-element.elementor-element-cda4943.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-32 .elementor-element.elementor-element-cda4943 .elementor-icon-box-wrapper{gap:15px;}.elementor-32 .elementor-element.elementor-element-cda4943 .elementor-icon{font-size:50px;}.elementor-32 .elementor-element.elementor-element-201f827{width:var( --container-widget-width, 30.576% );max-width:30.576%;background-color:#FFFFFF;padding:40px 5px 0px 5px;--container-widget-width:30.576%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.17);}.elementor-32 .elementor-element.elementor-element-201f827:hover{background-color:#EB7501;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.36);}.elementor-32 .elementor-element.elementor-element-201f827.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-32 .elementor-element.elementor-element-201f827 .elementor-icon-box-wrapper{gap:15px;}.elementor-32 .elementor-element.elementor-element-201f827 .elementor-icon{font-size:50px;}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-ea8f7ad{--min-height:254px;}}/* Start custom CSS for heading, class: .elementor-element-3dae276 */.texto-nacional {
    color: #EB7501;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cd8eeca */.borde-animado {
    position: relative;
    border-radius: 20px;
}

/* =========================================
   BORDE DEGRADADO ANIMADO
   ========================================= */

.borde-animado::before {
    content: "";
    position: absolute;
    inset: 0;

    border: 2px solid transparent;
    border-radius: 10px;

    background: linear-gradient(
        50deg,
        transparent,
        #EB7501,
        #ffffff,
        #212B70,
        transparent
    ) border-box;

    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    background-size: 300% 100%;

    animation: recorrido-borde 5s linear infinite;

    pointer-events: none;

    transition: opacity 0.2s ease;
}


/* =========================================
   BORDE NARANJA AL INTERACTUAR
   ========================================= */

.borde-animado::after {
    content: "";
    position: absolute;
    inset: 0;

    border: 2px solid #EB7501;
    border-radius: 10px;

    opacity: 0;
    transition: opacity 0.2s ease;

    pointer-events: none;
}


/* =========================================
   HOVER — OCULTAR ANIMACIÓN
   Y MOSTRAR BORDE NARANJA
   ========================================= */

.borde-animado:hover::before {
    opacity: 0;
}

.borde-animado:hover::after {
    opacity: 1;
}


/* =========================================
   HOVER — ICONO BLANCO
   ========================================= */

.borde-animado:hover .elementor-icon,
.borde-animado:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================
   HOVER — TÍTULO BLANCO
   ========================================= */

.borde-animado:hover .elementor-icon-box-title,
.borde-animado:hover .elementor-icon-box-title a {
    color: #ffffff !important;
}


/* =========================================
   HOVER — DESCRIPCIÓN BLANCA
   ========================================= */

.borde-animado:hover .elementor-icon-box-description {
    color: #ffffff !important;
}


/* =========================================
   ANIMACIÓN DEL BORDE
   ========================================= */

@keyframes recorrido-borde {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cda4943 */.borde-animado {
    position: relative;
    border-radius: 20px;
}

/* =========================================
   BORDE DEGRADADO ANIMADO
   ========================================= */

.borde-animado::before {
    content: "";
    position: absolute;
    inset: 0;

    border: 2px solid transparent;
    border-radius: 10px;

    background: linear-gradient(
        50deg,
        transparent,
        #EB7501,
        #ffffff,
        #212B70,
        transparent
    ) border-box;

    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    background-size: 300% 100%;

    animation: recorrido-borde 5s linear infinite;

    pointer-events: none;

    transition: opacity 0.2s ease;
}


/* =========================================
   BORDE NARANJA AL INTERACTUAR
   ========================================= */

.borde-animado::after {
    content: "";
    position: absolute;
    inset: 0;

    border: 2px solid #EB7501;
    border-radius: 10px;

    opacity: 0;
    transition: opacity 0.2s ease;

    pointer-events: none;
}


/* =========================================
   HOVER — OCULTAR ANIMACIÓN
   Y MOSTRAR BORDE NARANJA
   ========================================= */

.borde-animado:hover::before {
    opacity: 0;
}

.borde-animado:hover::after {
    opacity: 1;
}


/* =========================================
   HOVER — ICONO BLANCO
   ========================================= */

.borde-animado:hover .elementor-icon,
.borde-animado:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================
   HOVER — TÍTULO BLANCO
   ========================================= */

.borde-animado:hover .elementor-icon-box-title,
.borde-animado:hover .elementor-icon-box-title a {
    color: #ffffff !important;
}


/* =========================================
   HOVER — DESCRIPCIÓN BLANCA
   ========================================= */

.borde-animado:hover .elementor-icon-box-description {
    color: #ffffff !important;
}


/* =========================================
   ANIMACIÓN DEL BORDE
   ========================================= */

@keyframes recorrido-borde {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-201f827 */.borde-animado {
    position: relative;
    border-radius: 20px;
}

/* =========================================
   BORDE DEGRADADO ANIMADO
   ========================================= */

.borde-animado::before {
    content: "";
    position: absolute;
    inset: 0;

    border: 2px solid transparent;
    border-radius: 10px;

    background: linear-gradient(
        50deg,
        transparent,
        #EB7501,
        #ffffff,
        #212B70,
        transparent
    ) border-box;

    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    background-size: 300% 100%;

    animation: recorrido-borde 5s linear infinite;

    pointer-events: none;

    transition: opacity 0.2s ease;
}


/* =========================================
   BORDE NARANJA AL INTERACTUAR
   ========================================= */

.borde-animado::after {
    content: "";
    position: absolute;
    inset: 0;

    border: 2px solid #EB7501;
    border-radius: 10px;

    opacity: 0;
    transition: opacity 0.2s ease;

    pointer-events: none;
}


/* =========================================
   HOVER — OCULTAR ANIMACIÓN
   Y MOSTRAR BORDE NARANJA
   ========================================= */

.borde-animado:hover::before {
    opacity: 0;
}

.borde-animado:hover::after {
    opacity: 1;
}


/* =========================================
   HOVER — ICONO BLANCO
   ========================================= */

.borde-animado:hover .elementor-icon,
.borde-animado:hover .elementor-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================
   HOVER — TÍTULO BLANCO
   ========================================= */

.borde-animado:hover .elementor-icon-box-title,
.borde-animado:hover .elementor-icon-box-title a {
    color: #ffffff !important;
}


/* =========================================
   HOVER — DESCRIPCIÓN BLANCA
   ========================================= */

.borde-animado:hover .elementor-icon-box-description {
    color: #ffffff !important;
}


/* =========================================
   ANIMACIÓN DEL BORDE
   ========================================= */

@keyframes recorrido-borde {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}/* End custom CSS */