@import url("patch-23-mobile-first.css?v=20260915-23a");

/* ================================================================
   PATCH 22 — HOME V3 / REFINO VISUAL
   Ajustes finos de proporção do hero, cards laterais, eventos e CTA.
   ================================================================ */

/* Hero: mais presença visual e menos vazio horizontal em telas largas. */
@media (min-width: 1081px) {
    .home-hero-v3 {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .home-hero-v3-grid {
        grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
        gap: clamp(24px, 3vw, 42px);
        min-height: 385px;
    }

    .home-hero-visual {
        min-height: 355px;
    }

    .home-hero-visual-stack {
        height: 342px;
    }

    .home-hero-visual-card:nth-child(1) {
        top: 50px;
        left: -1%;
        width: 36%;
        height: 246px;
    }

    .home-hero-visual-card:nth-child(2) {
        top: 0;
        left: 29%;
        width: 43%;
        height: 296px;
    }

    .home-hero-visual-card:nth-child(3) {
        top: 43px;
        right: -1%;
        width: 36%;
        height: 250px;
    }

    .home-hero-trustbar {
        right: 1%;
        bottom: 5px;
        min-height: 50px;
        padding-inline: 18px;
    }
}

/* Eventos: mantém o desenho atual, mas deixa os cards um pouco mais compactos. */
@media (min-width: 821px) {
    .home-event-card-v3 .event-image {
        aspect-ratio: 1.85 / 1;
    }

    .home-event-card-v3 .event-card-body {
        padding: 12px 14px 13px;
    }

    .home-event-meta {
        gap: 5px;
        margin-top: 9px;
    }

    .home-event-card-v3 .event-card-actions {
        padding-top: 12px;
    }
}

/* Trilho Academy: 60% texto / 40% imagem e separação nítida entre as áreas. */
.home-events-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
}

.home-product-card {
    grid-template-columns: minmax(0, 3fr) minmax(112px, 2fr);
    min-height: 180px;
    border-color: #dce6d6;
    background: #fff;
    box-shadow: 0 10px 28px rgba(7,19,27,.055);
}

.home-product-card-copy {
    padding: 16px 13px 16px 16px;
    background:
        radial-gradient(circle at 0 100%, rgba(168,205,0,.10), transparent 42%),
        #fff;
}

.home-product-icon {
    width: 40px;
    height: 40px;
}

.home-product-card h3 {
    margin-top: 11px;
    font-size: 1.03rem;
}

.home-product-card p {
    max-width: none;
    color: #55635b;
    font-size: .74rem;
    line-height: 1.42;
}

.home-product-card strong {
    margin-top: 12px;
    color: #466000;
    font-size: .74rem;
}

.home-product-card-media {
    overflow: hidden;
    border-left: 1px solid #e1e8dc;
    background: #edf3e8;
}

.home-product-card-media::after {
    display: none;
}

.home-product-card-media img {
    object-position: center;
}

/* CTA para organizadores: mais contraste e presença sem virar um banner pesado. */
.home-promoter-strip {
    min-height: 78px;
    margin-top: 20px;
    padding: 18px 20px;
    border-color: #bddb61;
    background:
        radial-gradient(circle at 86% 35%, rgba(168,205,0,.28), transparent 23%),
        linear-gradient(105deg, #eaf6d6 0%, #f9fbf4 55%, #e1f1bf 100%);
    box-shadow: 0 9px 24px rgba(76,104,0,.07);
}

.home-promoter-strip-icon {
    width: 48px;
    height: 48px;
    box-shadow: 0 8px 20px rgba(115,151,0,.18);
}

.home-promoter-strip strong {
    font-size: 1.15rem;
}

.home-promoter-strip p {
    margin-top: 4px;
    color: #59675f;
    font-size: .82rem;
}

.home-promoter-strip .button {
    min-height: 43px;
    padding: 10px 18px;
    background: #94c300;
    color: #102016;
    box-shadow: 0 7px 18px rgba(112,145,0,.16);
}

.home-promoter-strip .button:hover {
    background: #a8cd00;
}

@media (max-width: 1080px) and (min-width: 961px) {
    .home-events-layout {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 20px;
    }

    .home-product-card {
        grid-template-columns: minmax(0, 3fr) minmax(104px, 2fr);
    }
}

@media (max-width: 960px) {
    .home-events-layout {
        grid-template-columns: 1fr;
    }

    .home-product-card {
        grid-template-columns: minmax(0, 3fr) minmax(128px, 2fr);
        min-height: 158px;
    }
}

@media (max-width: 620px) {
    .home-product-card {
        grid-template-columns: minmax(0, 3fr) minmax(112px, 2fr);
    }

    .home-product-card-copy {
        padding: 15px 12px 15px 15px;
    }

    .home-promoter-strip {
        min-height: 0;
        padding: 15px;
    }
}

@media (max-width: 420px) {
    .home-product-card {
        grid-template-columns: minmax(0, 1.6fr) minmax(96px, 1fr);
    }
}