/* =========================================================
   SMARTMIND ULTRA · OBSERVATORIO EDTECH
   Report editorial
   ========================================================= */

.smu-observatory-report-section {
    padding-left: 32px;
    padding-right: 32px;
}

.smu-observatory-report-section > .smu-container {
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
   Headings
   --------------------------------------------------------- */

.smu-observatory-report-section
.smu-observatory-report-heading {
    margin: 0 0 14px;

    color: #12100f;

    font-family: var(--smu-font-display);
    font-size: clamp(1.8rem, 2.5vw, 2.2rem);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.03em;
}

.smu-observatory-report-section
.smu-observatory-report-heading > span {
    color: #008f5a;
    font-weight: inherit;
}

.smu-observatory-report-section h3 {
    margin: 32px 0 14px;

    color: #12100f;

    font-family: var(--smu-font-body);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.35;
}


/* ---------------------------------------------------------
   Body
   --------------------------------------------------------- */

.smu-observatory-report-section p {
    margin: 0 0 18px;

    color: #465064;

    font-size: 15px;
    line-height: 1.72;
}

.smu-observatory-report-section strong {
    color: #12100f;
}

.smu-observatory-report-section ul {
    margin: 0 0 24px;
    padding-left: 22px;

    color: #253040;

    font-size: 15px;
    line-height: 1.72;
}

.smu-observatory-report-section li {
    margin-bottom: 10px;
}

.smu-observatory-report-section li:last-child {
    margin-bottom: 0;
}


/* ---------------------------------------------------------
   Nota metodológica
   --------------------------------------------------------- */

.smu-observatory-report-section
.smu-observatory-note {
    width: 100%;

    margin: 28px 0 0;
    padding: 20px 24px;

    box-sizing: border-box;

    border: 1px solid #dedfda;
    border-radius: 10px;

    background: #f2f2ef;
}

.smu-observatory-report-section
.smu-observatory-note p {
    margin: 0;

    color: #303744;

    font-size: 14px;
    line-height: 1.62;
}


/* ---------------------------------------------------------
   Tabla de datos
   --------------------------------------------------------- */

.smu-observatory-report-section
.smu-observatory-data-table {
    width: 100%;
    margin: 30px 0 18px;
}

.smu-observatory-report-section
.smu-observatory-data-table table {
    width: 100%;

    border-collapse: collapse;

    font-size: 13.5px;
}

.smu-observatory-report-section
.smu-observatory-data-table thead {
    border-bottom: 2px solid #12100f;
}

.smu-observatory-report-section
.smu-observatory-data-table th,
.smu-observatory-report-section
.smu-observatory-data-table td {
    padding: 12px 14px;

    border: 0;
    border-bottom: 1px solid #e2e3df;
}

.smu-observatory-report-section
.smu-observatory-data-table th:first-child,
.smu-observatory-report-section
.smu-observatory-data-table td:first-child {
    padding-left: 0;
}

.smu-observatory-report-section
.smu-observatory-data-table th:last-child,
.smu-observatory-report-section
.smu-observatory-data-table td:last-child {
    padding-right: 0;
}

.smu-observatory-report-section
.smu-observatory-data-table th:nth-child(2),
.smu-observatory-report-section
.smu-observatory-data-table th:nth-child(3),
.smu-observatory-report-section
.smu-observatory-data-table td:nth-child(2),
.smu-observatory-report-section
.smu-observatory-data-table td:nth-child(3) {
    text-align: right;
}

.smu-observatory-report-section
.smu-observatory-data-table td:nth-child(2),
.smu-observatory-report-section
.smu-observatory-data-table td:nth-child(3) {
    font-family: var(--smu-font-data);
}

.smu-observatory-report-section
.smu-observatory-data-table th:nth-child(3),
.smu-observatory-report-section
.smu-observatory-data-table td:nth-child(3) {
    color: #008f5a;
}

.smu-observatory-report-section
.smu-observatory-data-note {
    margin-bottom: 28px;

    color: #747c88;

    font-size: 13px;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   Cita
   --------------------------------------------------------- */

.smu-observatory-report-section
.smu-quote-ultra {
    width: 100%;
    max-width: none;

    margin: 34px 0;
    padding: 0 0 0 22px;

    box-sizing: border-box;

    border: 0;
    border-left: 3px solid #d9a452;
    border-radius: 0;

    background: transparent;
    box-shadow: none;
}

.smu-observatory-report-section
.smu-quote-ultra .smu-container {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;
}

.smu-observatory-report-section
.smu-quote-ultra blockquote {
    margin: 0;
    padding: 0;

    border: 0;
}

.smu-observatory-report-section
.smu-quote-ultra blockquote p,
.smu-observatory-report-section
.smu-quote-ultra p {
    margin: 0;

    color: #12100f;

    font-family: var(--smu-font-display);
    font-size: clamp(1.18rem, 1.7vw, 1.4rem);
    font-weight: 500;
    line-height: 1.42;
}


/* ---------------------------------------------------------
   Sobre este informe
   --------------------------------------------------------- */

.smu-observatory-report-section
.smu-observatory-about {
    width: 100%;

    margin: 36px 0 0;
    padding: 26px 30px;

    box-sizing: border-box;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;

    background: #151312;
    color: #f3f0e9;
}

.smu-observatory-report-section
.smu-observatory-about
.smu-observatory-about__eyebrow {
    margin: 0 0 10px;

    color: #d9a452;

    font-family: var(--smu-font-data);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .1em;
    text-transform: uppercase;
}

.smu-observatory-report-section
.smu-observatory-about
p:not(.smu-observatory-about__eyebrow) {
    margin: 0;

    color: rgba(243, 240, 233, .76);

    font-size: 14px;
    line-height: 1.65;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 760px) {

    .smu-observatory-report-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .smu-observatory-report-section
    > .smu-container {
        max-width: none;
    }

    .smu-observatory-report-section
    .smu-observatory-data-table {
        overflow-x: auto;
    }

    .smu-observatory-report-section
    .smu-observatory-data-table table {
        min-width: 620px;
    }

    .smu-observatory-report-section
    .smu-observatory-note {
        padding: 18px 20px;
    }

    .smu-observatory-report-section
    .smu-observatory-about {
        padding: 22px 20px;
    }

    .smu-observatory-report-section
    .smu-quote-ultra {
        padding-left: 18px;
    }
}