/* =========================================================
   APÓSTOLA PATRICIA SANTANA
   SITE AZUL + PRATA METÁLICO
   CSS COMPLETO DA HOME
========================================================= */

/* =========================================================
   VARIÁVEIS / RESET
========================================================= */

:root {
    --navy: #052f5f;
    --navy-dark: #031d3b;
    --blue: #087fc6;
    --blue-light: #38ace8;
    --silver: #d9e2e8;
    --silver-light: #f5f8fa;
    --text: #19364f;
    --muted: #61788b;
    --line: #c8d5dd;
    --white: #ffffff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Montserrat", Arial, sans-serif;
    color: var(--text);
    background: #ffffff;
    overflow-x: hidden;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

.wrap {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.header {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 56%,
            #f4f8fb 100%
        );
    border-bottom: 1px solid #d8e2e9;
    box-shadow: 0 5px 22px rgba(4, 46, 87, 0.05);
}

.navwrap {
    min-height: 98px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-shrink: 0;
}

.brand img {
    width: 92px;
    height: 78px;
    object-fit: contain;
}

.brand span {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.brand strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 1px;
    color: #073f78;
    white-space: nowrap;
}

.brand small {
    margin-top: 8px;
    color: #087fc6;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 1;
    white-space: nowrap;
}

.header nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 30px;
}

.header nav a {
    position: relative;
    padding: 39px 0 35px;
    color: #061f38;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.header nav a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 22px;
    width: 0;
    height: 2px;
    background: #0787d4;
    transform: translateX(-50%);
    transition: width 0.25s ease;
}

.header nav a:hover::after,
.header nav a.active::after {
    width: 100%;
}

.header nav a:hover,
.header nav a.active {
    color: #087fc6;
}

.topbtn {
    flex-shrink: 0;
    min-width: 140px;
    padding: 13px 15px;
    border-radius: 6px;
    background:
        linear-gradient(
            135deg,
            #056cae 0%,
            #0b8bd3 55%,
            #056aa9 100%
        );
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(5, 105, 170, 0.22);
    transition: 0.25s ease;
}

.topbtn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(5, 105, 170, 0.3);
}

.menu {
    display: none;
    border: 0;
    background: transparent;
    color: #073f78;
    font-size: 27px;
    cursor: pointer;
}


/* =========================================================
   ELEMENTOS GERAIS
========================================================= */

.eyebrow {
    margin-bottom: 18px;
    color: #087fc6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.eyebrow.light {
    color: #5bc4ff;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 27px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.6px;
    transition: 0.25s ease;
}

.btn.primary {
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #034e8c,
            #078bd3 55%,
            #034e8c
        );
    box-shadow: 0 10px 25px rgba(2, 75, 135, 0.22);
}

.btn.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(2, 75, 135, 0.3);
}

.btn.secondary {
    color: #073f78;
    border: 1px solid #9eb5c5;
    background: rgba(255, 255, 255, 0.55);
}

.btn.secondary:hover {
    border-color: #087fc6;
    background: #ffffff;
}

.btn.white {
    color: #073f78;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.13);
}


/* =========================================================
   HERO
========================================================= */

.hero {
    position: relative;
    overflow: hidden;
    padding: 105px 0 92px;

    background:
        radial-gradient(
            circle at 80% 24%,
            rgba(255, 255, 255, 0.95) 0,
            rgba(255, 255, 255, 0.3) 22%,
            transparent 43%
        ),
        linear-gradient(
            118deg,
            #edf2f5 0%,
            #cbd5dc 29%,
            #f9fafb 53%,
            #bcc9d2 77%,
            #edf3f6 100%
        );
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.25;
    pointer-events: none;
    background:
        repeating-linear-gradient(
            105deg,
            transparent 0,
            transparent 4px,
            rgba(255,255,255,0.4) 5px,
            transparent 6px
        );
}

.hero::after {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    right: -270px;
    top: -260px;
    border: 75px solid rgba(4, 111, 180, 0.08);
    border-radius: 50%;
}

.hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 85px;
}

.hero h1 {
    max-width: 690px;
    color: #07375f;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(52px, 5vw, 78px);
    font-weight: 600;
    line-height: 0.93;
    letter-spacing: -2px;
}

.hero h1 em {
    color: #0786d1;
    font-weight: 500;
}

.lead {
    max-width: 600px;
    margin-top: 28px;
    color: #536f82;
    font-size: 15px;
    line-height: 1.9;
}

.actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 34px;
}

.hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 46px;
    padding-top: 25px;
    border-top: 1px solid rgba(7, 63, 120, 0.18);
}

.hero-tags span {
    color: #0786d1;
    font-family: Georgia, serif;
    font-size: 14px;
}

.hero-tags b {
    margin-left: 7px;
    color: #19364f;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.hero-art {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chrome {
    position: relative;
    width: min(420px, 100%);
    padding: 10px;
    border-radius: 210px 210px 22px 22px;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #8f9ca5 16%,
            #ffffff 31%,
            #057fc7 46%,
            #dce4e9 62%,
            #ffffff 78%,
            #537181 100%
        );
    box-shadow:
        0 28px 50px rgba(5, 42, 72, 0.18),
        0 0 0 1px rgba(6, 72, 120, 0.18);
}

.photo {
    height: 500px;
    border-radius: 200px 200px 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 25%,
            #ffffff 0%,
            #edf2f5 30%,
            #aab8c2 72%,
            #708592 100%
        );
}

.photo span {
    color: rgba(5, 66, 112, 0.26);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 100px;
    font-weight: 600;
}

.photo small {
    color: #456478;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 3px;
}

.floating {
    position: absolute;
    right: -15px;
    bottom: 45px;
    min-width: 245px;
    padding: 20px 25px;
    border: 1px solid rgba(255,255,255,0.75);
    border-radius: 8px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.94),
            rgba(213,226,235,0.94)
        );
    box-shadow: 0 18px 38px rgba(5, 49, 84, 0.18);
}

.floating small {
    display: block;
    margin-bottom: 7px;
    color: #0786d1;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.floating strong {
    color: #073f78;
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 1.25;
}


/* =========================================================
   TRAJETÓRIA — CARDS COM IMAGENS
========================================================= */

.trajetoria-nova {
    position: relative;
    padding: 78px 0 72px;
    overflow: hidden;
    border-top: 1px solid #c8d7e1;
    border-bottom: 1px solid #c8d7e1;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.82) 24%, transparent 48%),
        linear-gradient(120deg, #edf4f8 0%, #fff 28%, #e5eff5 52%, #fff 74%, #e8f1f6 100%);
}

.trajetoria-nova::before,
.trajetoria-nova::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    border: 72px solid rgba(15,133,205,.045);
    border-radius: 50%;
    pointer-events: none;
}

.trajetoria-nova::before { left: -330px; top: -260px; }
.trajetoria-nova::after { right: -330px; bottom: -300px; }

.trajetoria-showcase {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .92fr .92fr 1.65fr .92fr .92fr;
    align-items: center;
    gap: 18px;
}

.trajetoria-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(8,92,151,.12);
    border-radius: 18px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 18px 38px rgba(10,68,108,.10);
    transition: .25s ease;
}

.trajetoria-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 46px rgba(10,68,108,.16);
}

.trajetoria-card > img {
    width: 100%;
    height: 185px;
    object-fit: cover;
}

.trajetoria-card-copy {
    min-height: 176px;
    padding: 22px 15px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.trajetoria-card-copy h3 {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #073f72;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.trajetoria-card-copy > span {
    width: 42px;
    height: 2px;
    margin: 15px 0;
    background: linear-gradient(90deg, #0a73b8, #35b8f2);
}

.trajetoria-card-copy p {
    color: #617b8e;
    font-size: 11px;
    line-height: 1.65;
}

.trajetoria-centro {
    min-width: 0;
    padding: 0 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.trajetoria-centro small {
    color: #087fc6;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 5px;
}

.trajetoria-mini-line {
    width: 48px;
    height: 2px;
    margin: 15px 0 22px;
    background: linear-gradient(90deg, transparent, #1596dc, transparent);
}

.trajetoria-centro h2 {
    margin: 0;
    color: #073f72;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(45px, 4vw, 64px);
    font-weight: 600;
    line-height: .84;
    letter-spacing: -1px;
}

.trajetoria-centro h2 em {
    color: #078bd3;
    font-weight: 500;
}

.trajetoria-ornamento {
    width: 100%;
    margin: 25px 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
}

.trajetoria-ornamento i {
    width: 90px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #78a9c8);
}

.trajetoria-ornamento i:last-child { transform: rotate(180deg); }

.trajetoria-ornamento b {
    color: #0786d1;
    font-size: 25px;
    font-weight: 400;
}

.trajetoria-frase {
    margin: 0;
    color: #153f67;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 25px;
    line-height: 1.15;
}

.trajetoria-frase em {
    color: #078bd3;
    font-weight: 600;
}

.trajetoria-impacto {
    margin-top: 15px;
    color: #073f72;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.trajetoria-link {
    margin-top: 24px;
    padding: 12px 25px;
    border: 1px solid #168dd1;
    border-radius: 28px;
    color: #087fc6;
    background: rgba(255,255,255,.58);
    font-size: 9px;
    font-weight: 800;
    transition: .25s ease;
}

.trajetoria-link:hover {
    color: #fff;
    background: #087fc6;
}


/* =========================================================
   CURSOS
========================================================= */

.courses {
    position: relative;
    padding: 100px 0 110px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 15%,
            rgba(20, 138, 210, 0.22),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #021a31 0%,
            #063d70 47%,
            #02172c 100%
        );
}

.courses::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background:
        repeating-linear-gradient(
            115deg,
            transparent 0,
            transparent 5px,
            rgba(255,255,255,0.15) 6px
        );
}

.courses .wrap {
    position: relative;
    z-index: 2;
}

.section-head {
    margin-bottom: 42px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.section-head h2 {
    max-width: 680px;
    color: #ffffff;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(39px, 4vw, 58px);
    font-weight: 500;
    line-height: 1;
}

.section-head h2 em {
    color: #68c9ff;
    font-weight: 500;
}

.section-head > a {
    padding-bottom: 7px;
    color: #7fd1ff;
    border-bottom: 1px solid #7fd1ff;
    font-size: 10px;
    font-weight: 800;
}

.cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.cards article {
    overflow: hidden;
    border: 1px solid rgba(180, 222, 246, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,0.11),
            rgba(255,255,255,0.035)
        );
    box-shadow: 0 20px 40px rgba(0,0,0,0.16);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.cards article:hover {
    transform: translateY(-6px);
    border-color: rgba(100, 199, 255, 0.6);
}

.cards article > img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.cards article > div {
    padding: 24px 22px 26px;
}

.cards h3 {
    color: #ffffff;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 27px;
    font-weight: 600;
}

.cards p {
    min-height: 58px;
    margin-top: 10px;
    color: #bed1de;
    font-size: 12px;
    line-height: 1.65;
}

.cards a {
    display: inline-block;
    margin-top: 18px;
    color: #5cc5ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* =========================================================
   BATALHA ESPIRITUAL
========================================================= */

.feature {
    padding: 100px 0;
    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #f9fafb 0%,
            #d6dfe4 34%,
            #ffffff 58%,
            #c4d0d7 100%
        );
}

.feature-grid {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: center;
    gap: 75px;
}

.feature h2 {
    color: #073b68;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(42px, 4vw, 61px);
    font-weight: 500;
    line-height: 1;
}

.feature h2 em {
    color: #0786d1;
    font-weight: 500;
}

.feature p:not(.eyebrow) {
    max-width: 560px;
    margin: 25px 0 30px;
    color: #587185;
    font-size: 14px;
    line-height: 1.8;
}

.bible {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bible::before {
    content: "";
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 135, 215, 0.2), transparent 67%);
}

.bible img {
    position: relative;
    z-index: 2;
    width: min(570px, 100%);
    filter: drop-shadow(0 24px 25px rgba(3, 45, 78, 0.22));
}


/* =========================================================
   AGENDA
========================================================= */

.agenda {
    padding: 95px 0;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(31, 150, 220, 0.12),
            transparent 50%
        ),
        #ffffff;
}

.center {
    text-align: center;
}

.agenda h2 {
    color: #073f72;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(42px, 4vw, 58px);
    font-weight: 500;
}

.agenda h2 em {
    color: #0786d1;
}

.agenda .center > p:last-child {
    margin-top: 17px;
    color: #637b8c;
    font-size: 14px;
}


/* =========================================================
   CONTATO
========================================================= */

.contact {
    padding: 80px 0;
    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(29, 151, 224, 0.25),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #021a31,
            #064579 58%,
            #02213d
        );
}

.contact-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.contact h2 {
    color: #ffffff;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 52px;
    font-weight: 500;
}

.contact h2 em {
    color: #64c9ff;
}

.contact p:not(.eyebrow) {
    max-width: 650px;
    margin-top: 14px;
    color: #c1d4df;
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   DÍZIMOS E OFERTAS
========================================================= */

.offers {
    padding: 95px 0;
    background:
        linear-gradient(
            115deg,
            #f7f9fa,
            #d9e1e6 48%,
            #f9fafb
        );
}

.offers-grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    align-items: center;
    gap: 75px;
}

.offers img {
    width: 100%;
    max-height: 440px;
    object-fit: contain;
    filter: drop-shadow(0 20px 25px rgba(6, 56, 91, 0.15));
}

.offers h2 {
    color: #073f72;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(42px, 4vw, 60px);
    font-weight: 500;
}

.offers h2 em {
    color: #0786d1;
}

.offers p:not(.eyebrow) {
    max-width: 580px;
    margin-top: 20px;
    color: #5c7485;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   RODAPÉ PREMIUM
   PRATA METÁLICO + AZUL
========================================================= */

.footer-premium {
    position: relative;
    width: 100%;
    color: #0b3158;
    font-family: "Montserrat", Arial, sans-serif;
    overflow: hidden;
}

.footer-metal {
    position: relative;
    padding: 48px 0 40px;
    border-top: 3px solid #0b6fae;
    border-bottom: 2px solid #0b6fae;

    background:
        radial-gradient(
            circle at 48% 38%,
            rgba(255,255,255,0.96) 0%,
            rgba(255,255,255,0.46) 25%,
            transparent 50%
        ),
        linear-gradient(
            105deg,
            #c8d2d8 0%,
            #f9fafb 15%,
            #b9c5cc 32%,
            #f4f6f7 51%,
            #aebbc4 69%,
            #eef2f4 86%,
            #b9c6cd 100%
        );
}

.footer-metal::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.35;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.12) 0,
            rgba(255,255,255,0.12) 1px,
            rgba(20,54,76,0.035) 2px,
            transparent 3px
        );
}

.footer-metal::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 5px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #30c7ff 12%,
            #ffffff 18%,
            #0b4c84 32%,
            #ffffff 50%,
            #148ed3 70%,
            #ffffff 84%,
            transparent
        );
    box-shadow: 0 0 15px rgba(20, 153, 222, 0.8);
}

.footer-premium-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.85fr 1.65fr 0.85fr 1fr;
    align-items: stretch;
}

.footer-col {
    padding: 12px 36px;
    border-right: 1px solid rgba(8, 63, 107, 0.55);
}

.footer-nav {
    padding-left: 0;
}

.footer-social {
    padding-right: 0;
    border-right: 0;
}

.footer-col h4 {
    margin: 0;
    color: #073d72;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
}

.footer-title-line {
    display: block;
    width: 50px;
    height: 3px;
    margin: 15px 0 18px;
    background:
        linear-gradient(
            90deg,
            #087fc6,
            #073d72
        );
}

.footer-col > a {
    display: block;
    width: fit-content;
    margin: 0 0 11px;
    color: #102f4b;
    font-size: 12px;
    line-height: 1.3;
    transition: 0.2s ease;
}

.footer-col > a:hover {
    color: #0786d1;
    transform: translateX(3px);
}

.footer-logo-area {
    min-width: 0;
    padding: 0 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid rgba(8, 63, 107, 0.55);
}

.footer-logo-area img {
    display: block;
    width: 100%;
    max-width: 430px;
    height: auto;
    max-height: 190px;
    object-fit: contain;
}

.footer-logo-area p {
    margin-top: 12px;
    color: #34566e;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 17px;
    font-style: italic;
}

.social-buttons {
    display: flex;
    gap: 12px;
    margin: 0 0 19px;
}

.social-buttons a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #91a8b7;
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            #168cd1,
            #06477e 55%,
            #032c52
        );

    color: #ffffff;
    font-size: 14px;
    font-weight: 800;

    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,0.28),
        0 6px 12px rgba(4, 53, 89, 0.18);

    transition: 0.2s ease;
}

.social-buttons a:hover {
    transform: translateY(-3px);
    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,0.35),
        0 9px 17px rgba(4, 53, 89, 0.26);
}

.footer-social > p {
    max-width: 260px;
    margin: 0 0 20px;
    color: #49677d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.65;
}

.footer-social .footer-whatsapp {
    width: 100%;
    max-width: 245px;
    min-height: 48px;
    margin: 0;
    padding: 0 18px;

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

    border: 1px solid #6bb8e5;
    border-radius: 30px;

    background:
        linear-gradient(
            105deg,
            #073d72,
            #087fc6,
            #064a80
        );

    color: #ffffff;

    box-shadow:
        0 10px 22px rgba(4, 65, 108, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.24);
}

.footer-social .footer-whatsapp:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

.footer-whatsapp strong {
    font-size: 11px;
    letter-spacing: 0.3px;
}

.wa-icon {
    font-size: 16px;
}

.wa-arrow {
    font-size: 19px;
}


/* =========================================================
   FAIXA INFERIOR DO RODAPÉ
========================================================= */

.footer-bottom-premium {
    position: relative;
    min-height: 84px;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(30, 131, 200, 0.28),
            transparent 45%
        ),
        linear-gradient(
            105deg,
            #031b35,
            #0a3f72 46%,
            #031b35
        );

    border-bottom: 1px solid #1c83c0;
}

.footer-bottom-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.16;
    pointer-events: none;
    background:
        repeating-linear-gradient(
            115deg,
            transparent 0,
            transparent 5px,
            rgba(255,255,255,0.1) 6px
        );
}

.footer-bottom-content {
    position: relative;
    z-index: 2;
    min-height: 84px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 25px;
}

.footer-bottom-content > p {
    color: #d6e1e8;
    font-size: 10px;
}

.footer-diamond {
    position: relative;
    color: #a9dcf6;
    font-size: 27px;
}

.footer-diamond::before,
.footer-diamond::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 145px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(214,236,248,0.75)
        );
}

.footer-diamond::before {
    right: 32px;
}

.footer-diamond::after {
    left: 32px;
    transform: rotate(180deg);
}

.footer-legal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
}

.footer-legal a {
    color: #c6d6e0;
    font-size: 10px;
}

.footer-legal a:hover {
    color: #ffffff;
}

.footer-legal i {
    width: 1px;
    height: 13px;
    background: rgba(198, 214, 224, 0.55);
}


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

@media (max-width: 1150px) {

    .navwrap {
        gap: 18px;
    }

    .brand strong {
        font-size: 9px;
    }

    .brand small {
        letter-spacing: 1.8px;
    }

    .header nav {
        gap: 18px;
    }

    .header nav a {
        font-size: 10px;
    }

    .topbtn {
        min-width: 120px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-grid {
        gap: 45px;
    }

    .trajetoria-layout {
        grid-template-columns: 1fr;
    }

    .trajetoria-centro {
        order: -1;
        padding-bottom: 50px;
    }

    .trajetoria-item {
        min-height: 210px;
    }

    .trajetoria-lado:first-child .trajetoria-item:first-child {
        border-left: 1px solid #aabdc7;
    }

    .cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-premium-grid {
        grid-template-columns: 1fr 1.4fr;
    }

    .footer-col,
    .footer-logo-area {
        border-bottom: 1px solid rgba(8, 63, 107, 0.35);
    }

    .footer-logo-area {
        border-right: 0;
    }

    .footer-ministerio {
        padding-left: 0;
        border-bottom: 0;
    }

    .footer-social {
        border-bottom: 0;
    }
}


/* =========================================================
   MENU MOBILE / TABLET
========================================================= */

@media (max-width: 900px) {

    .wrap {
        width: min(100% - 34px, 1180px);
    }

    .navwrap {
        position: relative;
        min-height: 80px;
    }

    .brand img {
        width: 67px;
        height: 59px;
    }

    .brand strong {
        font-size: 17px;
    }

    .brand small {
        margin-top: 5px;
        font-size: 7px;
        letter-spacing: 2px;
    }

    .menu {
        display: block;
        margin-left: auto;
    }

    .topbtn {
        display: none;
    }

    .header nav {
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;

        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;

        padding: 12px 18px 20px;

        background: rgba(255,255,255,0.98);
        border-top: 1px solid #dbe5eb;
        border-bottom: 1px solid #c8d6df;

        box-shadow: 0 15px 30px rgba(3, 42, 70, 0.12);
    }

    .header nav.open {
        display: flex;
    }

    .header nav a {
        width: 100%;
        padding: 15px 4px;
        border-bottom: 1px solid #e4ebef;
        font-size: 12px;
    }

    .header nav a::after {
        display: none;
    }

    .hero {
        padding: 72px 0;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .hero-art {
        min-height: 460px;
    }

    .chrome {
        max-width: 360px;
    }

    .photo {
        height: 430px;
    }

    .floating {
        right: 5%;
    }

    .feature-grid,
    .offers-grid {
        grid-template-columns: 1fr;
    }

    .bible {
        margin-top: 20px;
    }

    .offers img {
        max-height: 350px;
    }

    .contact-grid {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* =========================================================
   CELULAR
========================================================= */

@media (max-width: 650px) {

    .wrap {
        width: calc(100% - 30px);
    }

    .header {
        position: sticky;
    }

    .navwrap {
        min-height: 74px;
        gap: 10px;
    }

    .brand {
        gap: 8px;
        min-width: 0;
    }

    .brand img {
        width: 57px;
        height: 52px;
    }

    .brand span {
        min-width: 0;
    }

    .brand strong {
        font-size: 15px;
        letter-spacing: 0.4px;
    }

    .brand small {
        font-size: 10px;
        letter-spacing: 1.5px;
        white-space: nowrap;
    }

    .menu {
        flex-shrink: 0;
        font-size: 24px;
    }

    .header nav {
        top: 74px;
    }

    .hero {
        padding: 58px 0 62px;
    }

    .eyebrow {
        margin-bottom: 14px;
        font-size: 9px;
        letter-spacing: 2.6px;
    }

    .hero h1 {
        font-size: 47px;
        letter-spacing: -1px;
    }

    .lead {
        margin-top: 22px;
        font-size: 13px;
        line-height: 1.75;
    }

    .actions {
        flex-direction: column;
    }

    .actions .btn {
        width: 100%;
    }

    .hero-tags {
        display: grid;
        grid-template-columns: 1fr;
        gap: 11px;
        margin-top: 32px;
    }

    .hero-art {
        min-height: 410px;
    }

    .chrome {
        width: 290px;
    }

    .photo {
        height: 375px;
    }

    .photo span {
        font-size: 80px;
    }

    .floating {
        right: 0;
        bottom: 20px;
        min-width: 210px;
        padding: 17px 20px;
    }

    .trajetoria-nova {
        padding: 65px 0;
    }

    .trajetoria-centro {
        padding: 0 5px 40px;
    }

    .trajetoria-centro h2 {
        font-size: 43px;
    }

    .trajetoria-lado {
        grid-template-columns: 1fr;
    }

    .trajetoria-item {
        min-height: 185px;
        border-right: 1px solid #aabdc7;
        border-bottom: 1px solid #aabdc7;
    }

    .courses {
        padding: 70px 0;
    }

    .section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .section-head h2 {
        font-size: 43px;
    }

    .cards {
        grid-template-columns: 1fr;
    }

    .cards p {
        min-height: auto;
    }

    .feature,
    .agenda,
    .offers {
        padding: 70px 0;
    }

    .feature h2,
    .offers h2 {
        font-size: 43px;
    }

    .contact {
        padding: 65px 0;
    }

    .contact h2 {
        font-size: 45px;
    }

    .contact .btn {
        width: 100%;
    }

    .footer-metal {
        padding: 45px 0 30px;
    }

    .footer-premium-grid {
        grid-template-columns: 1fr;
    }

    .footer-col,
    .footer-nav,
    .footer-ministerio,
    .footer-social,
    .footer-logo-area {
        padding: 28px 4px;
        border-right: 0;
        border-bottom: 1px solid rgba(8, 63, 107, 0.28);
    }

    .footer-nav {
        padding-top: 0;
    }

    .footer-logo-area {
        order: -1;
        padding-top: 0;
    }

    .footer-logo-area img {
        max-width: 330px;
    }

    .footer-logo-area p {
        font-size: 16px;
    }

    .footer-col h4 {
        font-size: 18px;
    }

    .footer-social {
        border-bottom: 0;
    }

    .footer-social .footer-whatsapp {
        max-width: 100%;
    }

    .footer-bottom-content {
        min-height: 130px;
        padding: 24px 0;
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        gap: 13px;
    }

    .footer-diamond {
        display: none;
    }

    .footer-legal {
        justify-content: center;
        flex-wrap: wrap;
    }
}


/* =========================================================
   CELULARES PEQUENOS
========================================================= */

@media (max-width: 390px) {

    .brand strong {
        font-size: 13px;
    }

    .brand small {
        font-size: 5.5px;
        letter-spacing: 1.1px;
    }

    .brand img {
        width: 51px;
    }

    .hero h1 {
        font-size: 41px;
    }

    .trajetoria-centro h2,
    .section-head h2,
    .feature h2,
    .offers h2 {
        font-size: 38px;
    }
}

/* =========================================================
   RESPONSIVIDADE — NOVA TRAJETÓRIA
========================================================= */
@media (max-width: 1150px) {
    .trajetoria-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 820px;
    }
    .trajetoria-centro {
        grid-column: 1 / -1;
        grid-row: 1;
        padding: 0 20px 42px;
    }
    .trajetoria-card > img { height: 230px; }
}

@media (max-width: 700px) {
    .trajetoria-nova { padding: 62px 0; }
    .trajetoria-showcase {
        grid-template-columns: 1fr;
        width: min(100% - 34px, 520px);
        gap: 18px;
    }
    .trajetoria-centro {
        grid-column: auto;
        padding: 0 0 30px;
    }
    .trajetoria-centro small {
        font-size: 9px;
        letter-spacing: 3px;
    }
    .trajetoria-centro h2 {
        font-size: clamp(43px, 13vw, 58px);
    }
    .trajetoria-frase { font-size: 23px; }
    .trajetoria-impacto {
        max-width: 330px;
        font-size: 13px;
        line-height: 1.45;
    }
    .trajetoria-card > img { height: 250px; }
    .trajetoria-card-copy { min-height: 155px; }
}

/* =========================================================
   AJUSTES FINAIS DA HOME — V7
========================================================= */

/* Barra metálica azul/prata entre o menu e o banner */
.header {
    position: sticky;
}

.header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    z-index: 5;
    background:
        linear-gradient(
            90deg,
            #053c72 0%,
            #0b86cc 18%,
            #d9f1ff 34%,
            #ffffff 50%,
            #9fdcff 63%,
            #0b86cc 82%,
            #053c72 100%
        );
    box-shadow:
        0 2px 8px rgba(5, 111, 174, 0.28),
        0 0 8px rgba(63, 186, 244, 0.22);
}

/* Mostra a arte completa dos cursos para não cortar a palavra CURSO */
.cards article > img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center top;
    background: #031f3b;
}

/* =========================================================
   INSTAGRAM + CONTATO
========================================================= */

.social-contact {
    position: relative;
    overflow: hidden;
    padding: 78px 0;
    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(33, 159, 229, 0.28),
            transparent 31%
        ),
        linear-gradient(
            120deg,
            #021a31 0%,
            #063d70 48%,
            #07558e 100%
        );
}

.social-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.11;
    background:
        repeating-linear-gradient(
            115deg,
            transparent 0,
            transparent 5px,
            rgba(255,255,255,0.14) 6px
        );
}

.social-contact-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) auto;
    align-items: center;
    gap: 70px;
}

.social-contact-copy h2 {
    max-width: 850px;
    color: #ffffff;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(43px, 4vw, 62px);
    font-weight: 500;
    line-height: 0.98;
}

.social-contact-copy h2 em {
    color: #68c9ff;
    font-weight: 500;
}

.social-contact-copy > p:last-child {
    max-width: 700px;
    margin-top: 20px;
    color: #c3d9e6;
    font-size: 13px;
    line-height: 1.8;
}

.social-contact-actions {
    min-width: 235px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.social-btn {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .35px;
    transition: .25s ease;
}

.instagram-btn {
    color: #073f78;
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(0,0,0,.14);
}

.instagram-btn:hover {
    transform: translateY(-2px);
    background: #edf8ff;
}

.whatsapp-btn {
    color: #ffffff;
    border: 1px solid rgba(137, 218, 255, .55);
    background:
        linear-gradient(
            110deg,
            #073d72,
            #087fc6,
            #06548e
        );
    box-shadow: 0 12px 26px rgba(0,0,0,.16);
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    color: #ffffff;
}

.social-wa-icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.social-wa-icon svg {
    width: 20px;
    height: 20px;
    display: block;
    fill: currentColor;
}

/* =========================================================
   RODAPÉ — SEMINÁRIOS + NOVA ASSINATURA
========================================================= */

.footer-logo-area .footer-ministry-words {
    margin: 14px 0 0;
    color: #073d72;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.65;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.footer-logo-area .footer-ministry-words span {
    padding: 0 3px;
    color: #0b8bd3;
}

.footer-logo-area .footer-ministry-purpose {
    margin: 7px 0 0;
    color: #49677d;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 19px;
    font-style: italic;
    line-height: 1.25;
}

.footer-whatsapp .wa-icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
}

.footer-whatsapp .wa-icon svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: currentColor;
}

/* =========================================================
   RESPONSIVIDADE DOS NOVOS AJUSTES
========================================================= */

@media (max-width: 900px) {
    .social-contact-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .social-contact-actions {
        min-width: 0;
        width: min(100%, 360px);
        flex-direction: row;
    }

    .social-btn {
        flex: 1;
    }
}

@media (max-width: 620px) {
    .header::after {
        bottom: -3px;
        height: 3px;
    }

    .social-contact {
        padding: 62px 0;
    }

    .social-contact-copy h2 {
        font-size: clamp(40px, 12vw, 52px);
    }

    .social-contact-actions {
        width: 100%;
        flex-direction: column;
    }

    .social-btn {
        width: 100%;
    }

    .footer-logo-area .footer-ministry-words {
        max-width: 310px;
        font-size: 8px;
        line-height: 1.7;
        letter-spacing: .65px;
    }

    .footer-logo-area .footer-ministry-purpose {
        max-width: 290px;
        font-size: 15px;
    }
}


/* =========================================================
   AJUSTES V8 — BATALHA + TRAJETÓRIA MOBILE
========================================================= */

/* ---------------------------------------------------------
   BATALHA ESPIRITUAL — MENOS ESPAÇAMENTO
--------------------------------------------------------- */

.feature {
    padding-top: 68px;
    padding-bottom: 68px;
}

.feature-grid {
    gap: 60px;
}

.feature p:not(.eyebrow) {
    margin-top: 20px;
    margin-bottom: 25px;
}


/* ---------------------------------------------------------
   TRAJETÓRIA — CELULAR COM 2 CARDS POR LINHA
--------------------------------------------------------- */

@media (max-width: 700px) {

    .trajetoria-nova {
        padding: 52px 0 56px;
    }

    .trajetoria-showcase {
        width: min(100% - 24px, 560px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        align-items: stretch;
    }

    .trajetoria-centro {
        grid-column: 1 / -1;
        grid-row: 1;
        padding: 0 10px 28px;
    }

    .trajetoria-card {
        width: 100%;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
    }

    .trajetoria-card > img {
        width: 100%;
        height: 135px;
        aspect-ratio: auto;
        object-fit: cover;
        object-position: center;
    }

    .trajetoria-card-copy {
        min-height: 145px;
        flex: 1;
        padding: 16px 8px 17px;
    }

    .trajetoria-card-copy h3 {
        min-height: 39px;
        font-size: 9px;
        line-height: 1.35;
    }

    .trajetoria-card-copy > span {
        width: 34px;
        height: 2px;
        margin: 11px 0;
    }

    .trajetoria-card-copy p {
        font-size: 8.5px;
        line-height: 1.55;
    }

    .trajetoria-centro small {
        font-size: 8px;
        letter-spacing: 2.5px;
    }

    .trajetoria-mini-line {
        margin: 12px 0 18px;
    }

    .trajetoria-centro h2 {
        font-size: clamp(41px, 12vw, 54px);
        line-height: .88;
    }

    .trajetoria-ornamento {
        margin: 20px 0 17px;
    }

    .trajetoria-ornamento i {
        width: 65px;
    }

    .trajetoria-frase {
        font-size: 21px;
    }

    .trajetoria-impacto {
        margin-top: 12px;
        max-width: 300px;
        font-size: 11px;
        line-height: 1.45;
        letter-spacing: 1px;
    }

    .trajetoria-link {
        margin-top: 19px;
        padding: 11px 19px;
        font-size: 8px;
    }

    /* Ordem dos cards:
       Bíblia | Pomba
       Correntes | Caminho */
    .trajetoria-card:nth-of-type(1) {
        grid-column: 1;
    }

    .trajetoria-card:nth-of-type(2) {
        grid-column: 2;
    }

    .trajetoria-card:nth-of-type(3) {
        grid-column: 1;
    }

    .trajetoria-card:nth-of-type(4) {
        grid-column: 2;
    }
}


/* Celulares muito estreitos: continua em 2 colunas,
   mas reduz um pouco mais para não apertar o conteúdo. */
@media (max-width: 390px) {

    .trajetoria-showcase {
        width: calc(100% - 16px);
        gap: 9px;
    }

    .trajetoria-card > img {
        height: 118px;
    }

    .trajetoria-card-copy {
        min-height: 138px;
        padding: 14px 6px 15px;
    }

    .trajetoria-card-copy h3 {
        font-size: 8px;
    }

    .trajetoria-card-copy p {
        font-size: 7.8px;
    }
}


/* Batalha Espiritual também mais compacta no celular */
@media (max-width: 820px) {

    .feature {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .feature-grid {
        gap: 34px;
    }
}


/* =========================================================
   AJUSTES V9 — MOBILE
   Alinhamento da trajetória + subtítulo do cabeçalho
========================================================= */

@media (max-width: 700px) {

    /* Ministério Apostólico maior no cabeçalho */
    .brand-text span {
        margin-top: 3px;
        font-size: 7.5px;
        line-height: 1.1;
        letter-spacing: 1.35px;
        white-space: nowrap;
    }

    /* Grade realmente fixa em duas colunas */
    .trajetoria-showcase {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        grid-auto-rows: auto;
        align-items: stretch;
        column-gap: 10px;
        row-gap: 12px;
        width: calc(100% - 16px);
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }

    /* O texto central ocupa a primeira linha inteira */
    .trajetoria-centro {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100%;
        padding: 0 8px 26px;
    }

    /* Neutraliza posições antigas dos cards */
    .trajetoria-showcase > .trajetoria-card {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        align-self: stretch;
    }

    /* Mantém exatamente dois cards em cada linha */
    .trajetoria-showcase > .trajetoria-card:nth-of-type(1),
    .trajetoria-showcase > .trajetoria-card:nth-of-type(3) {
        grid-column: 1 !important;
    }

    .trajetoria-showcase > .trajetoria-card:nth-of-type(2),
    .trajetoria-showcase > .trajetoria-card:nth-of-type(4) {
        grid-column: 2 !important;
    }

    .trajetoria-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        border-radius: 13px;
        overflow: hidden;
    }

    .trajetoria-card > img {
        display: block;
        width: 100%;
        height: 125px;
        object-fit: cover;
        object-position: center;
        flex: 0 0 125px;
    }

    .trajetoria-card-copy {
        min-height: 138px;
        height: 138px;
        padding: 14px 6px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .trajetoria-card-copy h3 {
        min-height: 36px;
        margin: 0;
        font-size: 8.2px;
        line-height: 1.3;
    }

    .trajetoria-card-copy > span {
        margin: 10px 0;
    }

    .trajetoria-card-copy p {
        margin: 0;
        font-size: 7.7px;
        line-height: 1.5;
    }

    /* Banner Instagram: agora só um botão */
    .social-contact-actions {
        width: min(100%, 260px);
    }

    .social-contact-actions .instagram-btn {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .brand-text span {
        font-size: 7px;
        letter-spacing: 1.15px;
    }

    .trajetoria-showcase {
        column-gap: 8px;
        row-gap: 10px;
        width: calc(100% - 12px);
    }

    .trajetoria-card > img {
        height: 116px;
        flex-basis: 116px;
    }

    .trajetoria-card-copy {
        min-height: 132px;
        height: 132px;
    }
}


/* =========================================================
   AJUSTE V10 — TRAJETÓRIA MOBILE
   CORREÇÃO DEFINITIVA DO ALINHAMENTO 2x2
========================================================= */

@media (max-width: 700px) {

    .trajetoria-showcase {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-rows: auto !important;
        width: calc(100% - 16px) !important;
        max-width: 520px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        column-gap: 10px !important;
        row-gap: 12px !important;
        align-items: stretch !important;
    }

    /* Texto central sempre ocupa uma linha inteira */
    .trajetoria-centro {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 8px 26px !important;
    }

    /* Todos os cards voltam ao fluxo automático do Grid */
    .trajetoria-showcase > .trajetoria-card,
    .trajetoria-showcase > .trajetoria-card:nth-of-type(1),
    .trajetoria-showcase > .trajetoria-card:nth-of-type(2),
    .trajetoria-showcase > .trajetoria-card:nth-of-type(3),
    .trajetoria-showcase > .trajetoria-card:nth-of-type(4) {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        align-self: stretch !important;
    }

    .trajetoria-card {
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 13px !important;
    }

    .trajetoria-card > img {
        display: block !important;
        width: 100% !important;
        height: 125px !important;
        min-height: 125px !important;
        flex: 0 0 125px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .trajetoria-card-copy {
        width: 100% !important;
        min-height: 138px !important;
        height: 138px !important;
        flex: 1 1 auto !important;
        padding: 14px 6px 15px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
    }

    .trajetoria-card-copy h3 {
        min-height: 36px !important;
        margin: 0 !important;
        font-size: 8.2px !important;
        line-height: 1.3 !important;
    }

    .trajetoria-card-copy > span {
        margin: 10px 0 !important;
    }

    .trajetoria-card-copy p {
        margin: 0 !important;
        font-size: 7.7px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 390px) {

    .trajetoria-showcase {
        width: calc(100% - 12px) !important;
        column-gap: 8px !important;
        row-gap: 10px !important;
    }

    .trajetoria-card > img {
        height: 116px !important;
        min-height: 116px !important;
        flex-basis: 116px !important;
    }

    .trajetoria-card-copy {
        min-height: 132px !important;
        height: 132px !important;
    }
}


/* =========================================================
   V12 — BÍBLIA INTEGRADA AO BANNER + ESPAÇO MOBILE
========================================================= */

/* A imagem deixa de parecer um retângulo solto e passa a
   desaparecer suavemente nas bordas do fundo da seção. */
.feature-media {
    position: relative;
    overflow: visible;
    background: transparent;
    box-shadow: none;
}

.feature-media img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border: 0;
    box-shadow: none;

    -webkit-mask-image:
        linear-gradient(to right,
            transparent 0%,
            rgba(0,0,0,.35) 5%,
            #000 14%,
            #000 86%,
            rgba(0,0,0,.35) 95%,
            transparent 100%
        ),
        linear-gradient(to bottom,
            transparent 0%,
            #000 12%,
            #000 84%,
            transparent 100%
        );
    -webkit-mask-composite: source-in;

    mask-image:
        linear-gradient(to right,
            transparent 0%,
            rgba(0,0,0,.35) 5%,
            #000 14%,
            #000 86%,
            rgba(0,0,0,.35) 95%,
            transparent 100%
        ),
        linear-gradient(to bottom,
            transparent 0%,
            #000 12%,
            #000 84%,
            transparent 100%
        );
    mask-composite: intersect;
}

/* Luz suave atrás da Bíblia para integrar ainda mais */
.feature-media::before {
    content: "";
    position: absolute;
    inset: -12%;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at center,
            rgba(95, 190, 240, .18) 0%,
            rgba(255,255,255,.28) 42%,
            transparent 72%
        );
    filter: blur(18px);
}

/* Reduz o espaço vazio depois dos cards no celular */
@media (max-width: 700px) {
    .trajetoria-nova {
        padding-bottom: 30px !important;
    }
}

/* No celular a fusão da imagem é um pouco mais suave */
@media (max-width: 820px) {
    .feature-media {
        width: 100%;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    .feature-media img {
        -webkit-mask-image:
            linear-gradient(to right,
                transparent 0%,
                #000 9%,
                #000 91%,
                transparent 100%
            ),
            linear-gradient(to bottom,
                transparent 0%,
                #000 10%,
                #000 88%,
                transparent 100%
            );
        -webkit-mask-composite: source-in;

        mask-image:
            linear-gradient(to right,
                transparent 0%,
                #000 9%,
                #000 91%,
                transparent 100%
            ),
            linear-gradient(to bottom,
                transparent 0%,
                #000 10%,
                #000 88%,
                transparent 100%
            );
        mask-composite: intersect;
    }
}


/* =========================================================
   V14 — CORREÇÃO LIMPA
   1) Bíblia realmente fundida ao banner
   2) Rodapé mobile independente do rodapé desktop
========================================================= */

/* =========================================================
   BATALHA ESPIRITUAL — IMAGEM INTEGRADA AO FUNDO
========================================================= */

.feature-media {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

.feature-media::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -24px -34px;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at center,
            rgba(100, 195, 242, .22) 0%,
            rgba(226, 243, 252, .34) 38%,
            rgba(238, 247, 251, .16) 56%,
            transparent 76%
        );
    filter: blur(20px);
}

.feature-media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    box-shadow: none !important;

    /* A máscara agora começa a desaparecer bem antes das bordas */
    -webkit-mask-image:
        radial-gradient(
            ellipse 84% 76% at center,
            #000 0%,
            #000 54%,
            rgba(0,0,0,.88) 63%,
            rgba(0,0,0,.55) 73%,
            rgba(0,0,0,.20) 84%,
            transparent 100%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 84% 76% at center,
            #000 0%,
            #000 54%,
            rgba(0,0,0,.88) 63%,
            rgba(0,0,0,.55) 73%,
            rgba(0,0,0,.20) 84%,
            transparent 100%
        ) !important;
}


/* =========================================================
   RODAPÉ MOBILE — OCULTO NO DESKTOP
========================================================= */

.mobile-footer {
    display: none;
}


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

@media (max-width: 620px) {

    /* O rodapé desktop não participa mais do layout no celular */
    .footer-premium {
        display: none !important;
    }

    .mobile-footer {
        position: relative;
        display: block !important;
        overflow: hidden;
        color: #edf8ff;
        background:
            radial-gradient(
                circle at 50% 2%,
                rgba(33, 137, 210, .32),
                transparent 27%
            ),
            radial-gradient(
                circle at 95% 78%,
                rgba(27, 116, 196, .18),
                transparent 27%
            ),
            linear-gradient(
                180deg,
                #063e72 0%,
                #04335f 26%,
                #02264a 57%,
                #01182f 100%
            );
    }

    .mobile-footer::before {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background:
            linear-gradient(
                90deg,
                #07538d 0%,
                #4bc3ff 23%,
                #eaf9ff 50%,
                #4bc3ff 77%,
                #07538d 100%
            );
        box-shadow:
            0 0 10px rgba(88, 201, 255, .58);
    }

    .mobile-footer::after {
        content: "";
        position: absolute;
        right: -100px;
        bottom: 115px;
        width: 245px;
        height: 245px;
        border: 24px solid rgba(43, 142, 222, .08);
        border-radius: 62% 42% 62% 38%;
        transform: rotate(-28deg);
        pointer-events: none;
    }

    .mobile-footer-inner {
        position: relative;
        z-index: 2;
        width: calc(100% - 30px);
        max-width: 500px;
        margin: 0 auto;
        padding: 30px 0 28px;
    }


    /* -----------------------------------------------------
       LOGO
    ----------------------------------------------------- */

    .mobile-footer-brand {
        text-align: center;
    }

    .mobile-footer-brand img {
        display: block;
        width: min(100%, 350px);
        height: auto;
        margin: 0 auto;
        filter:
            drop-shadow(0 5px 12px rgba(0,0,0,.18))
            drop-shadow(0 0 8px rgba(92, 196, 248, .13));
    }

    .mobile-footer-pillars {
        max-width: 370px;
        margin: 17px auto 0;
        color: #f2f9fd;
        font-family: "Montserrat", Arial, sans-serif;
        font-size: 8.4px;
        font-weight: 700;
        line-height: 1.65;
        letter-spacing: .95px;
        text-align: center;
        text-transform: uppercase;
    }

    .mobile-footer-pillars span {
        padding: 0 2px;
        color: #65caff;
    }

    .mobile-footer-purpose {
        margin: 7px auto 0;
        color: #bad7e8;
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 16px;
        font-style: italic;
        line-height: 1.2;
        text-align: center;
    }


    /* -----------------------------------------------------
       NAVEGAÇÃO + SEMINÁRIOS
    ----------------------------------------------------- */

    .mobile-footer-columns {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        margin-top: 34px;
        align-items: start;
    }

    .mobile-footer-column {
        min-width: 0;
        text-align: center;
    }

    .mobile-footer-column h4,
    .mobile-footer-social h4 {
        margin: 0;
        color: #f2f9fd;
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .mobile-footer-title-line {
        display: block;
        width: 42px;
        height: 2px;
        margin: 12px auto 16px;
        background:
            linear-gradient(
                90deg,
                #69d1ff,
                #168ed2
            );
        box-shadow: 0 0 5px rgba(87, 201, 255, .30);
    }

    .mobile-footer-column ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-footer-column li {
        margin: 0 0 9px;
        padding: 0;
    }

    .mobile-footer-column a {
        color: #e3f3fc;
        font-size: 10.5px;
        font-weight: 400;
        line-height: 1.3;
        text-decoration: none;
    }


    /* -----------------------------------------------------
       REDES
    ----------------------------------------------------- */

    .mobile-footer-social {
        max-width: 370px;
        margin: 35px auto 0;
        text-align: center;
    }

    .mobile-social-icons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin-bottom: 16px;
    }

    .mobile-social-icons a {
        width: 45px;
        height: 45px;
        border: 1px solid #75d1ff;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background:
            radial-gradient(
                circle at 38% 30%,
                #0d79bd,
                #063d73 70%
            );
        box-shadow:
            inset 0 0 0 2px rgba(255,255,255,.04),
            0 0 10px rgba(76, 192, 248, .22);
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
    }

    .mobile-footer-social > p {
        max-width: 325px;
        margin: 0 auto 17px;
        color: #b9d3e4;
        font-size: 9.5px;
        line-height: 1.55;
        text-align: center;
    }


    /* -----------------------------------------------------
       WHATSAPP
    ----------------------------------------------------- */

    .mobile-footer-whatsapp {
        width: min(100%, 270px);
        min-height: 49px;
        margin: 0 auto;
        padding: 0 17px;
        border: 1px solid #69ccff;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        color: #fff;
        background:
            linear-gradient(
                100deg,
                #053968,
                #07639e 55%,
                #074b80
            );
        box-shadow:
            0 0 0 1px rgba(255,255,255,.03) inset,
            0 0 13px rgba(69, 184, 240, .18);
        text-decoration: none;
    }

    .mobile-wa-icon {
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 20px;
    }

    .mobile-wa-icon svg {
        display: block;
        width: 20px;
        height: 20px;
        fill: currentColor;
    }

    .mobile-footer-whatsapp strong {
        font-size: 10.5px;
        font-weight: 800;
        letter-spacing: .2px;
    }

    .mobile-footer-arrow {
        margin-left: 7px;
        font-size: 17px;
        line-height: 1;
    }


    /* -----------------------------------------------------
       BASE / COPYRIGHT
    ----------------------------------------------------- */

    .mobile-footer-bottom {
        position: relative;
        z-index: 2;
        padding: 23px 16px 25px;
        border-top: 1px solid rgba(105, 205, 255, .64);
        color: #a9c7d9;
        background: rgba(0, 10, 26, .25);
        text-align: center;
    }

    .mobile-footer-diamond {
        position: absolute;
        top: -12px;
        left: 50%;
        padding: 0 9px;
        transform: translateX(-50%);
        color: #b4e6ff;
        background: #011a34;
        font-size: 20px;
        line-height: 20px;
    }

    .mobile-footer-bottom p {
        margin: 0 0 9px;
        color: #a9c7d9;
        font-size: 8.5px;
        line-height: 1.5;
    }

    .mobile-footer-bottom div {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .mobile-footer-bottom a {
        color: #a9d9f2;
        font-size: 8.5px;
        text-decoration: none;
    }

    .mobile-footer-bottom div span {
        color: #668da6;
        font-size: 9px;
    }


    /* -----------------------------------------------------
       BÍBLIA NO CELULAR
    ----------------------------------------------------- */

    .feature-media {
        width: 100% !important;
        max-width: 620px !important;
        margin: 0 auto !important;
    }

    .feature-media img {
        -webkit-mask-image:
            radial-gradient(
                ellipse 88% 78% at center,
                #000 0%,
                #000 50%,
                rgba(0,0,0,.82) 62%,
                rgba(0,0,0,.42) 76%,
                transparent 100%
            ) !important;

        mask-image:
            radial-gradient(
                ellipse 88% 78% at center,
                #000 0%,
                #000 50%,
                rgba(0,0,0,.82) 62%,
                rgba(0,0,0,.42) 76%,
                transparent 100%
            ) !important;
    }
}


@media (max-width: 380px) {

    .mobile-footer-inner {
        width: calc(100% - 22px);
    }

    .mobile-footer-columns {
        gap: 14px;
    }

    .mobile-footer-brand img {
        width: min(100%, 315px);
    }

    .mobile-footer-column h4 {
        font-size: 16px;
        letter-spacing: 1.5px;
    }

    .mobile-footer-column a {
        font-size: 9.8px;
    }

    .mobile-footer-pillars {
        font-size: 7.8px;
        letter-spacing: .7px;
    }
}


/* =========================================================
   V15 — RODAPÉ MOBILE
   Somente novo fundo + crédito Santiago Digital
========================================================= */

@media (max-width: 620px) {

    .mobile-footer {
        background:
            radial-gradient(
                ellipse at 50% 4%,
                rgba(255,255,255,.76) 0%,
                rgba(235,242,247,.48) 18%,
                transparent 42%
            ),
            linear-gradient(
                180deg,
                #d9e1e7 0%,
                #c8d5df 12%,
                #91abc0 27%,
                #4d7698 43%,
                #174d78 60%,
                #07365f 76%,
                #011b38 100%
            ) !important;
    }

    /* Suaviza o detalhe decorativo para combinar com o novo degradê */
    .mobile-footer::after {
        border-color: rgba(77, 164, 225, .09) !important;
    }

    .mobile-footer-credit {
        margin: 13px 0 0 !important;
        color: #8fb8d1 !important;
        font-size: 8.5px !important;
        line-height: 1.4 !important;
        letter-spacing: .2px !important;
        text-align: center !important;
    }

    .mobile-footer-credit strong {
        color: #c8eaff !important;
        font-weight: 700 !important;
    }
}


/* =========================================================
   V16 — BATALHA ESPIRITUAL
   FUSÃO REAL DAS 4 BORDAS DA IMAGEM COM O BANNER
========================================================= */

.feature-media {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Desativa a máscara anterior para não depender do suporte do navegador */
.feature-media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    box-shadow: none !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* 
   Camada principal:
   apaga visualmente as laterais da foto usando o mesmo
   azul/cinza muito claro da seção.
*/
.feature-media::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: -1px;
    pointer-events: none;

    background:
        linear-gradient(
            to right,
            #e6eef2 0%,
            rgba(230,238,242,.96) 3%,
            rgba(230,238,242,.72) 7%,
            rgba(230,238,242,.28) 12%,
            transparent 19%,
            transparent 81%,
            rgba(230,238,242,.28) 88%,
            rgba(230,238,242,.72) 93%,
            rgba(230,238,242,.96) 97%,
            #e6eef2 100%
        ),
        linear-gradient(
            to bottom,
            #e6eef2 0%,
            rgba(230,238,242,.90) 5%,
            rgba(230,238,242,.42) 11%,
            transparent 21%,
            transparent 77%,
            rgba(230,238,242,.38) 88%,
            rgba(230,238,242,.88) 95%,
            #e6eef2 100%
        );
}

/*
   Luz difusa atrás da imagem. Mantém o centro destacado,
   mas elimina a sensação de "foto retangular colada".
*/
.feature-media::before {
    content: "";
    position: absolute !important;
    z-index: -1 !important;
    inset: -30px -42px !important;
    pointer-events: none !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(119,199,239,.25) 0%,
            rgba(211,235,247,.34) 38%,
            rgba(230,238,242,.22) 58%,
            transparent 78%
        ) !important;

    filter: blur(20px) !important;
}


/* =========================================================
   MOBILE — FUSÃO UM POUCO MAIS CURTA PARA NÃO SUMIR A BÍBLIA
========================================================= */

@media (max-width: 820px) {

    .feature-media::after {
        background:
            linear-gradient(
                to right,
                #e6eef2 0%,
                rgba(230,238,242,.90) 4%,
                rgba(230,238,242,.45) 9%,
                transparent 17%,
                transparent 83%,
                rgba(230,238,242,.45) 91%,
                rgba(230,238,242,.90) 96%,
                #e6eef2 100%
            ),
            linear-gradient(
                to bottom,
                #e6eef2 0%,
                rgba(230,238,242,.82) 5%,
                rgba(230,238,242,.32) 11%,
                transparent 19%,
                transparent 81%,
                rgba(230,238,242,.32) 89%,
                rgba(230,238,242,.82) 95%,
                #e6eef2 100%
            );
    }
}


/* =========================================================
   V17 — RODAPÉ MOBILE
   Textos superiores em azul mais escuro
========================================================= */

@media (max-width: 620px) {

    /* ENSINO • LIBERTAÇÃO • CURA • RESTAURAÇÃO */
    .mobile-footer-pillars {
        color: #073f70 !important;
    }

    .mobile-footer-pillars span {
        color: #0878b8 !important;
    }

    /* Equipando vidas para um propósito maior. */
    .mobile-footer-purpose {
        color: #285f87 !important;
    }

    /* NAVEGAÇÃO / SEMINÁRIOS */
    .mobile-footer-column h4 {
        color: #073f70 !important;
    }
}


/* =========================================================
   V18 — BATALHA ESPIRITUAL
   CORREÇÃO DO SELETOR + IMAGEM FUNDIDA AO BANNER
========================================================= */

.feature {
    overflow: hidden;
}

/* O HTML usa .bible */
.bible {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
}

/* Imagem maior e sem aparência de retângulo solto */
.bible img {
    display: block !important;
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/*
   Quatro bordas desaparecem progressivamente.
   O centro da Bíblia continua nítido.
*/
.bible::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: -2px;
    pointer-events: none;

    background:
        linear-gradient(
            to right,
            #e6eef2 0%,
            rgba(230,238,242,.98) 2%,
            rgba(230,238,242,.84) 6%,
            rgba(230,238,242,.48) 11%,
            rgba(230,238,242,.12) 17%,
            transparent 24%,
            transparent 76%,
            rgba(230,238,242,.12) 83%,
            rgba(230,238,242,.48) 89%,
            rgba(230,238,242,.84) 94%,
            rgba(230,238,242,.98) 98%,
            #e6eef2 100%
        ),
        linear-gradient(
            to bottom,
            #e6eef2 0%,
            rgba(230,238,242,.96) 3%,
            rgba(230,238,242,.68) 8%,
            rgba(230,238,242,.24) 14%,
            transparent 22%,
            transparent 72%,
            rgba(230,238,242,.16) 80%,
            rgba(230,238,242,.52) 88%,
            rgba(230,238,242,.88) 95%,
            #e6eef2 100%
        );
}

/* Halo claro para a transição ficar parecida com a referência */
.bible::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 56% 47%,
            transparent 0%,
            transparent 47%,
            rgba(230,238,242,.10) 61%,
            rgba(230,238,242,.44) 79%,
            rgba(230,238,242,.82) 100%
        );
}

/* Desktop: aproxima a Bíblia do efeito amplo da referência */
@media (min-width: 821px) {
    .feature-grid {
        grid-template-columns: .95fr 1.25fr;
        gap: 52px;
        align-items: center;
    }

    .bible {
        margin-right: -24px;
    }
}

/* Mobile */
@media (max-width: 820px) {
    .bible {
        width: 100%;
        margin: 0 auto;
    }

    .bible img {
        height: 220px !important;
    }

    .bible::after {
        background:
            linear-gradient(
                to right,
                #e6eef2 0%,
                rgba(230,238,242,.92) 3%,
                rgba(230,238,242,.55) 9%,
                rgba(230,238,242,.15) 16%,
                transparent 23%,
                transparent 77%,
                rgba(230,238,242,.15) 84%,
                rgba(230,238,242,.55) 91%,
                rgba(230,238,242,.92) 97%,
                #e6eef2 100%
            ),
            linear-gradient(
                to bottom,
                #e6eef2 0%,
                rgba(230,238,242,.88) 4%,
                rgba(230,238,242,.40) 11%,
                transparent 20%,
                transparent 78%,
                rgba(230,238,242,.36) 89%,
                rgba(230,238,242,.86) 96%,
                #e6eef2 100%
            );
    }
}


/* =========================================================
   HOME — ESPAÇAMENTOS MAIS COMPACTOS
   Desktop + tablet + celular
   Mantém cabeçalho, rodapé, cores, fontes e layout.
========================================================= */

/* DESKTOP */
.hero{
    padding-top:40px;
    padding-bottom: 30px;
}

.hero-tags{
    margin-top: 32px;
    padding-top: 20px;
}

.trajetoria-nova{
    padding-top: 54px;
    padding-bottom: 54px;
}

.trajetoria-centro{
    padding-top: 0;
    padding-bottom: 0;
}

.trajetoria-mini-line{
    margin-top: 12px;
    margin-bottom: 17px;
}

.trajetoria-ornamento{
    margin-top: 18px;
    margin-bottom: 15px;
}

.trajetoria-impacto{
    margin-top: 11px;
}

.trajetoria-link{
    margin-top: 18px;
}

.courses{
    padding-top:40px;
    padding-bottom: 35px;
}

.section-head{
    margin-bottom: 32px;
}

.feature{
    padding-top: 40px;
    padding-bottom: 40px;
}

.feature-grid{
    gap: 55px;
}

.feature p:not(.eyebrow){
    margin-top: 19px;
    margin-bottom: 24px;
}

.social-contact{
    padding-top: 58px;
    padding-bottom: 58px;
}

.social-contact-grid{
    gap: 50px;
}


/* TABLET */
@media (max-width: 900px){

    .hero{
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .hero-grid{
        gap: 38px;
    }

    .trajetoria-nova{
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .courses{
        padding-top: 58px;
        padding-bottom: 62px;
    }

    .feature{
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .social-contact{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}


/* CELULAR */
@media (max-width: 650px){

    .hero{
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .lead{
        margin-top: 18px;
    }

    .actions{
        margin-top: 26px;
        gap: 11px;
    }

    .hero-tags{
        margin-top: 26px;
        padding-top: 20px;
        gap: 10px;
    }

    .trajetoria-nova{
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .trajetoria-centro{
        padding: 0 0 20px;
    }

    .trajetoria-mini-line{
        margin-top: 11px;
        margin-bottom: 15px;
    }

    .trajetoria-ornamento{
        margin-top: 16px;
        margin-bottom: 14px;
    }

    .trajetoria-impacto{
        margin-top: 10px;
    }

    .trajetoria-link{
        margin-top: 17px;
    }

    .trajetoria-showcase{
        gap: 14px;
    }

    .courses{
        padding-top: 50px;
        padding-bottom: 52px;
    }

    .section-head{
        margin-bottom: 28px;
        gap: 18px;
    }

    .feature{
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .feature-grid{
        gap: 32px;
    }

    .feature p:not(.eyebrow){
        margin-top: 17px;
        margin-bottom: 22px;
    }

    .bible{
        margin-top: 10px;
    }

    .social-contact{
        padding-top: 46px;
        padding-bottom: 46px;
    }

    .social-contact-grid{
        gap: 30px;
    }

    .social-contact-copy > p:last-child{
        margin-top: 16px;
    }
}


/* =========================================================
   HOME — CURSOS MAIS COMPACTOS NO CELULAR
   Somente celular. Desktop não é alterado.
========================================================= */
@media (max-width: 650px){

    .courses .cards article > img{
        width: 100% !important;
        height: 250px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .courses .cards article > div{
        padding: 18px 18px 20px !important;
    }

    .courses .cards h3{
        font-size: 25px !important;
    }

    .courses .cards p{
        margin-top: 8px !important;
        line-height: 1.55 !important;
    }

    .courses .cards a{
        margin-top: 13px !important;
    }

    .courses .cards{
        gap: 15px !important;
    }
}


/* =========================================================
   MENU — AJUSTE SOMENTE NO PC
   Mantém todas as demais alterações existentes.
========================================================= */
@media (min-width: 901px) {
    .header nav {
        gap: 23px;
    }

    .header nav a {
        font-weight: 600;
    }
}

/* =========================================================
   AJUSTES FINAIS — SOMENTE CELULAR
   1) Nome/Ministério menores e centralizados no cabeçalho
   2) Artes dos cursos inteiras, sem cortes
========================================================= */
@media (max-width: 650px) {

    /* Cabeçalho */
    .brand {
        flex: 1 1 auto;
        justify-content: flex-start;
    }

    .brand span {
        flex: 1 1 auto;
        align-items: center;
        text-align: center;
    }

    .brand strong {
        width: 100%;
        font-size: 13px !important;
        line-height: 1.05;
        letter-spacing: 0.3px;
        text-align: center;
    }

    .brand small {
        width: 100%;
        margin-top: 4px;
        font-size: 7px !important;
        line-height: 1.1;
        letter-spacing: 1.25px !important;
        text-align: center;
    }

    /* Cursos da HOME: mantém 100% da arte visível */
    .courses .cards article > img {
        display: block;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center top !important;
    }
}

@media (max-width: 390px) {
    .brand strong {
        font-size: 12px !important;
    }

    .brand small {
        font-size: 6px !important;
        letter-spacing: 1px !important;
    }
}

/* =========================================================
   CORREÇÃO FINAL — RODAPÉ RESPONSIVO
   Mantém o mesmo footer do desktop também no celular.
   O rodapé mobile antigo fica desativado.
========================================================= */

@media (max-width: 620px) {

    .footer-premium {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .mobile-footer {
        display: none !important;
    }

    #site-footer-slot {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
}

/* =========================================================
   AJUSTE FINAL — IMAGENS DOS CURSOS NO CELULAR
   Diminui a arte sem cortar e preserva a proporção.
========================================================= */

@media (max-width: 650px) {

    .cards {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        gap: 22px;
    }

    .cards article {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .cards article > img {
        display: block;
        width: auto !important;
        max-width: 82% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center top !important;
        margin: 14px auto 0 !important;
        border-radius: 7px;
        background: transparent !important;
    }

    .cards article > div {
        padding: 20px 18px 23px;
    }
}

@media (max-width: 390px) {

    .cards article > img {
        max-width: 80% !important;
        margin-top: 12px !important;
    }
}