60 lines
1.1 KiB
CSS
60 lines
1.1 KiB
CSS
/* ==========================================================================
|
|
TREINAMENTO & PERSONALIDADE · ESTILOS
|
|
========================================================================== */
|
|
|
|
.treinamento-grid {
|
|
display: grid;
|
|
grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
|
|
gap: 24px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.rotina {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.laboratorio {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.laboratorio iframe {
|
|
height: 340px;
|
|
border-radius: var(--raio-md);
|
|
margin: 12px 0;
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), inset 0 0 30px rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
#diario {
|
|
max-height: 420px;
|
|
overflow-y: auto;
|
|
margin-top: 14px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
|
|
#rotinas {
|
|
margin-top: 14px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
max-height: 380px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
#estado {
|
|
font-size: 13.5px;
|
|
color: var(--ciano);
|
|
min-height: 22px;
|
|
}
|
|
|
|
@media (max-width: 1050px) {
|
|
.treinamento-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
.laboratorio {
|
|
order: -1;
|
|
}
|
|
} |