/* ============================================
   RESPONSIVE — Reino Limpo Premium
   ============================================ */

/* --- Tablet (max-width: 1024px) --- */
@media (max-width: 1024px) {
    .rlp-hero__inner {
        grid-template-columns: 1fr;
        gap: var(--rlp-space-2xl);
        padding-top: 7rem;
    }

    .rlp-hero__image {
        max-height: 400px;
        aspect-ratio: 16/9;
        margin: 0 auto;
        max-width: 500px;
    }

    .rlp-trust__inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .rlp-about__grid {
        grid-template-columns: 1fr;
        gap: var(--rlp-space-2xl);
    }

    .rlp-about__image {
        order: -1;
    }

    .rlp-services__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rlp-differentials__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rlp-process__timeline {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--rlp-space-xl);
    }

    .rlp-process__timeline::before {
        display: none;
    }

    .rlp-numbers__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rlp-segments__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rlp-testimonials__grid {
        grid-template-columns: 1fr 1fr;
    }

    .rlp-footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rlp-contact__grid {
        grid-template-columns: 1fr;
    }

    /* Show mobile toggle, hide desktop nav */
    .rlp-header__nav {
        display: none;
    }

    .rlp-header__cta {
        display: none;
    }

    .rlp-header__toggle {
        display: flex;
    }
}

/* --- Mobile (max-width: 768px) --- */
@media (max-width: 768px) {
    .rlp-section {
        padding: var(--rlp-space-3xl) 0;
    }

    .rlp-container {
        padding: 0 var(--rlp-space-md);
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.625rem;
    }

    .rlp-hero {
        min-height: auto;
        padding-top: 6rem;
        padding-bottom: var(--rlp-space-2xl);
    }

    .rlp-hero__inner {
        padding-top: 5rem;
    }

    .rlp-hero__title {
        font-size: 2rem;
    }

    .rlp-hero__subtitle {
        font-size: 1rem;
    }

    .rlp-hero__actions {
        flex-direction: column;
    }

    .rlp-hero__actions .rlp-btn {
        width: 100%;
        justify-content: center;
    }

    .rlp-hero__image {
        max-height: 320px;
    }

    .rlp-trust__inner {
        grid-template-columns: 1fr;
        gap: var(--rlp-space-md);
    }

    .rlp-services__grid {
        grid-template-columns: 1fr;
    }

    .rlp-differentials__grid {
        grid-template-columns: 1fr;
    }

    .rlp-process__timeline {
        grid-template-columns: 1fr 1fr;
    }

    .rlp-process__step p {
        max-width: none;
    }

    .rlp-numbers__grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--rlp-space-md);
    }

    .rlp-segments__grid {
        grid-template-columns: 1fr;
    }

    .rlp-testimonials__grid {
        grid-template-columns: 1fr;
    }

    .rlp-footer__grid {
        grid-template-columns: 1fr;
        gap: var(--rlp-space-xl);
    }

    .rlp-footer__bottom {
        flex-direction: column;
        gap: var(--rlp-space-md);
        text-align: center;
    }

    .rlp-footer__policies {
        flex-wrap: wrap;
        justify-content: center;
    }

    .rlp-cta__actions {
        flex-direction: column;
        align-items: center;
    }

    .rlp-cta__actions .rlp-btn {
        width: 100%;
        max-width: 320px;
    }

    .rlp-page-hero {
        padding: 7rem 0 3rem;
    }

    .rlp-about__values {
        grid-template-columns: 1fr;
    }

    .rlp-faq__question {
        padding: var(--rlp-space-md) var(--rlp-space-lg);
        font-size: 0.9375rem;
        gap: var(--rlp-space-sm);
    }
}

/* --- Small Mobile (max-width: 480px) --- */
@media (max-width: 480px) {
    .rlp-hero__title {
        font-size: 1.75rem;
    }

    .rlp-process__timeline {
        grid-template-columns: 1fr;
        gap: var(--rlp-space-lg);
    }

    .rlp-process__step {
        flex-direction: row;
        text-align: left;
        gap: var(--rlp-space-md);
    }

    .rlp-process__number {
        width: 44px;
        height: 44px;
        font-size: 0.9375rem;
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .rlp-numbers__grid {
        grid-template-columns: 1fr;
    }
}