/* Apenas regras exclusivas desta página */
html,
body {
    margin: 0
}

.hero {
    background: var(--brand-blue-hero);
    color: #fff;
    padding: 20px 0 40px
}

.hero .wrap {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 60px;
    align-items: center
}

h1 {
    font-family: "Dosis", sans-serif;
    line-height: 1.05;
    margin: 0 0 20px;
    font-size: clamp(28px, 4.5vw, 52px);
    font-weight: 400;
    color: var(--brand-yellow)
}

h1 b {
    color: var(--brand-yellow);
    font-weight: 700
}

.lead {
    font-size: clamp(18px, 1.8vw, 28px);
    opacity: .95;
    margin: 0 0 32px;
    font-family: "Dosis", sans-serif;
    font-weight: 400;
    line-height: 1.2
}

.hero-cta {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.hero-ill img {
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
}

.answer-box {
    background: rgba(255, 255, 255, 0.08);
    border-left: 4px solid var(--brand-yellow);
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0 30px;
}

.answer-box strong {
    color: var(--brand-yellow);
    display: block;
    margin-bottom: 10px;
}

.answer-box ul {
    margin: 12px 0 0 0;
    padding-left: 20px;
}

.answer-box li {
    margin-bottom: 6px;
    opacity: 0.9;
}

.quick-answers {
    background: var(--bg-light);
    padding: 40px 0;
}

.answers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.answer-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border-left: 4px solid var(--brand-blue);
    box-shadow: var(--shadow);
}

.answer-card h3 {
    margin: 0 0 12px;
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: 18px;
}

.answer-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

.competitor-intel {
    background: var(--brand-blue);
    color: #fff;
    padding: 60px 0;
}

.comparison-example {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 30px;
    margin-top: 30px;
}

.comparison-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 20px;
}

.comparison-card {
    background: rgba(255, 255, 255, 0.12);
    padding: 20px;
    border-radius: 8px;
}

.comparison-card h4 {
    color: var(--brand-yellow);
    margin: 0 0 10px;
    font-family: "Dosis", sans-serif;
}

.metrics {
    display: flex;
    gap: 15px;
    margin-top: 10px;
}

.metric {
    background: rgba(255, 255, 255, 0.15);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
}

.aeo-blocks {
    background: var(--bg-light);
    padding: 60px 0;
}

.aeo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.aeo-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border-left: 4px solid var(--brand-yellow);
    box-shadow: var(--shadow);
}

.aeo-card h3 {
    margin: 0 0 12px;
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: 18px;
}

.aeo-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

.aeo-list {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.aeo-list h4 {
    color: var(--brand-blue);
    margin-bottom: 20px;
    font-family: "Dosis", sans-serif;
    font-size: 20px;
}

.aeo-list ul {
    list-style: none;
    padding: 0;
}

.aeo-list li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.aeo-list li:last-child {
    border-bottom: none;
}

.aeo-list strong {
    color: var(--brand-blue);
}

.differentiators {
    background: var(--bg-light);
    padding: 80px 0;
}

.diff-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.diff-card {
    background: #fff;
    padding: 30px;
    border-radius: var(--radius);
    text-align: center;
    box-shadow: var(--shadow);
}

.diff-icon {
    font-size: 40px;
    margin-bottom: 15px;
}

.diff-card h3 {
    color: var(--brand-blue);
    font-family: "Dosis", sans-serif;
    margin-bottom: 15px;
}

.sector-keywords {
    padding: 60px 0;
    text-align: center;
}

.keyword-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    margin-top: 30px;
}

.keyword-group {
    text-align: center;
}

.keyword-group h3 {
    color: var(--brand-blue);
    font-family: "Dosis", sans-serif;
    margin-bottom: 20px;
    font-size: 22px;
    text-align: center;
}

.keyword-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: left;
}

.keyword-group li {
    padding: 8px 0;
    position: relative;
    padding-left: 25px;
    text-align: left;
}

.keyword-group li:before {
    content: "✓";
    color: var(--brand-yellow);
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 16px;
}

.breadcrumb {
    background: var(--brand-blue-hero);
    padding: 15px 0;
    font-size: 14px;
}

.breadcrumb ol {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumb li:not(:last-child):after {
    content: ">";
    margin: 0 10px;
    opacity: 0.6;
    color: var(--brand-yellow);
}

.breadcrumb a {
    color: var(--brand-yellow);
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.breadcrumb a:hover {
    opacity: 0.8;
}

.breadcrumb [aria-current="page"] {
    color: var(--brand-yellow);
    opacity: 0.8;
}

.trust .icon-wrapper img {
    height: 60px;
    width: auto
}

.logos img {
    height: 36px;
    width: auto;
    filter: none;
    opacity: 1
}

.section-title {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-weight: 600;
    font-size: clamp(22px, 3vw, 36px);
    margin: 0 0 16px;
    line-height: 1.1;
}

.section-lead {
    font-size: clamp(16px, 2vw, 18px);
    color: var(--ink-900);
    margin: 0 0 16px;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    line-height: 1.4;
}

.features-grid {
    display: grid;
    gap: 80px;
}

.feature-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

@media (min-width:1025px) {
    .feature-2 .feature-content {
        order: 2;
    }

    .feature-2 .feature-image {
        order: 1;
    }
}

.feature-content {
    padding: 20px;
}

.feature-content h3 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-weight: 600;
    font-size: clamp(18px, 2.5vw, 22px);
    margin: 0 0 16px;
}

.feature-content p {
    font-family: "DM Sans", sans-serif;
    color: var(--ink-900);
    font-size: clamp(16px, 1.8vw, 18px);
    line-height: 1.5;
    margin: 0;
}

.feature-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: var(--shadow)
}

.industries-section {
    padding: 80px 0;
    background: var(--bg-light)
}

.industries-header {
    text-align: center;
    margin-bottom: 60px
}

.industries-header h2 {
    font-family: "Dosis", sans-serif;
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    color: var(--brand-blue);
    margin: 0 0 16px;
}

.industries-header p {
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    color: var(--ink-700);
    margin: 0;
    max-width: 600px;
    margin-inline: auto;
}

.industries-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.industry-card {
    background: #fff;
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 30px;
    text-align: center;
    transition: transform .3s ease, box-shadow .3s ease;
}

.industry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .15);
}

.industry-icon {
    width: 53px;
    height: 53px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.industry-icon svg {
    width: 100%;
    height: 100%;
}

.industry-card h4 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 20px);
    margin: 0 0 15px;
}

.industry-card p {
    font-family: "DM Sans", sans-serif;
    color: var(--ink-900);
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: 1.5;
    margin: 0 0 20px;
}

.btn.blue {
    background: var(--brand-blue);
    color: var(--brand-yellow);
    border-color: var(--brand-blue);
}

.btn.blue:hover {
    background: #2a2fb3;
    transform: translateY(-2px);
}

.plans-section {
    padding: 10px 0;
    background: var(--brand-blue);
    color: #fff;
}

.plans-header {
    text-align: center;
}

.plans-header h2 {
    font-family: "Dosis", sans-serif;
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    color: var(--brand-yellow);
    margin: 0 0 16px;
}

.plans-header p {
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 0;
    line-height: 1.5;
    max-width: 800px;
    margin-inline: auto;
    opacity: 0.9;
}

.channel-group {
    margin-bottom: 40px;
}

.channel-group:last-child {
    margin-bottom: 0;
}

.channel-group h3 {
    font-family: "Dosis", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: clamp(18px, 2.5vw, 22px);
    margin: 0 0 20px;
    text-align: center;
}

.channel-icons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 30px;
    align-items: center;
    justify-items: center;
}

.channel-icons img {
    height: 40px;
    width: auto;
    filter: none;
}

.channel-names {
    text-align: center;
    margin-top: 20px;
    opacity: 0.9;
    font-size: 14px;
}

.calculator-section {
    padding: 80px 0;
    background: var(--brand-blue);
    color: #fff;
}

.calculator-iframe {
    width: 100%;
    height: 600px;
    border: none;
    border-radius: 10px;
    box-shadow: var(--shadow);
    background: #fff;
    margin: 30px 0;
}

.button-group {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.projects-section {
    padding: 80px 0
}

.projects-header {
    text-align: center;
    margin-bottom: 60px
}

.projects-header h2 {
    font-family: "Dosis", sans-serif;
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    color: var(--brand-blue);
    margin: 0 0 16px;
}

.projects-header p {
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    color: var(--ink-700);
    margin: 0;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.project-card {
    background: #fff;
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 24px;
    font-family: "DM Sans", sans-serif;
}

.project-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.project-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.project-icon img {
    width: 100%;
    height: auto;
}

.project-title {
    flex: 1
}

.project-title strong {
    display: block;
    font-weight: 700;
    color: var(--ink-900);
    font-size: 16px;
    margin-bottom: 4px;
}

.project-description {
    color: var(--ink-900);
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.project-details strong {
    display: block;
    font-weight: 700;
    color: var(--ink-900);
    font-size: 16px;
    margin-bottom: 4px;
}

.project-details span {
    color: var(--ink-900);
    font-size: 16px;
    line-height: 1.5;
}

.projects-actions {
    text-align: center
}

.badge-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--brand-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12)
}

.badge-circle img {
    width: 24px;
    height: auto;
    filter: none
}

.cta-section {
    background: var(--brand-blue);
    color: #fff;
    padding: 80px 0;
    text-align: center;
}

.cta-section h2 {
    font-family: "Dosis", sans-serif;
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    margin: 0 0 16px;
    color: var(--brand-yellow);
}

.cta-section p {
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    margin: 0 0 32px;
    opacity: .9;
}

.howto-section {
    background: linear-gradient(180deg, rgba(50, 58, 204, .06) 0%, rgba(50, 58, 204, .10) 100%);
    padding: 80px 0;
}

.howto-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}

.howto-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 12px;
}

.howto-steps {
    counter-reset: step-counter;
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 18px;
}

@media (max-width: 900px) {
    .howto-steps {
        grid-template-columns: 1fr;
    }
}

.howto-step {
    background: #fff;
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 18px 18px 18px 62px;
    position: relative;
}

.howto-step::before {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    top: 16px;
    left: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    background: var(--brand-yellow);
    color: var(--brand-blue);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.howto-step strong {
    display: block;
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: 18px;
    margin: 2px 0 8px;
}

.howto-step a.btn {
    margin-top: 10px;
}

.faq-section {
    background: #fff;
    padding: 70px 0;
}

.faq-wrap {
    max-width: 960px;
    margin: 0 auto;
}

.faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

@media (max-width: 900px) {
    .faq-grid {
        grid-template-columns: 1fr;
    }
}

.faq-item {
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    background: #fff;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 16px 48px 16px 16px;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    color: var(--brand-blue);
    font-size: 18px;
    position: relative;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    color: var(--brand-blue);
}

.faq-item[open] summary::after {
    content: "–";
}

.faq-body {
    padding: 0 16px 16px 16px;
    color: var(--ink-900);
    font-size: 16px;
    line-height: 1.55;
    border-top: 1px dashed #E6E8FF;
}

.faq-item:focus-within,
.faq-item summary:focus-visible {
    outline: 2px solid #AEB2FF;
    outline-offset: 2px;
    border-radius: 12px;
}

.section-title.center {
    text-align: center;
}

.section-lead.center {
    text-align: center;
    max-width: 760px;
    margin-inline: auto;
}

.answer-box-compact {
    background: rgba(255, 255, 255, 0.08);
    border-left: 4px solid var(--brand-yellow);
    padding: 12px 16px;
    border-radius: 8px;
    margin: 24px 0 24px;
    font-size: 16px;
    line-height: 1.4;
}

.answer-box-compact strong {
    color: var(--brand-yellow);
}

.compact-features {
    display: inline-flex;
    gap: 12px;
    margin-left: 8px;
    flex-wrap: wrap;
}

.compact-features span {
    font-size: 14px;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .compact-features {
        display: block;
        margin-left: 0;
        margin-top: 6px;
    }

    .compact-features span {
        display: block;
        margin-bottom: 4px;
    }
}

@media (max-width:1200px) {
    .hero .wrap {
        gap: 40px
    }

    .feature-row {
        gap: 40px
    }
}

@media (max-width:1024px) {
    .hero .wrap {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center
    }

    .feature-row {
        grid-template-columns: 1fr;
    }

    .feature-content {
        order: 1;
    }

    .feature-image {
        order: 2;
    }

    .channel-cards {
        grid-template-columns: 1fr
    }

    .projects-grid {
        grid-template-columns: 1fr
    }

    .comparison-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width:768px) {
    section {
        padding: 60px 0
    }

    .hero {
        padding: 60px 0 30px
    }

    .trust {
        padding: 20px 0 30px
    }

    .logos {
        gap: 20px
    }

    .logos img {
        height: 30px
    }

    .button-group {
        flex-direction: column;
        align-items: center
    }

    .calculator-iframe {
        height: 620px
    }
}

@media (max-width:480px) {
    .container {
        padding: 0 15px
    }

    section {
        padding: 50px 0
    }

    .hero {
        padding: 50px 0 25px
    }

    .industries-grid {
        grid-template-columns: 1fr
    }

    .answers-grid {
        grid-template-columns: 1fr;
    }
}



/* ===== ESTILOS PARA SEÇÃO DE PRICING (FEATURES & INDUSTRIES) ===== */

.feature-pricing {
    background: var(--bg-light);
    padding: 80px 0;
}

.feature-pricing .container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.feature-pricing h2 {
    font-family: "Dosis", sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--brand-blue) !important;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.pricing-intro {
    font-family: "DM Sans", sans-serif;
    font-size: 1.25rem;
    line-height: 1.6;
    color: var(--ink-700);
    margin-bottom: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-benefits {
    list-style: none;
    padding: 0;
    margin: 0 auto 2.5rem;
    max-width: 500px;
    text-align: left;
}

.pricing-benefits li {
    font-family: "DM Sans", sans-serif;
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--ink-700);
    margin-bottom: 0.75rem;
    padding-left: 0;
    /* REMOVIDO: padding-left: 2rem; */
    position: relative;
}

/* REMOVIDO: Símbolo de check verde */
.pricing-benefits li::before {
    content: none;
    /* Alterado para não mostrar nada */
}

.feature-pricing .btn.yellow {
    display: inline-block;
    background: linear-gradient(135deg, var(--brand-yellow) 0%, #ffeb3b 100%);
    color: var(--brand-blue-hero);
    font-family: "Dosis", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 1rem 2.5rem;
    border-radius: 999px;
    text-decoration: none;
    border: 2px solid var(--brand-yellow);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 255, 0, 0.3);
    cursor: pointer;
    margin-bottom: 1.5rem;
}

.feature-pricing .btn.yellow:hover {
    background: linear-gradient(135deg, #ffeb3b 0%, var(--brand-yellow) 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 255, 0, 0.4);
}

.pricing-link-hint {
    font-family: "DM Sans", sans-serif;
    font-size: 1rem;
    color: var(--ink-600);
    margin: 0;
}

.pricing-link-hint a {
    color: var(--brand-blue);
    text-decoration: none;
    /* REMOVIDO: text-decoration: underline; */
    font-weight: 600;
    transition: color 0.2s ease;
}

.pricing-link-hint a:hover {
    color: var(--brand-blue-hero);
    text-decoration: none;
    /* Garantir que não apareça sublinhado no hover */
}

/* ===== RESPONSIVIDADE ===== */

@media (max-width: 768px) {
    .feature-pricing {
        padding: 60px 0;
    }

    .feature-pricing h2 {
        font-size: 2rem;
    }

    .pricing-intro {
        font-size: 1.125rem;
        padding: 0 10px;
    }

    .pricing-benefits {
        padding: 0 20px;
    }

    .pricing-benefits li {
        font-size: 1rem;
    }

    .feature-pricing .btn.yellow {
        font-size: 1rem;
        padding: 0.875rem 2rem;
    }
}

@media (max-width: 480px) {
    .feature-pricing h2 {
        font-size: 1.75rem;
    }

    .pricing-intro {
        font-size: 1rem;
    }

    .pricing-benefits {
        padding: 0 10px;
    }

    .pricing-benefits li {
        font-size: 0.95rem;
        padding-left: 0;
        /* REMOVIDO: padding-left: 1.75rem; */
    }

    .feature-pricing .btn.yellow {
        width: 100%;
        max-width: 300px;
    }

    .pricing-link-hint {
        font-size: 0.95rem;
    }
}


/* ===== Amazon Products Section ===== */
.amazon-products-section {
    padding: 80px 0;
    background: linear-gradient(180deg, #ffffff 0%, var(--bg-light) 100%);
}

.amazon-products-header {
    text-align: center;
    margin-bottom: 60px;
}

.amazon-products-header .section-title {
    font-family: "Dosis", sans-serif;
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    color: var(--brand-blue);
    margin: 0 0 16px;
    line-height: 1.2;
}

.amazon-products-header .section-lead {
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    color: var(--ink-700);
    margin: 0 auto;
    max-width: 800px;
    line-height: 1.6;
}

.amazon-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.amazon-product-card {
    background: #fff;
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.amazon-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.amazon-product-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--brand-yellow);
}

.amazon-product-card h3 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 20px);
    margin: 0 0 15px;
    line-height: 1.3;
}

.amazon-product-card p {
    font-family: "DM Sans", sans-serif;
    color: var(--ink-900);
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: 1.6;
    margin: 0;
}

.amazon-products-cta {
    text-align: center;
}

.amazon-products-cta .btn.yellow {
    background: var(--brand-yellow);
    color: var(--brand-blue-hero);
    border-color: var(--brand-yellow);
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 700;
}

.amazon-products-cta .btn.yellow:hover {
    background: #fdfd6b;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 768px) {
    .amazon-products-section {
        padding: 60px 0;
    }

    .amazon-product-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 40px;
    }

    .amazon-product-card {
        padding: 24px;
    }
}

@media (max-width: 480px) {
    .amazon-products-section {
        padding: 50px 0;
    }

    .amazon-products-header {
        margin-bottom: 40px;
    }
}


/* Adicione ao seu arquivo CSS */
.channels-section h2 {
    color: var(--brand-yellow) !important;
    font-weight: 700;
}

.channels-section #channels-heading {
    color: var(--brand-yellow);
}


.channels-section .channels-intro {
    color: #fff !important;
}

/* Ou, se você já usou a classe .section-lead como sugerido: */
.channels-section .section-lead {
    color: #fff;
    margin-bottom: 50px;
}

.channel-card h3 {
    color: var(--brand-yellow) !important;
    font-weight: 700;
}

/* Substitua o CSS atual do .channel-cards por: */
.channel-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* Centraliza os cards horizontalmente */
    gap: 30px;
    margin-top: 40px;
}

.channel-card {
    flex: 0 1 calc(33.333% - 20px);
    /* 3 cards por linha */
    min-width: 300px;
    /* Largura mínima de cada card */
    max-width: 380px;
    /* Largura máxima */
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Quando tiver apenas 2 cards, eles automaticamente se centralizam */
/* O flex-wrap + justify-content já cuida disso */


/* ===== Industry Examples & Benchmarks Section ===== */
.industry-examples {
    padding: 80px 0;
    background: linear-gradient(180deg, #ffffff 0%, var(--bg-light) 100%);
}

.industry-examples .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header styling */
.industry-examples .section-title.center {
    text-align: center;
    margin-bottom: 16px;
    font-family: "Dosis", sans-serif;
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    color: var(--brand-blue);
}

.industry-examples .section-lead.center {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    color: var(--ink-700);
    line-height: 1.6;
}

/* Grid layout */
.examples-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

/* Example card styling */
.example-card {
    background: #fff;
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 32px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.example-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--brand-yellow);
    transition: width 0.3s ease;
}

.example-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.example-card:hover::before {
    width: 6px;
}

/* Card content */
.example-card h3 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-weight: 700;
    font-size: clamp(18px, 2vw, 22px);
    margin: 0 0 16px;
    line-height: 1.3;
}

.example-card p {
    font-family: "DM Sans", sans-serif;
    color: var(--ink-900);
    font-size: clamp(14px, 1.6vw, 16px);
    line-height: 1.6;
    margin: 0 0 24px;
    flex-grow: 1;
}

/* Link styling */
.example-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: "Dosis", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--brand-blue);
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 8px 0;
    border-bottom: 2px solid transparent;
    align-self: flex-start;
}

.example-link:hover {
    color: var(--brand-blue-hero);
    border-bottom-color: var(--brand-yellow);
    gap: 12px;
}

.example-link::after {
    content: "→";
    font-weight: 700;
    transition: transform 0.2s ease;
}

.example-link:hover::after {
    transform: translateX(4px);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .industry-examples {
        padding: 70px 0;
    }

    .examples-grid {
        gap: 25px;
    }

    .example-card {
        padding: 28px;
    }
}

@media (max-width: 768px) {
    .industry-examples {
        padding: 60px 0;
    }

    .industry-examples .section-lead.center {
        margin-bottom: 50px;
    }

    .examples-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }

    .example-card {
        padding: 24px;
    }

}

@media (max-width: 480px) {
    .industry-examples {
        padding: 50px 0;
    }

    .examples-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .example-card h3 {
        font-size: 20px;
    }

    .example-card p {
        font-size: 15px;
    }
}

/* Ajuste para quando houver apenas 1 card */
@media (min-width: 769px) and (max-width: 1023px) {
    .examples-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Para telas grandes, limite a 3 colunas */
@media (min-width: 1200px) {
    .examples-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}




/* ===== PÁGINA INDUSTRIES LIST (Página Específica) ===== */

/* Seção Industries - Página Específica */
.industries {
    padding: 80px 0;
    background: var(--bg-light);
}

.industries .header {
    text-align: center;
    margin-bottom: 36px;
}

.industries .header h2 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: clamp(26px, 3.6vw, 36px);
    margin: 0 0 10px;
}

.industries .header p {
    font-size: clamp(16px, 1.9vw, 18px);
    color: var(--ink-900);
    text-align: center;
    max-width: 840px;
    margin: 0 auto;
}

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 26px;
    margin-top: 24px;
}

.card {
    background: #fff;
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    padding: 24px;
    text-align: center;
    box-shadow: var(--shadow);
    transition: transform .25s ease, box-shadow .25s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .14);
}

.icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card h3 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: 20px;
    margin: 0 0 10px;
}

.card p {
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 16px;
}

.card .btn {
    min-width: 160px;
    background: var(--brand-blue);
    color: var(--brand-yellow);
    border-color: var(--brand-blue);
}

.card .btn:hover {
    background: #2a2fb3;
    transform: translateY(-2px);
}

/* Media query específica para industries */
@media (max-width:768px) {
    .industries {
        padding: 64px 0;
    }
}

@media (max-width: 480px) {
    .cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}






/* ===== ESTILOS PARA SEÇÃO AEO ===== */
.aeo {
    background: var(--bg-light);
    padding: 80px 0;
}

.aeo .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Estilos para a lista de cards na seção AEO */
.aeo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 40px;
    list-style: none;
    padding: 0;
}

.aeo-card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border-left: 4px solid var(--brand-yellow);
    box-shadow: var(--shadow);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.aeo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.aeo-card h3 {
    margin: 0 0 12px;
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: clamp(18px, 2vw, 20px);
    font-weight: 600;
}

.aeo-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    color: var(--ink-900);
}

/* ===== ESTILOS PARA SEÇÃO INDUSTRIES-CONTEXT ===== */
.industries-context {
    background: #fff;
    padding: 80px 0;
    text-align: center;
}

.industries-context h2 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1.2;
}

.industries-context p {
    font-family: "DM Sans", sans-serif;
    color: var(--ink-900);
    font-size: clamp(16px, 1.8vw, 18px);
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}

.industries-context strong {
    color: var(--brand-blue);
    font-weight: 600;
}



/* ===== ESTILOS PARA SEÇÃO INDUSTRY-INTELLIGENCE-SECTION ===== */
.industry-intelligence-section {
    background: #fff;
    padding: 80px 0;
}

.industry-intelligence-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.industry-intelligence-header {
    text-align: center;
    margin-bottom: 60px;
}

.industry-intelligence-header .section-title {
    font-family: "Dosis", sans-serif;
    font-size: clamp(29px, 4vw, 36px);
    font-weight: 500;
    color: var(--brand-blue);
    margin: 0 0 16px;
}

.industry-intelligence-header .section-subtitle {
    font-family: "DM Sans", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    color: var(--ink-700);
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.industry-intelligence-steps {
    counter-reset: step-counter;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.industry-intelligence-step {
    background: var(--bg-light);
    border: 1px solid #EEF0FF;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 30px;
    position: relative;
    padding-left: 80px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.industry-intelligence-step:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.industry-intelligence-step::before {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    top: 30px;
    left: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--brand-yellow);
    color: var(--brand-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Dosis", sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.industry-intelligence-step h3 {
    font-family: "Dosis", sans-serif;
    color: var(--brand-blue);
    font-size: clamp(18px, 2vw, 20px);
    margin: 0;
    line-height: 1.4;
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 1024px) {
    .industry-intelligence-steps {
        gap: 20px;
    }
    
    .industry-intelligence-step {
        padding-left: 70px;
    }
    
    .industry-intelligence-step::before {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .aeo,
    .industries-context,
    .industry-intelligence-section {
        padding: 60px 0;
    }
    
  
    
    .industry-intelligence-steps {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .industry-intelligence-step {
        padding: 25px 25px 25px 65px;
    }
    
    .industry-intelligence-step::before {
        top: 25px;
        left: 25px;
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .aeo,
    .industries-context,
    .industry-intelligence-section {
        padding: 50px 0;
    }
    
    .aeo-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .aeo-card {
        padding: 20px;
    }
    
  
    
    .industry-intelligence-step {
        padding: 20px 20px 20px 60px;
    }
    
    .industry-intelligence-step::before {
        top: 20px;
        left: 20px;
    }
}


/* ===== HERO SEM IMAGEM - PÁGINA RAIZ /INDUSTRIES/ ===== */

/* Ajuste principal: sobrepõe o grid para centralizar conteúdo */
.hero-no-image .wrap {
    display: block !important; /* Remove o grid */
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

/* Ajuste do título para centralizar */
.hero-no-image .hero-content h1 {
    text-align: center;
}

/* Ajuste do lead paragraph */
.hero-no-image .hero-content .lead {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Centraliza os botões CTA */
.hero-no-image .hero-cta {
    justify-content: center;
}

/* Ajuste responsivo: remove qualquer imagem fantasma */
.hero-no-image .hero-ill {
    display: none !important;
}

/* Opcional: ajusta espaçamento vertical */
.hero-no-image {
    padding: 40px 0 60px !important;
}

/* Para telas grandes: ajusta ainda mais o foco central */
@media (min-width: 1025px) {
    .hero-no-image .hero-content {
        padding: 0 20px;
    }
    
    .hero-no-image .lead {
        font-size: clamp(20px, 2vw, 28px);
    }
}

/* Ajuste para mobile: garante que tudo fique centralizado */
@media (max-width: 1024px) {
    .hero-no-image .wrap {
        text-align: center !important;
    }
    
    .hero-no-image .hero-content {
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .hero-no-image .hero-cta {
        justify-content: center !important;
    }
}