/* Compatibility window for cached Lagom V6.4 markup. */
/*
 * Gigacore Email Transaccional
 * Native Lagom banner-bg donor
 * Version 6.4.0
 */

.graphic-background-gigacore-email {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
    z-index: 0;
}

.graphic-background-gigacore-email
.gc-email-banner-svg {
    position: absolute;
    left: 50%;
    top: 50%;

    width: 100%;
    min-width: 1600px;
    height: auto;
    max-width: none;

    transform: translate(-50%, -50%);
    overflow: visible;
}


/* demo elements we do not need */

.graphic-background-gigacore-email
.svg-banner-lines,

.graphic-background-gigacore-email
.svg-colors,

.graphic-background-gigacore-email
.svg-laptop-screen-logo,

.graphic-background-gigacore-email
.svg-screen-top-logo {
    display: none !important;
}


/* edge panels */

.graphic-background-gigacore-email
.gc-email-app-panel,

.graphic-background-gigacore-email
.gc-email-destination-panel {
    opacity: .56;
}


/* compose / send */

.graphic-background-gigacore-email
.gc-email-compose-card {
    fill: rgba(241, 244, 247, .96);
}

.graphic-background-gigacore-email
.gc-email-compose-envelope {
    fill: none;
    stroke: #ff5a00;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.graphic-background-gigacore-email
.gc-email-compose-line {
    fill: none;
    stroke: #aebdcd;
    stroke-width: 3;
    stroke-linecap: round;
}

.graphic-background-gigacore-email
.gc-email-send-arrow {
    fill: none;
    stroke: #ff5a00;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.graphic-background-gigacore-email
.gc-email-status-dot {
    fill: #43d4c5;
}


/* inbox */

.graphic-background-gigacore-email
.gc-email-inbox-panel {
    fill: rgba(241, 244, 247, .94);
}

.graphic-background-gigacore-email
.gc-email-inbox-avatar {
    fill: #aebdcd;
}

.graphic-background-gigacore-email
.gc-email-inbox-line {
    fill: none;
    stroke: #8fa3b8;
    stroke-width: 3;
    stroke-linecap: round;
}

.graphic-background-gigacore-email
.gc-email-inbox-line-short {
    stroke: #b6c3d0;
}

.graphic-background-gigacore-email
.gc-email-check,

.graphic-background-gigacore-email
.gc-email-check-small,

.graphic-background-gigacore-email
.gc-email-delivered-check {
    fill: none;
    stroke: #43d4c5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.graphic-background-gigacore-email
.gc-email-check {
    stroke-width: 4;
}

.graphic-background-gigacore-email
.gc-email-check-small,

.graphic-background-gigacore-email
.gc-email-delivered-check {
    stroke-width: 3;
}


/* floating email */

.graphic-background-gigacore-email
.gc-email-card {
    fill: #eef2f6;
}

.graphic-background-gigacore-email
.gc-email-envelope-line {
    fill: none;
    stroke: #ff5a00;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}



/* main side devices - V6.4 */

.graphic-background-gigacore-email
.gc-email-device-left,

.graphic-background-gigacore-email
.gc-email-device-right {
    transform-box: fill-box;
    transform-origin: center;
}

.graphic-background-gigacore-email
.gc-email-device-left {
    transform:
        translate(-72px, 8px)
        scale(1.15);
}

.graphic-background-gigacore-email
.gc-email-device-right {
    transform:
        translate(72px, 8px)
        scale(1.15);
}


/* routes */

.graphic-background-gigacore-email
.gc-email-route {
    fill: none;

    stroke: rgba(130, 150, 175, .22);

    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 5 12;

    opacity: .44;

    animation:
        gcEmailRouteFlow 32s linear infinite;
}


/* cubes and nodes */

.graphic-background-gigacore-email
.gc-email-cube-top,

.graphic-background-gigacore-email
.gc-email-node-top {
    fill: #eef2f6;
}

.graphic-background-gigacore-email
.gc-email-cube-left,

.graphic-background-gigacore-email
.gc-email-node-left {
    fill: #aebdcd;
}

.graphic-background-gigacore-email
.gc-email-cube-right,

.graphic-background-gigacore-email
.gc-email-node-right {
    fill: #899db3;
}

.graphic-background-gigacore-email
.gc-email-node-top-2 {
    fill: #dce4ec;
}

.graphic-background-gigacore-email
.gc-email-node-led {
    fill: #43d4c5;

    animation:
        gcEmailLed 6s ease-in-out infinite;
}


/* motion */

.graphic-background-gigacore-email
.gc-email-motion {
    transform-box: fill-box;
    transform-origin: center;
}

.graphic-background-gigacore-email
.gc-email-float-a {
    animation:
        gcEmailFloat 13s ease-in-out infinite;
}

.graphic-background-gigacore-email
.gc-email-float-b {
    animation:
        gcEmailFloat 15s ease-in-out infinite -5s;
}

.graphic-background-gigacore-email
.gc-email-cube-a {
    animation:
        gcEmailCube 12s ease-in-out infinite -3s;
}

.graphic-background-gigacore-email
.gc-email-cube-b {
    animation:
        gcEmailCube 14s ease-in-out infinite -8s;
}

.graphic-background-gigacore-email
.gc-email-node-float-a {
    animation:
        gcEmailNodeFloat 16s ease-in-out infinite -4s;
}

.graphic-background-gigacore-email
.gc-email-node-float-b {
    animation:
        gcEmailNodeFloat 17s ease-in-out infinite -9s;
}


@keyframes gcEmailFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

}


@keyframes gcEmailCube {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


@keyframes gcEmailNodeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

}


@keyframes gcEmailLed {

    0%,
    100% {
        opacity: .50;
    }

    50% {
        opacity: 1;
    }

}


@keyframes gcEmailRouteFlow {

    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -240;
    }

}


/* responsive */


@media (max-width: 1199px) {

    .graphic-background-gigacore-email
    .gc-email-device-left {
        transform:
            translate(-38px, 6px)
            scale(1.08);
    }

    .graphic-background-gigacore-email
    .gc-email-device-right {
        transform:
            translate(38px, 6px)
            scale(1.08);
    }

}

@media (max-width: 1199px) {

    .graphic-background-gigacore-email
    .gc-email-banner-svg {
        min-width: 1500px;
    }

}

@media (max-width: 991px) {

    .graphic-background-gigacore-email {
        opacity: .58;
    }

    .graphic-background-gigacore-email
    .gc-email-route,

    .graphic-background-gigacore-email
    .gc-email-mini-relay {
        display: none;
    }

    .graphic-background-gigacore-email
    .gc-email-banner-svg {
        min-width: 1450px;
    }

}

@media (max-width: 767px) {

    .graphic-background-gigacore-email {
        opacity: .30;
    }

    .graphic-background-gigacore-email
    .gc-email-anchor {
        display: none;
    }

}


/* accessibility */

@media (prefers-reduced-motion: reduce) {

    .graphic-background-gigacore-email * {
        animation: none !important;
        transition: none !important;
    }

}

/* End V6.4 compatibility. Active illustration V6.5 follows. */
/* Gigacore Email Transaccional - Version 6.5.0
   Geometry from the user's licensed Lagom sources. Scoped illustration only. */
.graphic-background-gigacore-email.gc-email-v65 {
    position: absolute !important;
    inset: 0 !important;
    display: block;
    overflow: hidden !important;
    pointer-events: none;
    z-index: 0;
}
.gc-email-v65 > svg.gc65-scene {
    display: block;
    position: absolute;
    left: 50%; top: 50%;
    width: 100%; min-width: 1918px; max-width: none;
    height: auto;
    aspect-ratio: 1918 / 621;
    transform: translate(-50%, -50%);
    overflow: visible;
}
.gc-email-v65 .gc65-cluster {
    transform-box: view-box;
    transform-origin: 0 0;
}
.gc-email-v65 .gc65-connection {
    fill: none;
    stroke: #647c93;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .42;
}
.gc-email-v65 .gc65-mail,
.gc-email-v65 .gc65-relay-cube,
.gc-email-v65 .gc65-ambient {
    transform-box: fill-box;
    transform-origin: center;
}
/* Static positions are ALWAYS on a different, parent element. */
.gc-email-v65 .gc65-mail-left { animation: gc65MailFloat 6.8s ease-in-out infinite; }
.gc-email-v65 .gc65-mail-right { animation: gc65MailFloat 7.4s -3.1s ease-in-out infinite; }
.gc-email-v65 .gc65-relay-cube { animation: gc65PacketLift 5.6s cubic-bezier(.42,0,.58,1) infinite; }
.gc-email-v65 .gc65-relay-cube-1 { animation-delay: -1.8s; }
.gc-email-v65 .gc65-relay-cube-2 { animation-delay: -3.6s; }
.gc-email-v65 .gc65-ambient-left { animation: gc65Ambient 7.6s -1.8s ease-in-out infinite; }
.gc-email-v65 .gc65-ambient-right { animation: gc65Ambient 8.3s -4s ease-in-out infinite; }
.gc-email-v65 .gc65-status { animation: gc65Status 3.6s ease-in-out infinite; }
@keyframes gc65MailFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
@keyframes gc65PacketLift {
    0%,12%,100% { transform: translateY(0); opacity: .95; }
    55%,68% { transform: translateY(-38px); opacity: 1; }
}
@keyframes gc65Ambient {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
@keyframes gc65Status {
    0%,100% { opacity: .5; }
    45%,60% { opacity: 1; }
}
/* Compact desktop: open the sides further without altering the copy. */
@media (min-width: 1200px) and (max-width: 1599px) {
    .gc-email-v65 > svg.gc65-scene { min-width: 0; width: 100%; }
    .gc-email-v65 .gc65-left { transform: translateX(-140px); }
    .gc-email-v65 .gc65-right { transform: translateX(140px); }
    .gc-email-v65 .gc65-ambient-anchor { display: none; }
}
/* The graphic is decorative: do not crowd tablet/mobile text. */
@media (max-width: 1199px) {
    .graphic-background-gigacore-email.gc-email-v65 { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .gc-email-v65 .gc65-mail,
    .gc-email-v65 .gc65-relay-cube,
    .gc-email-v65 .gc65-ambient,
    .gc-email-v65 .gc65-status {
        animation: none !important;
    }
    .gc-email-v65 .gc65-transit { display: none; }
}


/* Gigacore Email Hero - Version 6.6.0.
 * Polish of the installed HERO 6.5 package (not the parallel SVG 6.5 build).
 * The approved hardware scale, coordinates and movement are preserved.
 * These rules do not affect cached V6.5 markup before Lagom is re-saved.
 */
.gc-email-v66 .gc66-groundwork {
    pointer-events: none;
}
.gc-email-v66 .gc66-ground-wash {
    fill: #1d354d;
    fill-opacity: .16;
    stroke: none;
}
.gc-email-v66 .gc66-ground-contour,
.gc-email-v66 .gc66-ground-guide,
.gc-email-v66 .gc66-network-thread,
.gc-email-v66 .gc66-ground-tile {
    fill: none;
    stroke: #658097;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.gc-email-v66 .gc66-ground-contour { stroke-opacity: .28; }
.gc-email-v66 .gc66-ground-guide { stroke-opacity: .13; }
.gc-email-v66 .gc66-network-thread { stroke-opacity: .30; }
.gc-email-v66 .gc66-network-thread-faint { stroke-opacity: .19; }
.gc-email-v66 .gc66-ground-tile {
    fill: #193147;
    fill-opacity: .20;
    stroke-opacity: .25;
}
.gc-email-v66 .gc66-network-node { fill: #7694ab; fill-opacity: .50; }
/* Keep the environment secondary at compact desktop widths. */
@media (min-width: 1200px) and (max-width: 1599px) {
    .gc-email-v66 .gc66-groundwork { opacity: .70; }
    .gc-email-v66 .gc66-ground-guide,
    .gc-email-v66 .gc66-network-thread-faint { display: none; }
}
@media (min-width: 1200px) and (max-width: 1279px) {
    .gc-email-v66 .gc65-left { transform: translateX(-160px); }
    .gc-email-v66 .gc65-right { transform: translateX(160px); }
}


/* Gigacore Email Hero — Version 6.7.0.
 * Edge framing and stronger local ground. Scoped to newly published V6.7.
 * The cluster owns layout; nested mail/packet groups own motion.
 */
.gc-email-v67 > svg.gc65-scene {
    width: 100%;
    min-width: 0;
    top: 50%;
}
.gc-email-v67 .gc65-left { transform: matrix(1.25, 0, 0, 1.25, -298, -95); }
.gc-email-v67 .gc65-right { transform: matrix(1.25, 0, 0, 1.25, -181.5, -95); }
.gc-email-v67 .gc65-ambient-anchor { display: inline; }
.gc-email-v67 .gc66-groundwork { opacity: 1; }
.gc-email-v67 .gc66-ground-wash { fill: #28435b; fill-opacity: .23; }
.gc-email-v67 .gc66-ground-contour { stroke: #7594ab; stroke-opacity: .46; }
.gc-email-v67 .gc66-ground-guide { display: inline; stroke-opacity: .22; }
.gc-email-v67 .gc66-network-thread { stroke: #7895ab; stroke-opacity: .43; }
.gc-email-v67 .gc66-network-thread-faint { display: inline; stroke-opacity: .25; }
.gc-email-v67 .gc66-ground-tile { fill-opacity: .35; stroke-opacity: .38; }
.gc-email-v67 .gc66-network-node { fill-opacity: .58; }
.gc-email-v67 .gc65-connection { opacity: .60; }
/* Keep the full text corridor clear on compact desktops. */
@media (min-width: 1200px) and (max-width: 1399px) {
    .gc-email-v67 .gc65-left { transform: matrix(1.25, 0, 0, 1.25, -363, -95); }
    .gc-email-v67 .gc65-right { transform: matrix(1.25, 0, 0, 1.25, -116.5, -95); }
    .gc-email-v67 .gc66-ground-guide,
    .gc-email-v67 .gc66-network-thread-faint { display: none; }
}
/* Tablet/mobile and reduced-motion behavior are inherited unchanged from V6.6. */


/* Gigacore Email Hero — Version 6.8.0.
 * V6.7 composition preserved. Continuous connections and separated packets.
 */
.gc-email-v68 .gc68-mail-stem {
    transform-box: view-box;
    transform-origin: 0 0;
}
/* Same duration, phase and easing as the connected envelope. */
.gc-email-v68 .gc68-mail-stem-left { animation: gc68StemLeft 6.8s ease-in-out infinite; }
.gc-email-v68 .gc68-mail-stem-right { animation: gc68StemRight 7.4s -3.1s ease-in-out infinite; }
@keyframes gc68StemLeft {
    0%,100% { transform: scaleY(1); }
    50% { transform: scaleY(1.434782608695652); }
}
@keyframes gc68StemRight {
    0%,100% { transform: scaleY(1); }
    50% { transform: scaleY(1.357142857142857); }
}
.gc-email-v68 .gc65-relay-cube { animation-name: gc68PacketLift; }
@keyframes gc68PacketLift {
    0%,12%,100% { transform: translateY(0); opacity: .95; }
    55%,68% { transform: translateY(-18px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .gc-email-v68 .gc68-mail-stem { animation: none !important; }
}