/*

Theme Name: VDB Athena
Theme URI: https://viverdeblog.com/athena/
Description: Um tema memorável para um projeto ainda mais memorável.
Author: Viver de Blog
Author URI: https://viverdeblog.com/
License: GPL v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 16.3
Tags:
Text Domain: vdb-athena

*/

/* Ajustes de leitura e responsividade da vitrine de links. */
.ath-readable-content {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    color: var(--ath-color-text, #333);
    overflow-wrap: anywhere;
}
.ath-readable-content p {
    font-family: var(--ath-font-text, inherit);
    font-size: 18px;
    line-height: 1.75;
    margin: 0 0 1.25em;
}
.ath-readable-content h2,
.ath-readable-content h3,
.ath-readable-content h4 {
    line-height: 1.3;
    margin: 1.75em 0 .75em;
}
.ath-readable-content h2 { font-size: clamp(26px, 3vw, 36px); }
.ath-readable-content h3 { font-size: clamp(22px, 2.5vw, 28px); }
.ath-readable-content ul,
.ath-readable-content ol {
    font-size: 18px;
    line-height: 1.75;
    margin: 0 0 1.25em;
    padding-left: 1.5em;
}
.ath-readable-content ul { list-style: disc; }
.ath-readable-content ol { list-style: decimal; }
.ath-readable-content li { margin-bottom: .5em; }
.ath-readable-content img { max-width: 100%; height: auto; }
.ath-readable-content .wp-block-column { min-width: 0; }
.ath-readable-content .wp-block-table,
.ath-readable-content pre { overflow-x: auto; }
.ath-readable-content > :first-child { margin-top: 0; }
.page-template-showcase-cards .ath-banner.col-2 .ath-showcase-title {
    font-size: clamp(30px, 3vw, 40px);
    line-height: 1.2;
    margin: 0 0 20px;
}
.page-template-showcase-cards .ath-courses-showcase .ath-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}
.page-template-showcase-cards .ath-courses-showcase .ath-card {
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-bottom: 28px;
}
.page-template-showcase-cards .ath-courses-showcase .ath-card .overlay {
    flex: 0 0 auto;
    width: 100%;
}
.page-template-showcase-cards .ath-courses-showcase .ath-card .ath-course-title {
    font-size: 18px;
    line-height: 1.4;
    min-height: 0;
    margin: 32px 0 16px;
    padding: 0 24px;
}
.page-template-showcase-cards .ath-courses-showcase .ath-card p {
    flex: 1;
    min-height: 0 !important;
    line-height: 1.6;
    margin: 0 0 24px;
    padding: 0 24px;
}
.page-template-showcase-cards .ath-courses-showcase .ath-card > .button {
    align-self: center;
    margin-top: auto;
}
@media (max-width: 991px) {
    .page-template-showcase-cards .ath-courses-showcase .ath-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .ath-readable-content p,
    .ath-readable-content ul,
    .ath-readable-content ol { font-size: 17px; }
    .page-template-showcase-cards .ath-courses-showcase .ath-showcase {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
    .page-template-showcase-cards .ath-courses-showcase { margin-top: 24px; }
}

/* Leitura dos documentos simples do modelo Construtores. */
.ath-builder-document {
    width: calc(100% - 40px);
    margin: 48px auto 72px;
}
.ath-builder-document > h1,
.ath-builder-page-heading {
    color: var(--ath-color-text, #344e5e);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.2;
    margin-bottom: 28px;
}
/* Página do curso: apresentação, navegação e convite para contato. */
.page-id-6176 #ath-builder-wrapper { padding: 48px 24px 72px; }
.maikon-course-landing {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    color: #344e5e;
    overflow-wrap: anywhere;
}
.maikon-course-hero {
    display: flex;
    align-items: center;
    gap: 44px;
    margin: 0 0 32px;
    padding: 44px;
    border-radius: 18px;
    background: #f1f7fb;
    border: 1px solid #dce8f0;
}
.maikon-course-hero .wp-block-column { min-width: 0; }
.maikon-course-hero h1 {
    font-size: clamp(32px, 3.4vw, 46px);
    line-height: 1.15;
    margin: 0 0 24px;
    color: #253f52;
}
.maikon-course-landing p { font-size: 18px; line-height: 1.75; margin-bottom: 22px; }
.maikon-course-hero .maikon-course-eyebrow {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: #23689a;
    margin-bottom: 16px;
}
.maikon-course-status { font-size: 16px !important; }
.maikon-course-cover { margin: 0; }
.maikon-course-cover img { display: block; width: 100%; height: auto; border-radius: 12px; }
.maikon-course-landing .wp-block-buttons { gap: 12px; }
.maikon-course-landing .wp-block-button__link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 13px 22px;
    border: 2px solid #1768a4;
    border-radius: 8px;
    background: #1768a4;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}
.maikon-course-landing .is-style-outline .wp-block-button__link {
    color: #1768a4;
    background: transparent;
}
.maikon-course-landing a:focus-visible { outline: 3px solid #d07900; outline-offset: 4px; }
.maikon-course-landing .wp-block-button__link:hover { background: #125184; border-color: #125184; color: #fff; }
.maikon-course-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 28px;
    padding: 14px 20px;
    border-bottom: 1px solid #dce8f0;
    margin: 0 0 48px;
}
.maikon-course-nav a { color: #1768a4; font-size: 16px; font-weight: 700; padding: 8px 4px; }
.maikon-course-reading { max-width: 760px; margin: 0 auto; }
.maikon-course-reading h2 { padding-top: 8px; color: #253f52; }
.maikon-course-reading h3 { color: #253f52; }
.maikon-course-reading [id] { scroll-margin-top: 110px; }
.maikon-course-note { padding: 20px 24px; border-left: 4px solid #1768a4; background: #f1f7fb; border-radius: 0 8px 8px 0; }
.maikon-course-final-cta {
    text-align: center;
    max-width: 860px;
    margin: 56px auto 0;
    padding: 36px;
    background: #f1f7fb;
    border-radius: 16px;
    border: 1px solid #dce8f0;
}
.maikon-course-final-cta h2 { font-size: clamp(26px, 3vw, 34px); line-height: 1.3; margin: 0 0 20px; }
.maikon-course-final-cta .wp-block-buttons { justify-content: center; }
@media (max-width: 767px) {
    .page-id-6176 #ath-builder-wrapper { padding: 28px 20px 72px; }
    .maikon-course-hero { flex-direction: column; gap: 28px; padding: 24px; }
    .maikon-course-hero .wp-block-column { width: 100%; flex-basis: auto !important; }
    .maikon-course-cover { max-width: 340px; margin: 0 auto; }
    .maikon-course-landing p { font-size: 17px; }
    .maikon-course-landing .wp-block-buttons,
    .maikon-course-landing .wp-block-button { width: 100%; }
    .maikon-course-landing .wp-block-button__link { width: 100%; }
    .maikon-course-nav { gap: 8px 22px; margin-bottom: 32px; }
    .maikon-course-note { padding: 16px 18px; }
    .maikon-course-final-cta { padding: 26px 20px; }
}