/*OFICINAS*/
.banner {
    background: url(https://edicoes.festivaljge.com.br/assets/images/jge24/site/topos/oficinais.jpg);
    height: 320px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.titulo {
    top: 262px;
}

ul.offi {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.offi li {
    display: inline-block;
    width: 100%;
    padding: 2% 0;
    border-bottom: 1px solid var(--verde1);
}
img.offimgL {
    float: left;
    width: 35%;
    padding: 0 5% 0 0;
}
img.offimgR {
    float: right;
    width: 35%;
    padding: 0 0 0 5%;
}
.offbase {
    display: inline-block;
    height: auto;
    width: 65%;
}
span.titulox {
    display: block;
    font-family: var(--font2);
    font-size: 28px;
    color: var(--roxo);
    line-height: 28px;
}
span.data {
    font-size: 20px;
    color: var(--verde3);
    display: block;
    font-weight: 600;
}
span.data small, span.local small, span.horario small {
    font-size: 14px;
    color: var(--cinza3);
    font-weight: normal;
    font-family: var(--font1) !important;
}
span.local {
    font-size: 18px;
    display: block;
    font-weight: 600;
}
span.horario {
    font-size: 18px;
    display: block;
    font-weight: 600;
}
span.valor {
    font-weight: 600;
    font-family: var(--font2);
    font-size: 28px;
    color: var(--vermelho);
    line-height: 28px;
}
span.obs1 {
    display: block;
}
span.obs2 {
    display: block;
}
.offbase a {
    text-decoration: none;
    background: var(--lilas);
    font-weight: 600;
    color: var(--verde1);
    padding: 4px 22px;
    border-radius: 8px;
    top: 8px;
    position: relative;
    width: 230px;
    display: inline-block;
    text-align: center;
    margin: 4px 0 6px 0;
}

ul.of0 {
    margin: 0;
    display: contents;
    text-align: center;
    width: 100%;
}
ul.of0 li {
    width: 33%;
    list-style: none;
}
ul.of0 li a img {
    width: 100%;
}
ul.of0 li a img {
    width: 100%;
}