/* ==========================================================================
   Hospedagens Jaguariaíva
   Política de Privacidade
   ========================================================================== */

.privacy-page {
    background: var(--color-white);
}


/* ==========================================================================
   Hero
   ========================================================================== */

.privacy-hero {
    padding:
        calc(var(--spacing-xl) + var(--header-height, 72px))
        var(--spacing-md)
        var(--spacing-xl);

    background: var(--color-secondary);
}

.privacy-hero-content {
    max-width: 850px;
}

.privacy-hero h1 {
    margin-bottom: var(--spacing-md);

    font-size: clamp(2rem, 5vw, 3.25rem);
    line-height: 1.08;

    color: var(--color-primary);

    text-wrap: balance;
}

.privacy-intro {
    max-width: 780px;

    font-size: 1.1rem;
    line-height: 1.7;

    color: var(--color-text);
}

.privacy-updated {
    margin-top: var(--spacing-md);

    font-size: 0.9rem;

    color: var(--color-text-light);
}


/* ==========================================================================
   Layout
   ========================================================================== */

.privacy-content {
    padding:
        var(--spacing-xl)
        var(--spacing-md);
}

.privacy-layout {
    display: grid;

    grid-template-columns:
        minmax(220px, 280px)
        minmax(0, 820px);

    justify-content: center;

    gap: var(--spacing-xl);
}


/* ==========================================================================
   Navegação lateral
   ========================================================================== */

.privacy-navigation {
    align-self: start;
}

.privacy-navigation-card {
    position: sticky;
    top: calc(
        var(--header-height, 72px)
        + var(--spacing-md)
    );

    padding: var(--spacing-md);

    background: var(--color-bg);

    border-radius: var(--border-radius-lg);

    box-shadow: var(--shadow-sm);
}

.privacy-navigation-card > strong {
    display: block;

    margin-bottom: var(--spacing-sm);

    color: var(--color-primary);

    font-size: 1rem;
}

.privacy-navigation ol {
    margin: 0;
    padding: 0;

    list-style: none;
}

.privacy-navigation li + li {
    margin-top: 0.35rem;
}

.privacy-navigation a {
    display: block;

    padding: 0.35rem 0;

    color: var(--color-text-light);

    font-size: 0.9rem;

    text-decoration: none;
}

.privacy-navigation a:hover {
    color: var(--color-primary);

    text-decoration: underline;
}


/* ==========================================================================
   Conteúdo
   ========================================================================== */

.privacy-article {
    min-width: 0;
}

.privacy-section {
    padding-bottom: var(--spacing-lg);

    margin-bottom: var(--spacing-lg);

    border-bottom: 1px solid
        var(--color-border, #e5e5e5);

    scroll-margin-top:
        calc(
            var(--header-height, 72px)
            + 30px
        );
}

.privacy-section:last-child {
    border-bottom: 0;
}

.privacy-section h2 {
    margin-bottom: var(--spacing-md);

    font-size: clamp(1.45rem, 3vw, 2rem);

    line-height: 1.2;

    color: var(--color-primary);
}

.privacy-section h3 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-sm);

    font-size: 1.15rem;

    color: var(--color-text);
}

.privacy-section p {
    margin-bottom: var(--spacing-sm);

    line-height: 1.75;
}

.privacy-section ul {
    margin:
        var(--spacing-sm)
        0
        var(--spacing-md);

    padding-left: 1.4rem;
}

.privacy-section li {
    margin-bottom: 0.55rem;

    line-height: 1.65;
}


/* ==========================================================================
   Cards
   ========================================================================== */

.privacy-card {
    margin-top: var(--spacing-md);

    padding: var(--spacing-md);

    background: var(--color-bg);

    border-radius: var(--border-radius-md);

    border-left:
        4px solid
        var(--color-primary);
}

.privacy-card p:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   Destaque
   ========================================================================== */

.privacy-highlight {
    margin-top: var(--spacing-md);

    padding: var(--spacing-md);

    background: var(--color-secondary);

    border-radius: var(--border-radius-md);
}

.privacy-highlight strong {
    display: block;

    margin-bottom: var(--spacing-xs);

    color: var(--color-primary);
}

.privacy-highlight p:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   Contato
   ========================================================================== */

.privacy-contact {
    padding: var(--spacing-lg);

    background: var(--color-secondary);

    border-radius: var(--border-radius-lg);

    border-bottom: 0;
}

.privacy-back-contact {
    margin-top: var(--spacing-md);
}


/* ==========================================================================
   Breadcrumb
   ========================================================================== */

.privacy-page .breadcrumb {
    margin-bottom: var(--spacing-lg);
}


/* ==========================================================================
   Responsivo
   ========================================================================== */

@media (max-width: 900px) {

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

    .privacy-navigation {
        display: none;
    }
}


@media (max-width: 600px) {

    .privacy-hero {
        padding:
            calc(
                var(--spacing-lg)
                + var(--header-height, 72px)
            )
            var(--spacing-sm)
            var(--spacing-lg);
    }

    .privacy-content {
        padding:
            var(--spacing-lg)
            var(--spacing-sm);
    }

    .privacy-contact {
        padding: var(--spacing-md);
    }
}


/* ==========================================================================
   Acessibilidade / movimento reduzido
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }
}