body {
    font-family: Arial, sans-serif;
    margin: 2rem;
    background-image: url("/asset/sfondo pagina.jpg");
    background-size: cover;           
    background-position: center;     
    background-repeat: no-repeat;    
    color: #333;                    
}

h1 {
    color: #3366cc; 
}

p {
    line-height: 1.5;
}

a {
    color: #ff6600;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.hero-img {
    width: 100%;          
    max-height: 300px;    
    object-fit: cover;    
    display: block;       
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: #333;
}

.hero {
    background-image: url("/asset/hero.png");
    background-size: cover;
    background-position: center;
    height: 300px;           
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;     
    text-align: center;
    padding: 0 1rem;
}

.hero h1, .hero h2 {
    color: #fff;               
    margin: 0.25em 0;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.hero h1 {
    font-size: 2.5rem; font-weight: 700;
}

.hero h2 {
    font-size: 1.8rem; font-weight: 400;
}

.content {
    padding: 2rem;
}

.transport {
    padding: 2rem;
    text-align: center;
}

.transport h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin: 0.8rem 0;
    color: #333;
}

.icon { /*Modifica a mano: rimossa la superclasse */
    height: 96px;
    width: auto;        
    margin-right: 1rem; 
}

.table-wrapper {
    width: 90%;       
    max-width: 70%; /*Modifica a mano: dimansione in percentuale */
    margin: 3rem auto;
    padding: 1rem;    
}

.vantaggi-svantaggi {
    width: 100%;
    border-collapse: collapse;
    color: #0b6fa4;
}

.vantaggi-svantaggi th, .vantaggi-svantaggi td {
    border: 2px solid red;
    padding: 0.8rem 1rem;
    text-align: left;
}

.vantaggi-svantaggi th {
    background-color: #e6f2ff;
}

.nav-links {
    list-style: disc;    
    padding-left: 1.5rem;
    margin-top: 2rem;    
    color: #0b6fa4;     
}

.nav-links li {
    margin-bottom: 0.5rem;
}

.nav-links a {
    text-decoration: none;
    color: inherit;
}

.nav-links a:hover,
.nav-links a:focus {
    text-decoration: underline;
}

.footer-table table {
    width: 100%;               
    max-width: 1000px;         
    margin: 3rem auto 0 auto;  
    border-collapse: collapse; 
    color: #0b6fa4;           
}

.footer-table td {
    padding: 1rem;             
    text-align: center;
}

.row-top td {
    border: none;
}

.row-bottom td {
    border-top: 2px solid red;
}

.text-custom {
    color: #003366;
    margin-left: 2rem
}

.marina-left {
    margin-left: 2rem;
}

/* manuale */
.marina{
    margin-left: 3rem;
    margin-right: 3rem;
}

.sitografia {
    width: 100%;
    border-collapse: collapse;
    margin-top: 2rem;
}

.sitografia th,
.sitografia td {
    padding: 0.75rem;
    border: 1px solid #ddd;
}

.sitografia thead {
    background-color: #f8f9fa;
}

.sitografia a {
    color: #0066cc;
    text-decoration: none;
}