/*
 * Standalone "Nuestras cifras" section styles.
 *
 * Extracted from single-course.css so this block can be dropped into any
 * other template via get_template_part( 'template-parts/curso-cifras' )
 * with no dependency on single-course.css or the .curso-ficha wrapper it
 * used to live inside.
 *
 * The generic .curso-seccion rules this block relied on for spacing/heading
 * (margin-top: 56px; h2 font-size 30px/700/margin-bottom 20px) are folded
 * directly into .curso-cifras/.curso-cifras h2 below instead of assuming
 * that ancestor class is present. --curso-ancho-contenido falls back to its
 * .curso-ficha value (1400px) so the layout matches whether or not that
 * wrapper's custom property is in scope.
 *
 * Real background photo (AdobeStock_1107107684, dark-toned), padding
 * confirmed via .elementor-element-8cc5dc4 in the original Elementor doc.
 */

.curso-cifras {
    margin-top: 56px;
    background-image: url('/wp-content/themes/astra-child/css/../assets/fondos/fondo-nuestras-cifras.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 76px max(18px, calc((100vw - var(--curso-ancho-contenido, 1400px)) / 2 + 18px)) 82px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 0;
}

.curso-cifras h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.curso-cifras__cuadricula {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 24px;
    text-align: center;
}

.curso-cifras__numero {
    font-family: "Ubuntu", Sans-serif;
    font-size: 46px;
    font-weight: 700;
    color: #fff;
}

.curso-cifras__etiqueta {
    font-size: 15px;
    color: #fff;
}

@media (max-width: 768px) {
    /* Production insets full-bleed sections 16px horizontally on mobile
       (measured 16.4px), keeping the section's own vertical padding. */
    .curso-cifras {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Stacks to a single centered column on mobile (four rows), not the
       2×2 the auto-fit grid produced. */
    .curso-cifras__cuadricula {
        grid-template-columns: 1fr;
    }
}