@use "../config/variables";

.c-resumen {
    & {
        display: flex;
        flex-direction: column;
        gap: variables.$gap-container;
    }

    &__titulo {
        font-size: variables.$fs-titulo-l;
        color: variables.$text-color-numero-azul;
    }

    &__campo {
        padding: variables.$padding-contenedor;

        border: variables.$border-contenedor solid variables.$border-color;
        border-radius: variables.$border-radius-contenedor;
    }

    &__subtitulo {
        font-size: variables.$fs-titulo-s;
    }

    &__valores {
        font-family: variables.$font-family-numerica;
        font-size: variables.$fs-valores-resumen;

        color: variables.$text-color-valores-finales;
    }
}