/* =========================================================
   LIBRO DE RECLAMACIONES RESPONSIVE
========================================================= */

@media (max-width: 1100px) {
    .claims-layout {
        grid-template-columns:
            minmax(220px, 0.3fr)
            minmax(0, 1fr);

        gap: 32px;
    }

    .provider-information {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .provider-information > div:last-child {
        grid-column: 1 / -1;

        border-top: 1px solid
            var(--claims-border);
        border-left: 0;
    }

    .claims-form__grid--three {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .claims-form__grid--three
    .claims-field:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 850px) {
    .claims-hero {
        padding: 58px 0 50px;
    }

    .claims-hero__container {
        align-items: flex-start;
        flex-direction: column;

        gap: 30px;
    }

    .claims-hero__information {
        max-width: 500px;
    }

    .claims-layout {
        grid-template-columns: 1fr;
    }

    .claims-sidebar {
        position: static;

        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .claims-sidebar__notice {
        grid-column: 1 / -1;
    }
}

@media (max-width: 650px) {
    .claims-container,
    .claims-header__container {
        width: calc(100% - 32px);
    }

    .claims-header {
        height: 70px;
    }

    .claims-header__logo img {
        width: 150px;
    }

    .claims-header__back {
        width: 42px;
        padding: 0;
        justify-content: center;
    }

    .claims-header__back span {
        display: none;
    }

    .claims-hero {
        padding: 48px 0 42px;
    }

    .claims-hero__title {
        font-size: clamp(2.6rem, 12vw, 4rem);
        line-height: 1.06;
    }

    .claims-hero__title span {
        display: block;

        padding-bottom: 0.1em;
    }

    .claims-section {
        padding: 42px 0 65px;
    }

    .claims-sidebar {
        grid-template-columns: 1fr;
    }

    .claims-sidebar__notice {
        grid-column: auto;
    }

    .claims-form {
        padding: 22px 17px;

        border-radius: 16px;
    }

    .claims-form__top {
        align-items: flex-start;
        flex-direction: column;

        gap: 13px;
    }

    .claims-form__top > div:last-child {
        align-items: flex-start;
    }

    .claims-form__grid--two,
    .claims-form__grid--three,
    .claim-type,
    .provider-information {
        grid-template-columns: 1fr;
    }

    .claims-form__grid--three
    .claims-field:last-child,
    .claims-field--full,
    .provider-information > div:last-child {
        grid-column: auto;
    }

    .provider-information > div + div {
        border-top: 1px solid
            var(--claims-border);
        border-left: 0;
    }

    .claims-document {
        grid-template-columns: 105px minmax(0, 1fr);
    }

    .claims-form__section {
        margin-bottom: 31px;
    }

    .claims-form__section legend {
        align-items: flex-start;

        font-size: 0.9rem;
        line-height: 1.35;
    }

    .claims-form__actions,
    .claims-modal__actions {
        flex-direction: column;
    }

    .claims-button {
        width: 100%;
    }

    .claims-modal__content {
        padding: 28px 18px;
    }
}