@charset "utf-8";
/* CSS Document */

.fondoRecPag{
 background-color:#3dafc2;
padding:60px 50px 60px 50px;
color:#fff;
}
h3{
  font-family: "Roboto Condensed", sans-serif;
 font-weight:300;
margin-top:20px;
}
table .table-warning{
 background-color:#3bc4ee;
}

.table-warning {
  --bs-table-color: #7c7b7b;
  --bs-table-bg: #fff;
  --bs-table-border-color: #7c7b7b;
  --bs-table-striped-bg: #fff;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #177390;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #3bc4ee;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.sfondoBianco{

background-color:#fff;
color:#343434;
}

/* TABELLA CON ANGOLI ARROTONDATI – VERSIONE PERFETTA */
.table-rounded {
    border-collapse: separate !important;     /* ← OBBLIGATORIO */
    border-spacing: 0;                        /* rimuove spazi tra celle */
    border-radius: 16px !important;           /* ← quanto arrotondato vuoi */
    overflow: hidden;                         /* nasconde gli angoli sporgenti */
    border: 1px solid #dee2e6;                /* opzionale: bordo esterno */
}

/* Arrotonda solo gli angoli esterni (i 4 principali) */
.table-rounded > tbody > tr:first-child > td:first-child,
.table-rounded > tbody > tr:first-child > th:first-child {
    border-top-left-radius: 16px;
}
.table-rounded > tbody > tr:first-child > td:last-child,
.table-rounded > tbody > tr:first-child > th:last-child {
    border-top-right-radius: 16px;
}
.table-rounded > tbody > tr:last-child > td:first-child,
.table-rounded > tbody > tr:last-child > th:first-child {
    border-bottom-left-radius: 16px;
}
.table-rounded > tbody > tr:last-child > td:last-child,
.table-rounded > tbody > tr:last-child > th:last-child {
    border-bottom-right-radius: 16px;
}

/* Opzionale: sfondo e ombra per far risaltare */
.table-rounded {
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    background: #fff;
}
@media(max-width:560px) {
.angoli{
    border-radius: 30px !important;      /* scegli tu: 26-34px è perfetto */
}
}


