/* VIEW OPEN/CLOSED CONVOCATION */
.view-closed-convocation,
.view-open-convocation {
    .section-align-usfq {
        display: flex;
        flex-direction: column;
        gap: 48px;
    }

    .views-row {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto auto;
        column-gap: 16px;
        padding: 16px 0px;
    }

    .views-field-title {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .views-field-created {
        grid-column: 1 / 3;
        grid-row: 2;
        margin-bottom: 16px;

        .views-label,
        .field-content {
            color: #00000080;
        }
    }

    .views-field-field-end-application {
        grid-column: 1;
        grid-row: 3;
        justify-self: start;

        .field-content {
            padding: 8px 13px;
            border: 1px solid #00000080;
            font-weight: 500;
            text-transform: uppercase;
            color: #00000080;
            font-family: var(--ff-eyebrow);
            font-size: var(--fs-eyebrow);
            letter-spacing: 25%;
        }
    }

    .views-row>div:last-child {
        grid-column: 2;
        grid-row: 3;
        justify-self: end;
        align-self: center;

        a {
            color: var(--primary);
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }
    }

    /* Tablet and Desktop styles */
    @media (min-width: 768px) {
        .views-row {
            grid-template-columns: 1fr auto auto;
            grid-template-rows: auto auto;
            align-items: center;
            column-gap: 24px;
            padding: 16px 20px;
        }

        .views-field-title {
            grid-column: 1;
            grid-row: 1;
        }

        .views-field-created {
            grid-column: 1;
            grid-row: 2;
            margin-bottom: 0;
        }

        .views-field-field-end-application {
            grid-column: 2;
            grid-row: 1 / 3;
            align-self: center;
        }

        .views-row>div:last-child {
            grid-column: 3;
            grid-row: 1 / 3;
            align-self: center;
            justify-self: auto;
            margin-left: 24px;
        }
    }

    :where(html[data-theme="dark"]) & {
        .views-field-created {

            .views-label,
            .field-content {
                color: var(--light-opacity-60);
            }
        }

        .views-field-field-end-application {
            .field-content {
                border-color: var(--light-opacity-60);
                color: var(--light-opacity-60);
            }
        }
    }

    @media (min-width: 768px) {
        .container-description {
            padding: 0 20px;
        }
    }
}


/* VIEW OPEN POSITIONS & OPEN CONVOCATION CARDS */
.view-open-positions,
.view-open-convocation-cards,
.view-academic-services {

    /**
 * Estilos de flechas del carrusel Splide compartidos por las vistas
 * "open_positions", "open_convocation_cards" y "academic_services",
 * alineados visualmente con los controles de usfq_theme:cards_carousel
 * (botones circulares con icono, separados del track).
 */
    .splide--view--open-positions,
    .splide--view--open-convocation-cards,
    .splide--view--academic-services {
        position: relative;
        padding: 0 4rem;
        overflow: hidden;
    }

    .splide--view--open-positions .splide__arrows,
    .splide--view--open-convocation-cards .splide__arrows,
    .splide--view--academic-services .splide__arrows {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        pointer-events: none;
    }

    .splide--view--open-positions .splide__arrow,
    .splide--view--open-convocation-cards .splide__arrow,
    .splide--view--academic-services .splide__arrow {
        position: static;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        transition: all 0.3s ease;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        top: auto;
        left: auto;
        right: auto;
    }

    .splide--view--open-positions .splide__arrow--prev,
    .splide--view--open-convocation-cards .splide__arrow--prev,
    .splide--view--academic-services .splide__arrow--prev {
        margin-left: 0;
    }

    .splide--view--open-positions .splide__arrow--next,
    .splide--view--open-convocation-cards .splide__arrow--next,
    .splide--view--academic-services .splide__arrow--next {
        margin-right: 0;
    }

    .splide--view--open-positions .splide__arrow svg,
    .splide--view--open-convocation-cards .splide__arrow svg,
    .splide--view--academic-services .splide__arrow svg {
        fill: var(--secondary);
        width: 1em;
        height: 1em;
    }

    .splide--view--open-positions .splide__arrow:hover:not(:disabled) svg,
    .splide--view--open-convocation-cards .splide__arrow:hover:not(:disabled) svg,
    .splide--view--academic-services .splide__arrow:hover:not(:disabled) svg {
        fill: var(--secondary);
    }

    .splide--view--open-positions .splide__arrow:disabled,
    .splide--view--open-convocation-cards .splide__arrow:disabled,
    .splide--view--academic-services .splide__arrow:disabled {
        opacity: 0.3;
    }

    :where(html[data-theme="dark"]) & {
        .splide--view--open-positions .splide__arrow svg,
        .splide--view--open-convocation-cards .splide__arrow svg,
        .splide--view--academic-services .splide__arrow svg {
            fill: var(--white);
        }

        .splide--view--open-positions .splide__arrow:hover:not(:disabled) svg,
        .splide--view--open-convocation-cards .splide__arrow:hover:not(:disabled) svg,
        .splide--view--academic-services .splide__arrow:hover:not(:disabled) svg {
            fill: var(--white);
        }
    }

}

/*VIEW SERVICES */
.pager {
    padding-top:2rem;
}