/**
 * desktop-sizes.css - Aumento de tamanhos para desktop
 * Versão: 1.0
 */

/* ===== DESKTOP (769px+) ===== */

@media (min-width: 769px) {
    .container {
        max-width: 800px;
        padding: 40px 32px;
    }

    .progress-bar {
        margin-bottom: 40px;
    }

    .intro {
        margin-bottom: 48px;
    }

    .intro h1 {
        font-size: 32px;
        margin-bottom: 14px;
    }

    .intro p {
        font-size: 16px;
    }

    .step-card {
        padding: 32px 28px;
        margin-bottom: 28px;
        border-radius: 18px;
    }

    .step-title {
        font-size: 22px;
        gap: 16px;
        margin-bottom: 12px;
    }

    .step-title .num {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .step-subtitle {
        font-size: 15px;
        padding-left: 56px;
        margin-bottom: 28px;
    }

    .form-group {
        margin-bottom: 22px;
    }

    .form-input {
        padding: 16px 18px;
        font-size: 16px;
        border-radius: 10px;
    }

    .options-grid {
        gap: 16px;
    }

    .option-card {
        padding: 20px;
        border-radius: 12px;
    }

    .opt-icon {
        font-size: 32px;
        margin-bottom: 12px;
    }

    .opt-name {
        font-size: 16px;
    }

    .opt-desc {
        font-size: 13px;
    }

    .resumo-total {
        padding: 20px;
    }

    .resumo-total .rlabel {
        font-size: 18px;
    }

    .resumo-total .rvalue {
        font-size: 30px;
    }

    .btn-bar-desktop {
        display: flex !important;
    }

    .locutor-card {
        padding: 18px;
    }

    .locutor-avatar {
        width: 56px;
        height: 56px;
        font-size: 24px;
    }

    .locutor-nome {
        font-size: 16px;
    }

    .locutor-status {
        font-size: 14px;
    }

    .locutor-demo-btn {
        padding: 10px 16px;
        font-size: 14px;
    }

    .calculo-box {
        padding: 18px;
    }

    .calc-valor {
        font-size: 28px;
    }

    .calc-duracao {
        font-size: 14px;
    }

    .calc-creditos {
        font-size: 13px;
    }

    .form-label {
        font-size: 13px;
    }

    .text-counter {
        font-size: 13px;
    }

    .resumo-item {
        font-size: 15px;
        padding: 14px 0;
    }

    .tip-box {
        font-size: 14px;
        padding: 14px 16px;
    }

    .demo-section {
        padding: 20px;
    }

    .demo-section label {
        font-size: 13px;
    }

    .ultima-atividade {
        font-size: 13px;
        padding: 12px 14px;
    }

    .locutor-extra-info {
        font-size: 14px;
        padding: 14px 16px;
    }
}

/* ===== LARGE DESKTOP (1024px+) ===== */

@media (min-width: 1024px) {
    .container {
        max-width: 900px;
        padding: 48px 40px;
    }

    .progress-bar {
        margin-bottom: 48px;
    }

    .intro {
        margin-bottom: 56px;
    }

    .intro h1 {
        font-size: 36px;
        margin-bottom: 16px;
    }

    .intro p {
        font-size: 17px;
    }

    .step-card {
        padding: 36px 32px;
        margin-bottom: 32px;
        border-radius: 20px;
    }

    .step-title {
        font-size: 24px;
        gap: 18px;
        margin-bottom: 14px;
    }

    .step-title .num {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .step-subtitle {
        font-size: 16px;
        padding-left: 62px;
        margin-bottom: 32px;
    }

    .form-group {
        margin-bottom: 24px;
    }

    .form-input {
        padding: 18px 20px;
        font-size: 17px;
    }

    .options-grid {
        gap: 18px;
    }

    .option-card {
        padding: 22px;
        border-radius: 14px;
    }

    .opt-icon {
        font-size: 36px;
        margin-bottom: 14px;
    }

    .opt-name {
        font-size: 17px;
    }

    .opt-desc {
        font-size: 14px;
    }

    .resumo-total {
        padding: 22px;
    }

    .resumo-total .rlabel {
        font-size: 19px;
    }

    .resumo-total .rvalue {
        font-size: 32px;
    }

    .locutor-card {
        padding: 20px;
    }

    .locutor-avatar {
        width: 60px;
        height: 60px;
        font-size: 26px;
    }

    .locutor-nome {
        font-size: 17px;
    }

    .locutor-status {
        font-size: 15px;
    }

    .locutor-demo-btn {
        padding: 11px 18px;
        font-size: 15px;
    }

    .calculo-box {
        padding: 20px;
    }

    .calc-valor {
        font-size: 32px;
    }

    .calc-duracao {
        font-size: 15px;
    }

    .calc-creditos {
        font-size: 14px;
    }

    .form-label {
        font-size: 14px;
    }

    .text-counter {
        font-size: 14px;
    }

    .resumo-item {
        font-size: 16px;
        padding: 16px 0;
    }

    .tip-box {
        font-size: 15px;
        padding: 16px 18px;
    }

    .demo-section {
        padding: 22px;
    }

    .demo-section label {
        font-size: 14px;
    }

    .ultima-atividade {
        font-size: 14px;
        padding: 14px 16px;
    }

    .locutor-extra-info {
        font-size: 15px;
        padding: 16px 18px;
    }
}

/* ===== EXTRA LARGE DESKTOP (1440px+) ===== */

@media (min-width: 1440px) {
    .container {
        max-width: 1000px;
        padding: 56px 48px;
    }

    .intro h1 {
        font-size: 40px;
    }

    .intro p {
        font-size: 18px;
    }

    .step-card {
        padding: 40px 36px;
    }

    .step-title {
        font-size: 26px;
    }

    .step-title .num {
        width: 48px;
        height: 48px;
        font-size: 22px;
    }

    .form-input {
        padding: 20px 22px;
        font-size: 18px;
    }

    .opt-icon {
        font-size: 40px;
    }

    .opt-name {
        font-size: 18px;
    }

    .locutor-avatar {
        width: 64px;
        height: 64px;
        font-size: 28px;
    }

    .locutor-nome {
        font-size: 18px;
    }

    .calc-valor {
        font-size: 36px;
    }

    .resumo-total .rvalue {
        font-size: 36px;
    }
}