/* DigiCode v3.7 — Modern Corporate CTA
   Scoped to .digi-cta-corporate so no other homepage section is affected.
*/

.digi-cta-corporate {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 78px 0;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.digi-cta-corporate .cta-overlay-gradient {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 12% 18%, rgba(91, 196, 191, .20), transparent 34%),
        linear-gradient(120deg, rgba(56, 109, 175, .92), rgba(22, 48, 84, .94) 55%, rgba(12, 26, 47, .97));
}

.digi-cta-corporate::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 78%);
}

.digi-cta-corporate .cta-corporate-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr);
    align-items: center;
    gap: clamp(32px, 5vw, 68px);
    max-width: 1120px;
    margin: 0 auto;
}

.digi-cta-corporate .cta-corporate-content {
    text-align: start;
}

.digi-cta-corporate .cta-corporate-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 16px;
    padding: 7px 14px;
    border: 1px solid rgba(117, 226, 221, .34);
    border-radius: 999px;
    background: rgba(91, 196, 191, .14);
    color: #8ee7e3;
    font: 800 .86rem/1.2 var(--font-headers, inherit);
}

.digi-cta-corporate .cta-corporate-content h2 {
    max-width: 720px;
    margin: 0 0 17px;
    color: #fff;
    font: 800 clamp(2rem, 4vw, 3.35rem)/1.22 var(--font-headers, inherit);
    letter-spacing: -.015em;
    text-wrap: balance;
}

.digi-cta-corporate .cta-corporate-description {
    max-width: 700px;
    margin: 0 0 26px;
    color: rgba(255,255,255,.84);
    font: 400 clamp(1rem, 1.5vw, 1.13rem)/1.9 var(--font-main, inherit);
}

.digi-cta-corporate .cta-corporate-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 17px;
}

.digi-cta-corporate .cta-corporate-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 12px 21px;
    border-radius: 14px;
    text-decoration: none;
    font: 800 1rem/1.2 var(--font-headers, inherit);
    box-shadow: 0 12px 28px rgba(6, 18, 34, .20);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.digi-cta-corporate .cta-corporate-actions a svg {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
}

.digi-cta-corporate .cta-corporate-primary {
    background: linear-gradient(135deg, #69d5d2, #4db6bd);
    color: #fff;
}

.digi-cta-corporate .cta-corporate-whatsapp {
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(255,255,255,.10);
    color: #fff;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.digi-cta-corporate .cta-corporate-actions a:hover,
.digi-cta-corporate .cta-corporate-actions a:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 17px 32px rgba(6, 18, 34, .28);
    filter: brightness(1.04);
    outline: none;
}

.digi-cta-corporate .cta-corporate-phone {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 24px;
    color: rgba(255,255,255,.84);
    text-decoration: none;
    font: 700 .95rem/1.5 var(--font-main, inherit);
}

.digi-cta-corporate .cta-corporate-phone bdi {
    color: #fff;
    font-family: var(--font-accent, var(--font-headers, inherit));
    letter-spacing: .02em;
}

.digi-cta-corporate .cta-corporate-phone:hover,
.digi-cta-corporate .cta-corporate-phone:focus-visible {
    color: #fff;
    text-decoration: underline;
    outline: none;
}

.digi-cta-corporate .cta-corporate-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.digi-cta-corporate .cta-corporate-trust > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.78);
    font: 700 .88rem/1.4 var(--font-main, inherit);
}

.digi-cta-corporate .cta-corporate-trust svg {
    width: 18px;
    height: 18px;
    padding: 3px;
    border-radius: 50%;
    background: rgba(91,196,191,.18);
    color: #79ddd9;
    flex: 0 0 auto;
}

.digi-cta-corporate .cta-corporate-newsletter {
    min-width: 0;
}

.digi-cta-corporate .digicode-newsletter {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 24px;
    background: rgba(255,255,255,.97);
    color: #172338;
    box-shadow: 0 24px 54px rgba(5, 18, 34, .25);
    text-align: start;
}

.digi-cta-corporate .digicode-newsletter h3 {
    margin: 0 0 8px;
    color: #172338;
    font: 800 clamp(1.35rem, 2.2vw, 1.85rem)/1.3 var(--font-headers, inherit);
}

.digi-cta-corporate .digicode-newsletter > p {
    margin: 0 0 18px;
    color: #5c687d;
    font: 400 .98rem/1.7 var(--font-main, inherit);
    opacity: 1;
}

.digi-cta-corporate .digicode-newsletter form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    margin: 0;
}

.digi-cta-corporate .digicode-newsletter input[type="email"] {
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 16px;
    border: 1px solid #d6dfeb;
    border-radius: 13px;
    background: #fff;
    color: #172338;
    font: 400 1rem/1 var(--font-main, inherit);
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.digi-cta-corporate .digicode-newsletter input[type="email"]:focus {
    border-color: #3b71b9;
    box-shadow: 0 0 0 4px rgba(59,113,185,.12);
}

.digi-cta-corporate .digicode-newsletter button {
    width: 100%;
    min-height: 50px;
    padding: 0 20px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, #3b71b9, #17335d);
    color: #fff;
    font: 800 1rem/1 var(--font-headers, inherit);
    box-shadow: 0 9px 20px rgba(23,51,93,.20);
    transition: transform .2s ease, filter .2s ease;
}

.digi-cta-corporate .digicode-newsletter button:hover,
.digi-cta-corporate .digicode-newsletter button:focus-visible {
    transform: translateY(-2px);
    filter: brightness(1.05);
    outline: none;
}

.digi-cta-corporate .digicode-newsletter > p:last-child {
    margin-bottom: 0;
}

body.ltr .digi-cta-corporate .cta-corporate-content,
body.ltr .digi-cta-corporate .digicode-newsletter {
    text-align: left;
}

body:not(.ltr) .digi-cta-corporate .cta-corporate-primary svg {
    transform: scaleX(-1);
}

@media (max-width: 960px) {
    .digi-cta-corporate {
        padding: 68px 0;
    }

    .digi-cta-corporate .cta-corporate-shell {
        grid-template-columns: 1fr;
        gap: 30px;
        max-width: 760px;
    }

    .digi-cta-corporate .cta-corporate-newsletter {
        max-width: 620px;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .digi-cta-corporate {
        padding: 54px 0;
    }

    .digi-cta-corporate .cta-corporate-content h2 {
        font-size: 1.78rem;
        line-height: 1.32;
    }

    .digi-cta-corporate .cta-corporate-description {
        margin-bottom: 22px;
        font-size: .98rem;
        line-height: 1.8;
    }

    .digi-cta-corporate .cta-corporate-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .digi-cta-corporate .cta-corporate-actions a {
        width: 100%;
        min-height: 50px;
    }

    .digi-cta-corporate .cta-corporate-trust {
        display: grid;
        gap: 9px;
    }

    .digi-cta-corporate .digicode-newsletter {
        padding: 22px 16px;
        border-radius: 19px;
    }

    .digi-cta-corporate .digicode-newsletter h3 {
        font-size: 1.35rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .digi-cta-corporate .cta-corporate-actions a,
    .digi-cta-corporate .digicode-newsletter button {
        transition: none;
    }
}
