@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');

:root {
    --blu-cina: #142bb5;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1; /* Permette al footer di stare sempre in fondo */
}

/* Colora il logo SVG esterno usando il CSS Mask */
.logo-custom {
    background-color: var(--blu-cina);
    mask: url('../img/logo-isdn.svg') no-repeat center / contain;
    -webkit-mask: url('../img/logo-isdn.svg') no-repeat center / contain;
    width: 300px; /* Regola la larghezza del logo qui */
    height: 120px;
    display: inline-block;
}

/* Colori personalizzati per bottoni e testi */
.text-cina {
    color: var(--blu-cina);
}

.bg-cina {
    background-color: var(--blu-cina);
}

.btn-cina {
    background-color: var(--blu-cina);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}

.btn-cina:hover {
    background-color: #273b6b; /* Un blu leggermente più scuro al passaggio del mouse */
    color: #fff;
    transform: translateY(-2px);
}

.table-pdf-btn {
    font-size: 1.2rem;
}