/*
 * Wide-screen proportional layer.
 * 2560px is the neutral point: laptop and normal desktop rendering is untouched.
 * Above it, rem typography and key spatial tokens grow with the viewport.
 */
@media (min-width: 160rem) {
    html {
        font-size: calc(100vw / 160);
    }

    :root {
        --muyslcard-safe-x: 4vw;
        --muyslcard-page-max-width: 80vw;
        --muyslcard-page-max-height: none;
        --muyslcard-navbar-height: 4.6875vw;
        --muyslcard-logo-height: 1.796875vw;
        --muyslcard-contact-max-width: 56.25vw;
        --muyslcard-button-height: 1.71875vw;
        --muyslcard-button-padding-x: 0.9375vw;
        --muyslcard-contact-radius: 0.703125vw;
        --muyslcard-popup-radius: 0.78125vw;
        --muyslcard-form-field-radius: 0.46875vw;
        --muyslcard-member-image-width: 2.8125vw;
        --muyslcard-member-image-height: 3.515625vw;
        --muyslcard-member-radius: 0.3125vw;
        --muyslcard-member-badge-radius: 0.15625vw;
    }

    .muyslcard-navbar,
    .muyslcard-list-navbar,
    .muyslcard-legal-navbar,
    .muyslcard-hero,
    .muyslcard-society-header,
    .muyslcard-list-content,
    .muyslcard-legal-hero,
    .muyslcard-legal-content {
        max-width: var(--muyslcard-page-max-width);
    }

    .muyslcard-contact-panel {
        min-height: 3.59375vw;
    }

    .muyslcard-hero-content {
        max-width: 21.875vw;
        padding-right: 0.78125vw;
        padding-left: 0.78125vw;
    }

    .muyslcard-price {
        max-width: 14.0625vw;
    }

    .muyslcard-popup-card {
        width: min(92vw, 20.3125vw);
        max-height: min(calc(100dvh - 1.875vw), 29.6875vw);
        padding: 1.484375vw 1.328125vw 1.328125vw;
    }

    .muyslcard-form-group input,
    .muyslcard-form-group textarea {
        min-height: 1.71875vw;
        padding: 0.546875vw 0.625vw;
    }

    .muyslcard-submit-button {
        min-height: 1.796875vw;
    }

    .muyslcard-society-header {
        min-height: 2.5vw;
    }

    .muyslcard-reference-form {
        width: min(100%, 29.6875vw);
    }

    .muyslcard-reference-layout,
    .muyslcard-reference-group {
        gap: 0.390625vw;
    }

    .muyslcard-reference-group {
        height: 1.40625vw;
        padding: 0.15625vw;
    }

    .muyslcard-reference-group input,
    .muyslcard-reference-group button {
        height: 1.09375vw;
    }

    .muyslcard-member-card {
        min-height: 4.84375vw;
        padding: 0.546875vw 0.234375vw 0.546875vw 0;
        gap: 0.703125vw;
    }

    .muyslcard-legal-hero h1 {
        max-width: 28.125vw;
    }

    .muyslcard-legal-content,
    .muyslcard-legal-footer {
        width: min(58vw, 35.15625vw);
        max-width: 35.15625vw;
    }

    .muyslcard-legal-section p {
        max-width: 33.59375vw;
    }
}