*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#123b2a;--green2:#0b2b1f;--cream:#f7f3e9;--gold:#c9a95b;--text:#183329;--muted:#66756d}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--text);background:var(--cream);line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.header{position:fixed;z-index:20;top:0;width:100%;background:rgba(247,243,233,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(18,59,42,.08)}
.nav{height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand-mark{width:45px;height:45px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--green)}
.brand strong{display:block;font-size:24px;letter-spacing:5px;line-height:1}.brand small{font-size:8px;letter-spacing:2px}
.menu{display:flex;gap:25px;font-size:14px;font-weight:600}.menu a:hover{color:#8c6e25}
.btn{display:inline-block;background:var(--green);color:#fff;border:1px solid var(--green);padding:13px 23px;border-radius:8px;font-weight:700;font-size:14px;transition:.2s}
.btn:hover{transform:translateY(-2px);background:#1b513a}.btn-small{padding:10px 16px}.btn-ghost{background:transparent;color:var(--green);margin-left:8px}.btn-light{background:transparent;border-color:#eee;color:#fff}.btn-outline{background:transparent;color:var(--green);border-color:var(--green);margin-top:12px}
.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{min-height:720px;display:flex;align-items:center;position:relative;background:url("../images/hero.jpg") center/cover no-repeat;color:#fff}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,22,.72),rgba(5,31,22,.15))}
.hero-content{position:relative;z-index:1;padding-top:90px;max-width:720px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:3px;font-weight:800;color:var(--gold);margin-bottom:15px}
.hero h1{font:600 clamp(48px,7vw,82px)/1.02 "Playfair Display",serif;margin-bottom:20px}.hero h1 span{color:#d8c68d}.hero-text{font-size:20px;max-width:560px;margin-bottom:30px}
.section{padding:90px 0}.section h2{font:600 clamp(34px,5vw,54px)/1.1 "Playfair Display",serif;margin-bottom:40px}.section h2 span{color:#9b7c2f}.values{text-align:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;padding:30px 22px;border-radius:16px;border:1px solid #e9e4d8}.icon{width:55px;height:55px;border-radius:50%;background:#e8e7c8;display:grid;place-items:center;margin:0 auto 17px;color:var(--green);font-size:25px}.card h3{margin-bottom:8px}.card p{font-size:14px;color:var(--muted)}
.about{background:var(--green);color:#fff;display:grid;grid-template-columns:1fr 1fr;padding:0}.about-image{min-height:500px;background:url("../images/sprout.jpg") center/cover no-repeat}.about-content{padding:80px max(6vw,40px)}.about-content h2{margin-bottom:20px}.about-content p{color:#dce8e1;margin-bottom:16px}.light{color:#d4bb72!important}
.ministries{text-align:center}.ministry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ministry-grid article{background:#fff;border-radius:14px;padding:30px;text-align:left;border:1px solid #e9e4d8}.ministry-grid span{color:var(--gold);font-weight:800}.ministry-grid h3{margin:12px 0 5px}
.agenda{background:#e9e7d2}.schedule{max-width:900px;margin:auto}.schedule-item{display:grid;grid-template-columns:80px 1fr auto;align-items:center;background:#fff;margin:12px 0;padding:20px;border-radius:12px}.day{font-weight:800;color:#9b7c2f}.schedule-item p{color:var(--muted)}
.locations{text-align:center}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;text-align:left}.location{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06)}.location-photo{height:260px;overflow:hidden;background:#e9e4d7}
.location-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.location-body{padding:28px}.city{font-size:11px;letter-spacing:3px;color:#9b7c2f;font-weight:800}.location h3{font:600 30px "Playfair Display",serif;margin:6px 0 10px}.location p{color:var(--muted)}.location .time{font-weight:700;color:var(--green);margin-top:12px}
.quote{background:#fff}.quote-inner{max-width:850px;text-align:center}.quote-mark{font:80px "Playfair Display";color:var(--gold);height:55px;display:block}.quote p{font:500 28px/1.35 "Playfair Display",serif}.quote strong{display:block;color:#9b7c2f;margin-top:18px}
.contact{background:var(--green);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact p{color:#dce8e1}.contact form{display:grid;gap:12px}.contact input,.contact textarea{width:100%;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:inherit}.contact input::placeholder,.contact textarea::placeholder{color:#b9c9c0}.form-message{font-size:14px}
.footer{background:#082318;color:#dce8e1;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px}.footer strong{color:#fff}.footer p{font-size:14px;margin-top:7px}.footer-brand{font-size:28px;letter-spacing:5px;color:#fff}.footer a{color:#d4bb72}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:18px;font-size:12px;color:#8fa59a}
@media(max-width:900px){.menu{display:none}.menu-toggle{display:block}.nav .btn-small{display:none}.cards,.ministry-grid{grid-template-columns:1fr 1fr}.about,.contact-grid,.location-grid{grid-template-columns:1fr}.about-image{min-height:320px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nav{height:70px}.brand strong{font-size:19px}.brand small{font-size:6px}.hero{min-height:650px}.hero h1{font-size:48px}.hero-text{font-size:17px}.section{padding:65px 0}.cards,.ministry-grid{grid-template-columns:1fr}.schedule-item{grid-template-columns:60px 1fr}.schedule-item>a{grid-column:2;margin-top:8px}.footer-grid{grid-template-columns:1fr}.hero-actions .btn{display:block;text-align:center;margin:8px 0}}

/* ===== MENSAGENS / YOUTUBE ===== */
.sermons{background:#fbf8f0}
.sermons-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}
.sermons-heading h2{margin-bottom:0;max-width:760px}
.sermons-heading>p{max-width:300px;color:var(--muted);font-size:15px;margin-bottom:6px}
.sermon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sermon-card{min-width:0}
.sermon-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#173b2d}
.sermon-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.sermon-card:hover .sermon-thumb img{transform:scale(1.04)}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(8,35,24,.82);color:#fff;display:grid;place-items:center;font-size:19px;padding-left:3px;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:700}
.sermon-body{padding:13px 2px 0}
.sermon-body h3{font:600 18px/1.22 "DM Sans",sans-serif;min-height:44px;margin-bottom:5px;color:var(--text)}
.sermon-body p{font-size:12px;color:var(--muted);margin-bottom:11px}
.youtube-link{display:inline-flex;align-items:center;border:1px solid #c9a95b;color:#8f7028;padding:8px 11px;border-radius:7px;font-size:11px;font-weight:700;transition:.2s;background:#fffdf8}
.youtube-link:hover{background:var(--green);border-color:var(--green);color:#fff}
.sermons-cta{text-align:center;margin-top:34px}
.sermons-cta .btn{padding:13px 22px}
@media(max-width:1050px){.sermon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sermons-heading{align-items:start;flex-direction:column}.sermons-heading>p{max-width:600px}}
@media(max-width:700px){.sermon-grid{grid-template-columns:1fr 1fr}.sermon-body h3{font-size:16px;min-height:auto}.youtube-link{font-size:10px}}
@media(max-width:480px){.sermon-grid{grid-template-columns:1fr}.sermon-body h3{font-size:18px}.sermons-heading h2{font-size:36px}}

.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.logo img {
    width: 180px !important;
    height: auto !important;
    display: block;
}

/* =====================================================
   MENU MOBILE - CORREÇÃO
===================================================== */

@media (max-width: 900px) {

    .menu-toggle {
        display: block;
        border: 0;
        background: transparent;
        color: var(--green);
        font-size: 28px;
        cursor: pointer;
        z-index: 100;
    }

    .menu {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;

        width: 100%;

        flex-direction: column;
        align-items: center;

        gap: 0;

        padding: 15px 20px 25px;

        background: #f7f3e9;

        border-top: 1px solid rgba(18,59,42,.08);
        border-bottom: 1px solid rgba(18,59,42,.12);

        box-shadow: 0 10px 25px rgba(0,0,0,.08);

        z-index: 99;
    }

    .menu.active {
        display: flex;
    }

    .menu a {
        width: 100%;
        padding: 14px 10px;

        text-align: center;

        color: var(--green);

        border-bottom: 1px solid rgba(18,59,42,.06);
    }

    .menu a:last-child {
        border-bottom: none;
    }

}

.valores {
    width: 100%;
    padding: 40px 20px;
    background: #f7f4eb;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.valores-imagem {
    width: 100%;
    max-width: 2100px;
    height: auto;
    display: block;
    border-radius: 20px;
}

/* ================================
   ÍCONES - NOSSO PROPÓSITO
================================ */

.values .cards .card {
    text-align: center;
}

.values .cards .card .icon {
    width: 94px;
    height: 94px;
    margin: 0 auto 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efedd1;
    color: #123f35;
    font-size: 0;
}

.values .cards .card .icon svg {
    width: 40px;
    height: 40px;
    display: block;
}

.values .cards .card h3 {
    margin-top: 0;
}


/* ================================
   RESPONSIVO
================================ */

@media (max-width: 768px) {

    .values .cards .card .icon {
        width: 82px;
        height: 82px;
        margin-bottom: 24px;
    }

    .values .cards .card .icon svg {
        width: 34px;
        height: 34px;
    }

}

/* ========================================
   2026 — ANO DA ESPERANÇA E DO RENOVO
======================================== */

.year-message {
    position: relative;
    min-height: 620px;

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

    background: #f7f5ed;

    overflow: hidden;
}


/* ========================================
   ÁRVORE DECORATIVA
======================================== */

.year-message-tree {
    position: absolute;

    width: 360px;
    height: auto;

    right: 20px;
    bottom: -35px;

    z-index: 1;

    pointer-events: none;
}


/* ========================================
   CONTEÚDO
======================================== */

.year-message-content {
    position: relative;

    z-index: 2;

    width: min(1100px, 90%);

    text-align: center;

    color: #123f35;

    padding: 80px 20px;
}


/* ========================================
   TÍTULO PEQUENO
======================================== */

.year-message-kicker {
    display: inline-block;

    margin-bottom: 30px;

    font-size: 0.78rem;
    font-weight: 700;

    letter-spacing: 3px;
    text-transform: uppercase;

    color: #b99243;
}


/* ========================================
   CITAÇÃO
======================================== */

.year-message-quote {
    max-width: 900px;

    margin: 0 auto;
}


/* Aspas */

.quote-mark {
    display: block;

    font-family: Georgia, serif;

    font-size: 5.5rem;

    line-height: 0.5;

    color: #c9a24e;

    margin-bottom: 30px;
}


/* Texto da Bíblia */

.year-message-quote p {
    margin: 0;

    font-family: "Playfair Display", Georgia, serif;

    font-size: clamp(1.8rem, 3.2vw, 3.1rem);

    line-height: 1.28;

    font-weight: 500;

    color: #123f35;
}


/* Referência */

.year-message-reference {
    display: block;

    margin-top: 25px;

    font-size: 0.95rem;

    font-weight: 700;

    letter-spacing: 2px;

    color: #b99243;
}


/* ========================================
   ESPERANÇA E RENOVO
======================================== */

.year-message-title {
    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    margin-top: 45px;

    font-family: "Playfair Display", Georgia, serif;
}


.year-message-title strong {
    font-size: clamp(1.4rem, 3vw, 2.3rem);

    letter-spacing: 3px;

    font-weight: 600;

    color: #123f35;
}


.year-message-title span {
    color: #c9a24e;

    font-family: Georgia, serif;

    font-size: 1.2rem;

    font-style: italic;
}


/* ========================================
   DETALHE DECORATIVO
======================================== */

.year-message::after {
    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    width: 120px;

    height: 3px;

    background: #123f35;

    z-index: 3;
}


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

@media (max-width: 900px) {

    .year-message {
        min-height: 580px;
    }

    .year-message-tree {
        width: 300px;

        right: -30px;

        bottom: -25px;

        opacity: 0.9;
    }

    .year-message-content {
        width: 92%;

        padding: 70px 20px;
    }

    .year-message-quote {
        max-width: 750px;
    }

}


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

@media (max-width: 768px) {

    .year-message {
        min-height: 620px;

        align-items: flex-start;
    }


    .year-message-content {
        width: 100%;

        padding: 65px 22px 140px;
    }


    .year-message-kicker {
        font-size: 0.67rem;

        letter-spacing: 2px;

        line-height: 1.5;

        margin-bottom: 25px;
    }


    .quote-mark {
        font-size: 4.5rem;

        margin-bottom: 22px;
    }


    .year-message-quote p {
        font-size: 1.55rem;

        line-height: 1.32;
    }


    .year-message-reference {
        margin-top: 20px;

        font-size: 0.85rem;
    }


    .year-message-title {
        margin-top: 35px;

        gap: 7px;
    }


    .year-message-title strong {
        font-size: 1.15rem;

        letter-spacing: 1.5px;
    }


    .year-message-title span {
        font-size: 1rem;
    }


    .year-message-tree {
        width: 230px;

        right: -35px;

        bottom: -20px;

        opacity: 0.85;
    }

}


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

@media (max-width: 480px) {

    .year-message {
        min-height: 600px;
    }


    .year-message-content {
        padding: 55px 18px 125px;
    }


    .year-message-quote p {
        font-size: 1.38rem;
    }


    .year-message-tree {
        width: 200px;

        right: -35px;

        bottom: -15px;
    }

}

/* MENSAGENS DINÂMICAS DO YOUTUBE */
.sermon-status{grid-column:1/-1;text-align:center;padding:28px 18px;color:var(--muted);background:#fffdf8;border:1px solid #e9e4d8;border-radius:12px}
.sermon-status a{color:#8f7028;text-decoration:underline;font-weight:700}
.sermon-card{background:#fff;border:1px solid #e9e4d8;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(8,35,24,.045);transition:transform .2s ease,box-shadow .2s ease}
.sermon-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(8,35,24,.09)}
.sermon-card .sermon-thumb{border-radius:0}
.sermon-card .sermon-body{padding:16px}
.sermon-card .sermon-body h3{min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sermon-card .sermon-body p{margin-bottom:13px}
.sermon-date{font-size:12px;color:var(--muted);margin:0 0 12px}
.sermon-card .youtube-link{font-size:12px}
@media(max-width:700px){.sermon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sermon-card .sermon-body{padding:12px}.sermon-card .youtube-link{font-size:10px;padding:7px 8px}}
@media(max-width:480px){.sermon-grid{grid-template-columns:1fr}.sermon-card .sermon-body{padding:15px}}


/* CORREÇÃO DEFINITIVA — miniaturas menores na seção Mensagens */
#mensagens .sermon-grid .sermon-thumb {
  height: 135px !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}
#mensagens .sermon-grid .sermon-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 700px) {
  #mensagens .sermon-grid .sermon-thumb {
    height: 115px !important;
  }
}
@media (max-width: 480px) {
  #mensagens .sermon-grid .sermon-thumb {
    height: 150px !important;
  }
}

/* Fotos reais das unidades Renovo */
.location-photo { height: 260px; }
.location-photo img { object-fit: cover; object-position: center; }
@media (max-width: 700px) {
  .location-photo { height: 220px; }
}