/* Frases — direção editorial inspirada em interfaces Apple: clareza, profundidade e ritmo. */
body.phrases-page {
    --apple-bg: #f5f5f7;
    --apple-surface: #ffffff;
    --apple-surface-soft: #ececf0;
    --apple-ink: #1d1d1f;
    --apple-secondary: #55555a;
    --apple-tertiary: #6b6b70;
    --apple-line: rgba(0, 0, 0, 0.1);
    --apple-blue: #0066cc;
    --apple-blue-hover: #0077ed;
    --apple-radius: 28px;
    /* Neutraliza o néon herdado (rosa/ciano/violeta) para a direção editorial. */
    --pink: #0066cc;
    --cyan: #4a8fd0;
    --violet: #6e6e73;
    --text: var(--apple-ink);
    --muted: #515154;
    --soft: #a1a1a6;
    --panel: var(--apple-surface);
    --panel2: var(--apple-bg);
    color: var(--apple-ink);
    background: var(--apple-bg) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

.phrases-page .wrap { width: min(1180px, calc(100% - 40px)); }
.phrases-page main { overflow: clip; }

.phrases-page .header {
    min-height: 54px;
    color: var(--apple-ink);
    background: rgba(250, 250, 252, 0.82) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: none;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.phrases-page .header-inner { min-height: 54px; }
.phrases-page .brand { gap: 9px; }
.phrases-page .brand img { width: 28px; }
.phrases-page .brand-text {
    color: var(--apple-ink);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 650;
    letter-spacing: -0.01em;
}
.phrases-page .brand-text span { color: var(--apple-secondary); font-size: 0.75rem; font-weight: 500; }
.phrases-page .back-link { color: var(--apple-secondary); font-family: inherit; font-size: 0.8125rem; font-weight: 600; }
.phrases-page .back-link:hover { color: var(--apple-blue); }

.phrases-page .hero {
    padding: clamp(56px, 7vw, 96px) 0 30px;
    color: var(--apple-ink);
    background: linear-gradient(180deg, #fbfbfd 0%, var(--apple-bg) 100%);
    text-align: center;
}
.phrases-page .hero::before { display: none; }
.phrases-page .hero h1 {
    max-width: 780px;
    margin-bottom: 22px;
    color: var(--apple-ink);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(2.5rem, 5.6vw, 4.6rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.035em;
}
.phrases-page .hero h1 span { color: var(--apple-secondary); -webkit-text-fill-color: currentColor; }
.phrases-page .hero > .wrap > p {
    max-width: 700px;
    color: var(--apple-secondary);
    font-size: clamp(1.05rem, 2vw, 1.32rem);
    font-weight: 450;
    line-height: 1.5;
}
.phrases-page .hero-chips { display: flex !important; justify-content: center; gap: 0; margin-top: 22px; }
.phrases-page .hero-chip {
    display: inline-flex;
    min-height: auto;
    padding: 0;
    color: var(--apple-secondary);
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 0.8125rem;
    font-weight: 600;
}
.phrases-page .hero-chip + .hero-chip::before { content: "•"; margin: 0 11px; color: #a1a1a6; }

.phrases-page .tools {
    max-width: 760px;
    margin: 38px auto 12px;
    padding: 0;
    border: 0;
    border-radius: 18px;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.phrases-page .search {
    min-height: 56px;
    padding: 15px 52px 15px 20px;
    color: var(--apple-ink);
    background: var(--apple-surface) !important;
    border: 1px solid transparent;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 26px rgba(0, 0, 0, 0.06);
}
.phrases-page .search::placeholder { color: var(--apple-tertiary); }
.phrases-page .search:focus {
    border-color: rgba(0, 102, 204, 0.48);
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.12);
}
.phrases-page .clear-search { color: #515154; background: #e8e8ed; border: 0; }
.phrases-page .clear-search:hover { color: #fff; background: var(--apple-ink); }
.phrases-page .results-count { margin-top: 8px; color: var(--apple-secondary); font-size: 0.8125rem; font-weight: 600; }

.phrases-page .category-upsell {
    max-width: 760px;
    grid-template-columns: 76px minmax(0, 1fr) auto;
    gap: 18px;
    margin-top: 22px;
    padding: 14px;
    color: var(--apple-ink);
    background: var(--apple-surface);
    border: 0;
    border-radius: 22px;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.07);
}
.phrases-page .category-preview { width: 76px; border: 0; border-radius: 16px; box-shadow: none; }
.phrases-page .category-upsell strong { margin-bottom: 3px; font-family: inherit; font-size: 1rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.015em; }
.phrases-page .category-upsell span { color: var(--apple-secondary); font-size: 0.8125rem; font-weight: 450; line-height: 1.4; }
.phrases-page .category-upsell a {
    min-height: 44px;
    padding: 10px 16px;
    color: #fff;
    background: var(--apple-blue);
    border-radius: 999px;
    box-shadow: none;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 650;
}
.phrases-page .category-upsell a:hover { background: #005bb5; }
.phrases-page .helper-line { max-width: 720px; margin: 18px auto 20px; color: var(--apple-secondary); font-size: 0.875rem; }

.phrases-page .tabs {
    top: 54px;
    gap: 6px;
    padding-top: 9px;
    padding-bottom: 9px;
    color: var(--apple-ink);
    background: rgba(245, 245, 247, 0.84) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: none;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.phrases-page .tab {
    min-height: 36px;
    padding: 8px 14px;
    color: var(--apple-secondary);
    background: transparent;
    border: 0;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
}
.phrases-page .tab:hover { color: var(--apple-ink); background: rgba(0, 0, 0, 0.06); box-shadow: none; }
.phrases-page .tab.active { color: #fff; background: var(--apple-ink); box-shadow: none; }

.phrases-page .section { padding: 26px 0 112px; }
.phrases-page .tips { gap: 12px; margin: 20px 0 0; }
.phrases-page .tip {
    min-height: 132px;
    padding: 24px;
    color: var(--apple-ink);
    background: var(--apple-surface);
    border: 0;
    border-radius: 22px;
    box-shadow: none;
}
.phrases-page .tip strong { margin-bottom: 7px; font-family: inherit; font-size: 1rem; font-weight: 700; }
.phrases-page .tip span { color: var(--apple-secondary); font-size: 0.875rem; font-weight: 450; line-height: 1.5; }

.phrases-page .studio-launch {
    gap: clamp(24px, 6vw, 80px);
    margin-top: 28px;
    padding: clamp(32px, 6vw, 68px);
    color: #f5f5f7;
    background: #1b1b1d;
    border: 0;
    border-radius: var(--apple-radius);
    box-shadow: none;
}
.phrases-page .studio-launch-badge {
    margin-bottom: 16px;
    padding: 5px 9px;
    color: var(--apple-ink);
    background: #ff9f0a;
    border: 0;
    font-size: 0.8125rem;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: none;
    border-radius: 999px;
}
.phrases-page .studio-launch h2 {
    max-width: 720px;
    color: #f5f5f7;
    font-family: inherit;
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.035em;
}
.phrases-page .studio-launch p { max-width: 38em; margin-top: 14px; color: #d2d2d7; font-size: 1rem; font-weight: 450; line-height: 1.55; }
.phrases-page .studio-launch-btn {
    min-height: 48px;
    padding: 12px 19px;
    color: #fff;
    background: var(--apple-blue);
    border: 0;
    border-radius: 999px;
    box-shadow: none;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 650;
}
.phrases-page .studio-launch-btn:hover { background: #005bb5; transform: none; }

.phrases-page .theme {
    margin-top: 0;
    padding-top: clamp(62px, 8vw, 96px);
    color: var(--apple-ink);
    border-top: 0;
    scroll-margin-top: 112px;
}
.phrases-page .theme-head {
    align-items: end;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border: 0;
}
.phrases-page .theme h2 {
    color: var(--apple-ink);
    font-family: inherit;
    font-size: clamp(1.85rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
}
.phrases-page .theme h2::before { display: none; }
.phrases-page .theme small { color: var(--apple-secondary); font-size: 0.8125rem; font-weight: 500; }
.phrases-page .grid { gap: 12px; }
.phrases-page .phrase {
    min-height: 176px;
    padding: 22px;
    color: var(--apple-ink);
    background: var(--apple-surface);
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 22px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: transform 220ms ease, box-shadow 220ms ease;
}
.phrases-page .phrase::before { top: -15px; color: #ececf0; font-size: 5.2rem; }
.phrases-page .phrase p { color: var(--apple-ink); font-size: 1rem; font-weight: 500; line-height: 1.48; letter-spacing: -0.012em; }
.phrases-page .phrase:hover {
    color: var(--apple-ink);
    background: var(--apple-surface);
    border-color: rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.09);
    transform: translateY(-3px);
}
.phrases-page .phrase-footer { position: relative; z-index: 1; gap: 7px; }
.phrases-page .tag { margin-right: auto; color: #6e6e73; font-size: 0.78rem; font-weight: 650; letter-spacing: 0.055em; }
.phrases-page .copy,
.phrases-page .create-post-button {
    min-height: 38px;
    padding: 8px 12px;
    color: var(--apple-ink);
    background: #ececf0;
    border: 0;
    border-radius: 999px;
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 650;
}
.phrases-page .copy:hover { color: #fff; background: var(--apple-ink); }
.phrases-page .create-post-button { color: var(--apple-blue); background: #e8f2ff; }
.phrases-page .create-post-button:hover { color: #fff; background: var(--apple-blue); }
.phrases-page .copy.done { color: #fff; background: #248a3d; }
.phrases-page .load-more {
    width: fit-content;
    min-height: 44px;
    margin-top: 18px;
    padding: 10px 18px;
    color: var(--apple-blue);
    background: transparent;
    border: 0;
    border-radius: 999px;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 650;
}
.phrases-page .load-more:hover { color: #fff; background: var(--apple-blue); }

/* Os novos product stories substituem os blocos comerciais antigos. */
.phrases-page .inline-offer,
.phrases-page .final-offers,
.phrases-page .upsell-hero,
.phrases-page .recado-embed,
.phrases-page .recado-embed-note { display: none !important; }

.phrases-page .conversion-bridge {
    margin: clamp(58px, 8vw, 96px) 0 0;
    padding: clamp(34px, 6vw, 72px);
    color: var(--apple-ink);
    background: #f1e7ec;
    border: 0;
    border-radius: 32px;
    box-shadow: none;
}
.phrases-page .conversion-bridge[data-tone="gold"] { background: #f5ecd5; }
.phrases-page .conversion-bridge[data-tone="electric"] { background: #e5f1f8; }
.phrases-page .bridge-visual { min-height: 340px; }
.phrases-page .bridge-visual img {
    width: min(235px, 78%);
    border-radius: 24px;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.16);
    transform: none;
}
.phrases-page .bridge-marker {
    right: 4%;
    bottom: 22px;
    padding: 10px 13px;
    color: var(--apple-ink);
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    font-size: 0.75rem;
    font-weight: 650;
    transform: none;
}
.phrases-page .bridge-kicker,
.phrases-page .conversion-bridge[data-tone="gold"] .bridge-kicker,
.phrases-page .conversion-bridge[data-tone="electric"] .bridge-kicker {
    margin-bottom: 14px;
    color: var(--apple-blue);
    font-size: 0.8125rem;
    font-weight: 650;
}
.phrases-page .bridge-copy h3 {
    color: var(--apple-ink);
    font-family: inherit;
    font-size: clamp(1.6rem, 3vw, 2.45rem);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.035em;
}
.phrases-page .bridge-copy > p { margin-top: 20px; color: #515154; font-size: clamp(1rem, 2vw, 1.16rem); font-weight: 450; line-height: 1.55; }
.phrases-page .bridge-consequence {
    margin: 22px 0;
    padding: 16px 18px;
    color: #3a3a3c;
    background: rgba(255, 255, 255, 0.6);
    border: 0;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 600;
}
.phrases-page .bridge-actions { gap: 8px; }
.phrases-page .bridge-actions a {
    min-height: 44px;
    padding: 11px 16px;
    color: var(--apple-blue);
    background: rgba(255, 255, 255, 0.68);
    border: 0;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 650;
}
.phrases-page .bridge-actions a.primary { color: #fff; background: var(--apple-blue); border: 0; }
.phrases-page .bridge-actions a:hover { color: #fff; background: #005bb5; transform: none; }
.phrases-page .bridge-proof { gap: 7px 16px; margin-top: 17px; color: var(--apple-secondary); font-size: 0.75rem; font-weight: 550; }
.phrases-page .bridge-proof span::before { color: #248a3d; }

.phrases-page .empty { color: var(--apple-secondary); background: var(--apple-surface); border-color: var(--apple-line); }
.phrases-page .toast { color: #fff; background: rgba(29, 29, 31, 0.92); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2); }
.phrases-page .eds-corporate-footer { background: #070708; }
.phrases-page .eds-footer-brand p,
.phrases-page .eds-footer-col a { color: #c7c7cc !important; }
.phrases-page :focus-visible { outline-color: rgba(0, 102, 204, 0.5); }

@media (max-width: 720px) {
    .phrases-page .wrap { width: min(100% - 40px, 1180px); }
    .phrases-page .header-inner { min-height: 52px; }
    .phrases-page .brand img { width: 26px; }
    .phrases-page .hero { padding: 66px 0 22px; }
    .phrases-page .hero h1 { max-width: 360px; margin-bottom: 18px; font-size: clamp(2.2rem, 9.6vw, 3.2rem); line-height: 1.02; letter-spacing: -0.03em; }
    .phrases-page .hero > .wrap > p { max-width: 350px; font-size: 1rem; line-height: 1.5; }
    .phrases-page .hero-chips { flex-wrap: wrap; row-gap: 6px; }
    .phrases-page .hero-chip { padding: 0; font-size: 0.75rem; }
    .phrases-page .hero-chip + .hero-chip::before { margin-inline: 8px; }
    .phrases-page .tools { margin-top: 28px; }
    .phrases-page .search { min-height: 52px; font-size: 0.9rem; }
    .phrases-page .category-upsell { grid-template-columns: 64px 1fr; gap: 12px; padding: 12px; border-radius: 18px; text-align: left; }
    .phrases-page .category-preview { width: 64px; }
    .phrases-page .category-upsell strong { font-size: 0.9rem; }
    .phrases-page .category-upsell span { font-size: 0.75rem; }
    .phrases-page .category-upsell a { grid-column: 1 / -1; width: 100%; }
    .phrases-page .helper-line { margin: 15px auto; font-size: 0.8125rem; }
    .phrases-page .tabs { top: 52px; margin-inline: calc(50% - 50vw); padding-inline: 14px; }
    .phrases-page .section { padding-top: 12px; }
    .phrases-page .tips {
        display: flex;
        gap: 10px;
        margin-inline: -14px;
        padding: 0 14px 8px;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    .phrases-page .tips::-webkit-scrollbar,
    .phrases-page .theme .grid::-webkit-scrollbar { display: none; }
    .phrases-page .tip { flex: 0 0 min(76vw, 290px); min-height: 120px; padding: 20px; scroll-snap-align: start; }
    .phrases-page .studio-launch { margin-top: 22px; padding: 30px 24px; border-radius: 24px; }
    .phrases-page .studio-launch h2 { font-size: clamp(2rem, 10vw, 3rem); }
    .phrases-page .studio-launch-btn { width: fit-content; min-height: 46px; }
    .phrases-page .theme { padding-top: 62px; }
    .phrases-page .theme-head { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 5px; }
    .phrases-page .theme-head small { grid-row: 2; }
    .phrases-page .theme-head::after { grid-row: 3; }
    .phrases-page .theme h2 { font-size: 2rem; }
    .phrases-page .theme-head::after { color: var(--apple-secondary); font-size: 0.75rem; font-weight: 500; }
    .phrases-page .theme .grid { gap: 10px; margin-inline: -14px; padding: 3px 14px 8px; scrollbar-width: none; }
    .phrases-page .theme .phrase { flex-basis: min(84vw, 328px); min-height: 196px; padding: 20px; border-radius: 20px; }
    .phrases-page .theme.is-expanded .grid { grid-template-rows: repeat(2, minmax(196px, auto)); grid-auto-columns: min(84vw, 328px); }
    .phrases-page .theme.is-expanded .phrase { width: min(84vw, 328px); }
    .phrases-page .load-more { width: fit-content; margin-top: 12px; }
    .phrases-page .conversion-bridge { gap: 22px; margin-top: 64px; padding: 34px 24px; border-radius: 26px; }
    .phrases-page .bridge-visual { min-height: 235px; }
    .phrases-page .bridge-visual img { width: min(168px, 52%); border-radius: 18px; }
    .phrases-page .bridge-marker { right: 6%; bottom: 5px; }
    .phrases-page .bridge-copy h3 { font-size: clamp(2.2rem, 11.2vw, 3.1rem); }
    .phrases-page .bridge-actions { display: flex; }
    .phrases-page .bridge-actions a { width: auto; }
    .phrases-page .bridge-actions a.primary { width: 100%; }
}

@media (max-width: 390px) {
    .phrases-page .brand-text span { display: none; }
    .phrases-page .back-link { font-size: 0.75rem; }
    .phrases-page .hero-chip { border: 0; }
    .phrases-page .phrase-footer { flex-wrap: wrap; }
    .phrases-page .tag { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .phrases-page .phrase,
    .phrases-page .phrase.pop-in { animation: none; transition: none; }
}

/* Auditoria visual: entrelinhas de leitura nas secções finais. */
.phrases-page .final-offers h2,.phrases-page .final-offers h3 { line-height: 1.35; }