/* V185: mantém as capas e demais ajustes, mas remove SOMENTE os overrides da galeria.
   Assim a galeria volta a usar o layout responsivo original do evento, sem alterar fontes/tamanhos das capas. */
html body .whatsapp-float .whatsapp-button { border-radius: 10px !important; }
html body .foto-ratts-home .fr-hero__shade {
    background: linear-gradient(0deg, rgba(14,13,12,.55) 0%, rgba(14,13,12,.25) 24%, rgba(14,13,12,0) 56%) !important;
}
html body .foto-ratts-home .fr-photo-card__shade {
    background: linear-gradient(to top, rgba(17,16,14,.58) 0%, rgba(17,16,14,.12) 42%, transparent 72%) !important;
}

/* V161: mesmo degradê suave da Home em todas as listagens e na busca. */
html body .fr-events-page .fr-event-card__shade {
    background: linear-gradient(to top, rgba(17,16,14,.58) 0%, rgba(17,16,14,.12) 42%, transparent 72%) !important;
}

/* V162: capas uniformes, nome em destaque e metadados discretos. */
html body .fr-cover162 { display:block!important; color:#fff!important; text-align:left!important; }
html body .fr-cover162 .fr-cover162__name {
 display:block!important; font-family:Arial,Helvetica,sans-serif!important;
 font-size:clamp(16px,1.2vw,20px)!important; font-weight:400!important;
 line-height:1.18!important; letter-spacing:.025em!important;
 color:#fff!important; margin:0!important; padding:0!important; border:0!important;
 white-space:normal!important; overflow-wrap:anywhere; text-transform:uppercase!important;
}
html body .fr-cover162 .fr-cover162__meta {
 display:flex!important; flex-wrap:wrap; align-items:baseline; gap:0 6px;
 margin:7px 0 0!important; padding:0!important; border:0!important;
 font-family:Arial,Helvetica,sans-serif!important; font-size:12px!important;
 line-height:1.4!important; font-weight:400!important; letter-spacing:.01em!important; color:#fff!important;
}
html body .fr-cover162 .fr-cover162__meta > * {
 font:inherit!important; color:inherit!important; margin:0!important; padding:0!important; border:0!important;
}
html body .fr-cover162::before,html body .fr-cover162::after,
html body .fr-cover162 *::before,html body .fr-cover162 *::after {display:none!important;content:none!important;}

/* V165: idade em MAIÚSCULAS e com a mesma fonte visual do nome.
   Mantém 14px para continuar um pouco menor que o nome; data permanece 12px. */
html body .fr-cover162 .fr-cover162__meta > .fr-cover162__age {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
}

/* Branco do nome mais suave, sem alterar a fotografia. */
html body .fr-cover162 .fr-cover162__name { opacity:.88!important; }

/* V166: idade menor + 1 evento por linha no celular + hero mobile igual ao desktop. */
html body .fr-cover162 .fr-cover162__meta > .fr-cover162__age {
    font-size: 11px !important;
}

@media (max-width: 680px) {
    /* Todas as capas de eventos: uma por linha para ganhar tamanho no celular. */
    html body .fr-events-page .fr-events__grid,
    html body .foto-ratts-home .home-eventos__grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body .fr-events-page .fr-events__grid {
        gap: 14px !important;
    }

    html body .foto-ratts-home .home-eventos__grid {
        gap: 14px !important;
    }
}

@media (max-width: 767.98px) {
    /* Hero do celular: texto e botões ficam SOBRE a foto, como no computador. */
    html body .foto-ratts-home .fr-hero,
    html body .foto-ratts-home .fr-hero__slider,
    html body .foto-ratts-home .fr-hero__slider .slick-list,
    html body .foto-ratts-home .fr-hero__slider .slick-track,
    html body .foto-ratts-home .fr-hero__slide,
    html body .foto-ratts-home .fr-hero__media {
        background: #1f1e1b !important;
    }

    html body .foto-ratts-home .fr-hero__slide {
        position: relative !important;
    }

    html body .foto-ratts-home .fr-hero__shade {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        background:
            linear-gradient(90deg, rgba(18,17,15,.70) 0%, rgba(18,17,15,.34) 48%, rgba(18,17,15,.06) 100%),
            linear-gradient(0deg, rgba(15,14,12,.38) 0%, rgba(15,14,12,.04) 58%, transparent 100%) !important;
        pointer-events: none !important;
    }

    html body .foto-ratts-home .fr-hero__content-wrap {
        position: absolute !important;
        inset: 0 !important;
        z-index: 3 !important;
        display: flex !important;
        align-items: flex-end !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 14px 16px !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    html body .foto-ratts-home .fr-hero__content {
        width: min(78%, 285px) !important;
        max-width: 285px !important;
        color: #fff !important;
    }

    html body .foto-ratts-home .fr-hero__kicker {
        margin: 0 0 3px !important;
        font-size: 7px !important;
        line-height: 1.1 !important;
        letter-spacing: .15em !important;
    }

    html body .foto-ratts-home .fr-hero__content h1 {
        margin: 0 !important;
        font-size: clamp(22px, 7vw, 30px) !important;
        line-height: .96 !important;
    }

    html body .foto-ratts-home .fr-hero__content p {
        display: block !important;
        margin: 4px 0 7px !important;
        max-width: 260px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        color: rgba(255,255,255,.78) !important;
    }

    html body .foto-ratts-home .fr-hero__actions {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        margin: 0 !important;
    }

    html body .foto-ratts-home .fr-hero__actions .fr-btn {
        min-height: 28px !important;
        padding: 0 8px !important;
        font-size: 6.8px !important;
        line-height: 1 !important;
        letter-spacing: .055em !important;
        white-space: nowrap !important;
    }

    /* Indicadores ficam dentro da própria foto, sem criar faixa cinza abaixo. */
    html body .foto-ratts-home .fr-hero .slick-dots {
        top: auto !important;
        bottom: 4px !important;
        z-index: 4 !important;
        margin: 0 !important;
        padding: 2px 5px !important;
    }
}


/* V167: celular com 1 evento por linha, inclusive Trabalhos Recentes. */
@media (max-width: 767.98px) {
    html body.foto-ratts-home .home-eventos--recentes .home-eventos__grid,
    html body .foto-ratts-home .home-eventos--recentes .home-eventos__grid,
    html body .fr-events-page .fr-events .fr-events__grid {
        grid-template-columns: minmax(0, 1fr) !important;
        column-gap: 0 !important;
        row-gap: 14px !important;
    }

    html body.foto-ratts-home .home-eventos--recentes .home-eventos__container,
    html body .foto-ratts-home .home-eventos--recentes .home-eventos__container {
        width: 100% !important;
        max-width: 100% !important;
    }
}
\n\n/* V169: título do slide menor no celular, mantendo proporção próxima ao desktop. */\n@media (max-width: 767.98px) {\n    html body .foto-ratts-home .fr-hero__content h1 {\n        font-size: clamp(17px, 5.1vw, 22px) !important;\n        line-height: 1.02 !important;\n        letter-spacing: -.01em !important;\n        max-width: 230px !important;\n    }\n}\n

/* V170: nome menor nas capas das listagens e parceiros, mantendo padrão da capa inicial. */
html body .fr-events-page .fr-cover162 .fr-cover162__name,
html body .fr-partner-show-page .fr-cover162 .fr-cover162__name {
    font-size: clamp(14px, .95vw, 17px) !important;
    line-height: 1.14 !important;
}

html body .fr-events-page .fr-cover162 .fr-cover162__meta,
html body .fr-partner-show-page .fr-cover162 .fr-cover162__meta {
    margin-top: 5px !important;
    font-size: 11px !important;
}

html body .fr-events-page .fr-cover162 .fr-cover162__meta > .fr-cover162__age,
html body .fr-partner-show-page .fr-cover162 .fr-cover162__meta > .fr-cover162__age {
    font-size: 10px !important;
}

/* Parceiros: usa o mesmo padrão visual das capas de eventos. */
html body .fr-partner-show-page .fr-partner-event-card__copy {
    display: block !important;
}
html body .fr-partner-show-page .fr-partner-event-card__copy .fr-cover162 {
    display: block !important;
}

@media (max-width: 767.98px) {
    html body .fr-events-page .fr-cover162 .fr-cover162__name,
    html body .fr-partner-show-page .fr-cover162 .fr-cover162__name {
        font-size: clamp(15px, 5.1vw, 19px) !important;
    }

    html body .fr-events-page .fr-cover162 .fr-cover162__meta,
    html body .fr-partner-show-page .fr-cover162 .fr-cover162__meta {
        font-size: 10px !important;
    }

    html body .fr-events-page .fr-cover162 .fr-cover162__meta > .fr-cover162__age,
    html body .fr-partner-show-page .fr-cover162 .fr-cover162__meta > .fr-cover162__age {
        font-size: 9px !important;
    }
}


/* V171: todas as páginas internas de eventos usam exatamente o mesmo tamanho de fonte aplicado nos eventos dos parceiros. A Home permanece inalterada. */
html body .fr-events-page .fr-cover162 .fr-cover162__name {
    font-size: clamp(14px, .95vw, 17px) !important;
    line-height: 1.14 !important;
}
html body .fr-events-page .fr-cover162 .fr-cover162__meta {
    margin-top: 5px !important;
    font-size: 11px !important;
}
html body .fr-events-page .fr-cover162 .fr-cover162__meta > .fr-cover162__age {
    font-size: 10px !important;
}
@media (max-width: 767.98px) {
    html body .fr-events-page .fr-cover162 .fr-cover162__name {
        font-size: clamp(15px, 5.1vw, 19px) !important;
    }
    html body .fr-events-page .fr-cover162 .fr-cover162__meta {
        font-size: 10px !important;
    }
    html body .fr-events-page .fr-cover162 .fr-cover162__meta > .fr-cover162__age {
        font-size: 9px !important;
    }
}