/* ARONA CURSOS — responsividade exclusiva do frontend. */
.arona-page,
.arona-page *,
.arona-standalone-page,
.arona-standalone-page *,
.arona-enrollment-page,
.arona-enrollment-page *,
.arona-docente-page,
.arona-docente-page *,
.arona-agenda,
.arona-agenda *,
.arona-featured-grid,
.arona-featured-grid * {
    box-sizing: border-box;
    min-width: 0;
}

.arona-page img,
.arona-standalone-page img,
.arona-enrollment-page img,
.arona-docente-page img,
.arona-featured-grid img,
.arona-location-card iframe {
    max-width: 100%;
}

#arona-compra,
.arona-buy-card,
.arona-simple-aside,
.arona-m4-aside,
.arona-m5-aside,
.arona-checkout-summary {
    position: static !important;
    top: auto !important;
}

@media (max-width: 1399px) {
    .arona-container {
        width: min(calc(100% - 48px), 1180px);
    }

    .arona-course-panel,
    .arona-simple-layout,
    .arona-m4-shell,
    .arona-m5-shell,
    .ac-hero-one__grid,
    .ac-hero-two__grid,
    .ac-hero-four__grid {
        gap: 32px;
    }

    .arona-enrollment-page,
    .arona-docente-profile,
    .arona-docente-courses,
    .arona-agenda,
    .arona-featured-grid {
        max-width: min(calc(100% - 48px), 1180px);
    }
}

@media (max-width: 1024px) {
    .arona-container {
        width: min(calc(100% - 40px), 960px);
    }

    .arona-hero-grid,
    .arona-course-panel,
    .arona-simple-layout,
    .arona-m4-hero__grid,
    .arona-m4-shell,
    .arona-m5-shell,
    .ac-hero-one__grid,
    .ac-hero-two__grid,
    .ac-hero-four__grid,
    .arona-docente-profile__header {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .arona-course-panel > *,
    .arona-simple-layout > *,
    .arona-m4-shell > *,
    .arona-m5-shell > *,
    .arona-variable-faq,
    .arona-location-card--panel {
        grid-column: 1 !important;
        width: 100%;
    }

    .ac-hero-one__media .ac-hero__stats,
    .ac-hero-four__card {
        position: static;
        width: 100%;
        margin-top: 20px;
    }

    .arona-docente-profile__header {
        gap: 32px;
        padding: 36px;
    }

    .arona-docente-profile__photo {
        width: min(100%, 420px);
    }

    .arona-docente-profile__content {
        padding: 0 36px 36px;
    }

    .arona-docente-courses__grid,
    .arona-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .arona-agenda-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .arona-agenda-filters > :first-child,
    .arona-agenda-filters button {
        grid-column: 1 / -1;
    }

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

@media (max-width: 767px) {
    .arona-container,
    .arona-enrollment-page,
    .arona-docente-profile,
    .arona-docente-courses,
    .arona-agenda,
    .arona-featured-grid {
        width: min(calc(100% - 24px), 100%);
        max-width: none;
    }

    .arona-enrollment-page {
        margin: 24px auto;
        padding: 0;
    }

    .arona-enrollment-card {
        padding: 20px;
        border-radius: 10px;
    }

    .arona-form-grid,
    .arona-agenda-filters,
    .arona-docente-courses__grid,
    .arona-featured-grid,
    .arona-grade-tabs,
    .arona-modality-tabs,
    .arona-course-meta-row,
    .arona-diferenciais-grid,
    .arona-panel-docentes,
    .arona-hero-stats,
    .ac-hero__stats,
    .arona-m5-campaign {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .arona-agenda-filters > *,
    .arona-agenda-filters > :first-child,
    .arona-agenda-filters button {
        grid-column: auto;
        width: 100%;
    }

    .arona-calendar-weekdays {
        display: none;
    }

    .arona-calendar-grid {
        display: block;
    }

    .arona-calendar-grid .is-empty,
    .arona-calendar-day:not(:has(.arona-calendar-event)) {
        display: none;
    }

    .arona-calendar-day {
        min-height: auto;
        margin-bottom: 10px;
    }

    .arona-docente-page {
        padding: 24px 0;
    }

    .arona-docente-profile__header,
    .arona-docente-profile__content {
        padding-right: 20px;
        padding-left: 20px;
    }

    .arona-docente-profile__header {
        padding-top: 20px;
        padding-bottom: 24px;
        gap: 24px;
    }

    .arona-docente-profile__content {
        padding-bottom: 28px;
        font-size: 16px;
    }

    .arona-docente-profile__links,
    .ac-hero-four__actions,
    .arona-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .arona-docente-profile__links a,
    .arona-btn-primary,
    .arona-btn-secondary,
    .arona-hero-cta-btn,
    .ac-hero__button,
    .arona-featured-card__button,
    .arona-enrollment-card .button {
        width: 100%;
        max-width: none;
        justify-content: center;
        text-align: center;
        white-space: normal;
    }

    .arona-course-main-card,
    .arona-simple-main,
    .arona-panel-section,
    .arona-content-section,
    .arona-m4-choice-board,
    .arona-m4-aside,
    .arona-m5-intro,
    .arona-course-header,
    .arona-buy-card-body,
    .arona-sidebar-inner,
    .arona-location-card__body {
        padding: 20px;
    }

    .arona-panel-docente {
        grid-template-columns: 72px minmax(0, 1fr) !important;
        gap: 14px;
    }

    .arona-panel-docente-photo {
        width: 72px;
        height: 84px;
    }

    .arona-location-card__map iframe {
        width: 100%;
        height: 210px;
    }

    .ac-hero h1,
    .arona-hero-title,
    .arona-section-title,
    .arona-simple-course-title,
    .arona-course-name,
    .arona-m4-hero__title,
    .arona-m5-promo h1,
    .arona-docente-profile h1,
    .arona-enrollment-card h1,
    .arona-enrollment-card h2 {
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .arona-pagination {
        flex-wrap: wrap;
    }
}


/* 1.5.6 — refinamento de densidade visual no mobile. */
@media (max-width: 767px) {
    .arona-course-panel,
    .arona-simple-layout,
    .arona-m4-shell,
    .arona-m5-shell {
        gap: 16px;
    }

    .arona-course-main-card,
    .arona-simple-main,
    .arona-panel-section,
    .arona-content-section,
    .arona-m4-choice-board,
    .arona-m4-aside,
    .arona-m5-intro,
    .arona-course-header,
    .arona-buy-card-body,
    .arona-sidebar-inner,
    .arona-location-card__body {
        padding: 16px;
    }

    .arona-course-meta-row,
    .arona-course-meta-pair {
        gap: 12px;
    }

    .arona-course-meta-value > :first-child {
        margin-top: 0;
    }

    .arona-course-meta-value > :last-child {
        margin-bottom: 0;
    }
}


/* ARONA CURSOS 1.5.9 */
.arona-simple-aside,
.arona-m3-aside,
.arona-m4-aside,
.arona-m5-aside {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.arona-simple-aside .arona-location-card,
.arona-m3-aside .arona-location-card,
.arona-m4-aside .arona-location-card,
.arona-m5-aside .arona-location-card {
    margin-top: 0;
}

.arona-programa-group + .arona-programa-group {
    margin-top: 24px;
}

.arona-programa-group-title {
    margin: 0 0 14px;
}


/* Card de matrícula — paleta configurável em Ajustes > Aparência. */
.arona-buy-card,
.arona-simple-aside,
.arona-m4-investment {
    background: var(--ac-payment-card-background, var(--ac-background-sidebar));
    color: var(--ac-payment-card-text, var(--ac-text-on-dark));
}

.arona-buy-price-label,
.arona-m4-investment__head > span:first-child {
    background: var(--ac-payment-card-label-background, var(--ac-action-primary));
    color: var(--ac-payment-card-label-text, #fff);
}

.arona-buy-price,
.arona-m4-investment .arona-buy-price {
    color: var(--ac-payment-card-price, currentColor);
}

.arona-buy-card .arona-btn-primary,
.arona-simple-aside .arona-btn-primary,
.arona-m4-investment .arona-btn-primary {
    background: var(--ac-payment-card-button-background, var(--ac-action-primary));
    color: var(--ac-payment-card-button-text, #fff) !important;
}