.elementor-115 .elementor-element.elementor-element-9564b0b{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.9;--padding-top:40px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-115 .elementor-element.elementor-element-9564b0b:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-9564b0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sur-trade.com/wp-content/uploads/2026/09/Hero-Soluciones.webp");background-position:center left;background-size:cover;}.elementor-115 .elementor-element.elementor-element-9564b0b::before, .elementor-115 .elementor-element.elementor-element-9564b0b > .elementor-background-video-container::before, .elementor-115 .elementor-element.elementor-element-9564b0b > .e-con-inner > .elementor-background-video-container::before, .elementor-115 .elementor-element.elementor-element-9564b0b > .elementor-background-slideshow::before, .elementor-115 .elementor-element.elementor-element-9564b0b > .e-con-inner > .elementor-background-slideshow::before, .elementor-115 .elementor-element.elementor-element-9564b0b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(120deg, #FFFFFF 30%, #F2295B00 60%);}.elementor-115 .elementor-element.elementor-element-e7fb732{--display:flex;}.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-115 .elementor-element.elementor-element-dfb502a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#C59E3B;}.elementor-115 .elementor-element.elementor-element-4ca480a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;text-transform:none;color:#000000;}.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-115 .elementor-element.elementor-element-349e341{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-weight:400;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-115 .elementor-element.elementor-element-f03ceea .elementor-button{background-color:var( --e-global-color-db16191 );font-family:"Outfit", Sans-serif;font-weight:400;}.elementor-115 .elementor-element.elementor-element-3274f9a{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-115 .elementor-element.elementor-element-3274f9a:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-3274f9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-115 .elementor-element.elementor-element-c0b9d04{text-align:center;}.elementor-115 .elementor-element.elementor-element-c0b9d04 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#C59E3B;}.elementor-115 .elementor-element.elementor-element-d96de6a{text-align:center;}.elementor-115 .elementor-element.elementor-element-d96de6a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;text-transform:none;font-style:normal;color:#000000;}.elementor-115 .elementor-element.elementor-element-d7e837c{--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-115 .elementor-element.elementor-element-12aa8df{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-115 .elementor-element.elementor-element-12aa8df:not(.elementor-motion-effects-element-type-background), .elementor-115 .elementor-element.elementor-element-12aa8df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C59E3B14;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-115 .elementor-element.elementor-element-e7fb732{--width:50%;}}@media(max-width:767px){.elementor-115 .elementor-element.elementor-element-9564b0b{--padding-top:20px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-115 .elementor-element.elementor-element-4ca480a .elementor-heading-title{font-size:40px;}.elementor-115 .elementor-element.elementor-element-349e341{width:100%;max-width:100%;}.elementor-115 .elementor-element.elementor-element-349e341 p{margin-block-end:0px;}.elementor-115 .elementor-element.elementor-element-d96de6a .elementor-heading-title{font-size:40px;}}/* Start custom CSS for html, class: .elementor-element-f86fb6c *//* =========================================================
   SURTRADE - SOLUCIONES
   3 columnas desktop / 2 tablet / 1 mobile
========================================================= */

.surtrade-solutions-grid {
    --st-dark: #071522;
    --st-gold: #b88949;
    --st-text: #252525;
    --st-border: #e9e6e1;

    width: 100%;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}


/* =========================================================
   CARD
========================================================= */

.solution-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    overflow: hidden;

    background: #ffffff;
    border: 1px solid var(--st-border);
    border-radius: 12px;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.025),
        0 12px 30px rgba(0, 0, 0, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.solution-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.04),
        0 18px 40px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   IMAGEN
========================================================= */

.solution-card__image {
    position: relative;

    width: 100%;
    height: 245px;

    overflow: visible;
}

.solution-card__image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform 0.45s ease;
}

.solution-card:hover .solution-card__image img {
    transform: scale(1.035);
}


/* =========================================================
   ICONO
========================================================= */

.solution-card__icon {
    position: absolute;

    left: 26px;
    bottom: -29px;

    z-index: 10;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 14px;

    box-sizing: border-box;

    border-radius: 50%;

    background: var(--st-dark);
    color: var(--st-gold);

    border: 3px solid #ffffff;

    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.12);
}


/* SVG INLINE */
.solution-card__icon svg {
    width: 100%;
    height: 100%;

    display: block;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;

    overflow: visible;
}


/* =========================================================
   BODY
========================================================= */

.solution-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 45px 28px 28px;
}


/* =========================================================
   TITULO
========================================================= */

.solution-card__body h3 {
    margin: 0 0 10px;
    padding: 0;

    color: var(--st-dark);

    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}


/* =========================================================
   DESCRIPCION
========================================================= */

.solution-card__body p {
    margin: 0 0 18px;
    padding: 0;

    color: var(--st-text);

    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   LISTA
========================================================= */

.solution-card__body ul {
    margin: 0 0 26px;
    padding: 0;

    list-style: none;
}

.solution-card__body li {
    position: relative;

    margin: 0 0 8px;
    padding-left: 17px;

    color: var(--st-text);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

.solution-card__body li:last-child {
    margin-bottom: 0;
}

.solution-card__body li::before {
    content: "›";

    position: absolute;
    top: -1px;
    left: 0;

    color: var(--st-gold);

    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}


/* =========================================================
   VER MAS
========================================================= */

.solution-card__link {
    margin-top: auto;

    width: fit-content;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    color: var(--st-gold);

    font-size: 15px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none;

    transition:
        gap 0.25s ease,
        opacity 0.25s ease;
}

.solution-card__link:hover {
    gap: 14px;
    opacity: 0.8;
}

.solution-card__link span {
    display: inline-block;

    font-size: 21px;
    line-height: 1;
}


/* =========================================================
   CONSTRUCCION - DOBLE CTA
========================================================= */

.solution-card__actions {
    margin-top: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.solution-card__actions .solution-card__link {
    margin-top: 0;
}

.solution-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 11px 16px;

    border-radius: 6px;

    background: var(--st-dark);
    color: #ffffff;

    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.solution-card__button:hover {
    background: var(--st-gold);
    color: #ffffff;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .surtrade-solutions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .solution-card__image {
        height: 230px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .surtrade-solutions-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .solution-card__image {
        height: 220px;
    }

    .solution-card__icon {
        left: 20px;

        width: 54px;
        height: 54px;

        bottom: -27px;

        padding: 13px;
    }

    .solution-card__body {
        padding:
            42px
            22px
            24px;
    }

    .solution-card__body h3 {
        font-size: 20px;
    }

    .solution-card__body p {
        font-size: 14px;
    }

    .solution-card__body li {
        font-size: 14px;
    }

    .solution-card__actions {
        align-items: flex-start;
        flex-direction: column;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ba6589 *//* =========================================
   SURTRADE - BLOQUE BENEFICIOS
========================================= */

.surtrade-benefits {
    --st-dark: #071522;
    --st-gold: #b88949;
    --st-text: #2b2b2b;
    --st-border: #e6e1da;
    --st-bg: #faf9f7;

    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    background: var(--st-bg);

    border: 1px solid #efebe5;
    border-radius: 8px;

    padding: 22px 10px;

    box-sizing: border-box;
}


/* ITEM */
.surtrade-benefit {
    position: relative;

    display: flex;
    align-items: center;

    gap: 18px;

    padding: 6px 24px;

    min-width: 0;
}


/* DIVISOR */
.surtrade-benefit:not(:last-child)::after {
    content: "";

    position: absolute;
    top: 10%;
    right: 0;

    width: 1px;
    height: 80%;

    background: var(--st-border);
}


/* =========================================
   ICONOS
========================================= */

.surtrade-benefit__icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--st-gold);
}


/* SVG */
.surtrade-benefit__icon svg {
    width: 44px;
    height: 44px;

    display: block;

    fill: none;
    stroke: currentColor;

    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-linejoin: round;

    overflow: visible;
}


/* Primer icono un poco más compacto */
.surtrade-benefit:first-child .surtrade-benefit__icon svg {
    width: 42px;
    height: 42px;
}


/* =========================================
   CONTENIDO
========================================= */

.surtrade-benefit__content {
    min-width: 0;
}

.surtrade-benefit__content h3 {
    margin: 0 0 5px;
    padding: 0;

    color: var(--st-dark);

    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.surtrade-benefit__content p {
    margin: 0;
    padding: 0;

    color: var(--st-text);

    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .surtrade-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        padding: 12px 18px;
    }

    .surtrade-benefit {
        padding: 20px;
        border-bottom: 1px solid var(--st-border);
    }

    .surtrade-benefit:not(:last-child)::after {
        display: none;
    }

    .surtrade-benefit:nth-child(5) {
        border-bottom: none;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .surtrade-benefits {
        grid-template-columns: 1fr;

        padding: 6px 18px;
    }

    .surtrade-benefit {
        padding: 18px 4px;

        gap: 15px;

        border-bottom: 1px solid var(--st-border);
    }

    .surtrade-benefit:last-child {
        border-bottom: none;
    }

    .surtrade-benefit__icon {
        flex: 0 0 44px;

        width: 44px;
        height: 44px;
    }

    .surtrade-benefit__icon svg {
        width: 40px;
        height: 40px;
    }

    .surtrade-benefit:first-child .surtrade-benefit__icon svg {
        width: 38px;
        height: 38px;
    }

    .surtrade-benefit__content h3 {
        font-size: 15px;
    }

    .surtrade-benefit__content p {
        font-size: 13px;
        line-height: 1.45;
    }

}/* End custom CSS */