/* Responsive styles for CriaFoto SaaS */

@media (max-width: 768px) {
    .hero-title {
        font-size: 1.75rem;
    }

    .hero-subtitle {
        font-size: 0.95rem;
    }

    .step-card {
        padding: 20px 16px;
        border-radius: 14px;
    }

    .step-title {
        font-size: 1.25rem;
    }

    .cards-selection-grid {
        grid-template-columns: 1fr;
    }

    .btn-primary-custom {
        font-size: 0.95rem;
    }

    .stepper-dots .step-line {
        width: 8px;
    }

    .stepper-dots .step-dot {
        width: 8px;
        height: 8px;
    }

    .cropper-wrapper {
        max-height: 320px;
    }

    .cropper-overlay-mask {
        width: 180px;
        height: 230px;
    }
}

@media (min-width: 992px) {
    .cards-selection-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}