<-- Flash cards -->
/* Contêiner do cartão H5P Dialog Cards */
.h5p-dialog-card {
width: 320px;
margin: 1.5rem auto;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
overflow: hidden;
transition: transform 0.3s ease;
}
.h5p-dialog-card:hover {
transform: translateY(-5px);
}
/* Frente do cartão */
.h5p-dialog-card .h5p-card-side.h5p-dialog-card-heading {
background: #009bb1; /* cor semelhante ao azul da imagem */
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 1.25rem;
padding: 1rem;
display: flex;
align-items: center;
}
.h5p-dialog-card .h5p-card-side.h5p-dialog-card-heading img {
width: 40px;
height: auto;
margin-left: auto;
}
/* Verso do cartão */
.h5p-dialog-card .h5p-card-side.h5p-dialog-card-answer {
background: #f7f9f9; /* cinza bem claro */
color: #333;
font-family: 'Verdana', sans-serif;
font-size: 1.5rem;
padding: 1.5rem;
position: relative;
}
.h5p-dialog-card .h5p-card-side .tip {
position: absolute;
bottom: 0.75rem;
right: 1rem;
font-size: 0.875rem;
font-style: italic;
color: #666;
}
/* Botões de navegação */
.h5p-dialog-card .h5p-dialog-card-navigation button {
background-color: #009bb1;
color: white;
}
.h5p-dialog-card .h5p-dialog-card-navigation button:hover {
background-color: #007a8a;
}
