/* Stili globali per HTML e BODY per azzerare margini e padding sui browser */
html,
body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    /* Applichiamo un font generico sans-serif a tutta la pagina */
    font-family: Arial, Helvetica, sans-serif;
}

/* ---------------------------------------------------- */
/* STILI GENERALI (DEFAULT PER INDEX.HTML, USANO BACKGROUND.PNG) */
/* ---------------------------------------------------- */

body {
    /* Stili di fallback per la homepage (index.html) */
    background-image: url('IMAGES/background.png');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000000;
}

/* Stili comuni per tutte le sezioni */
#top-bar,
#header,
#row1,
#footer,
#bottom-bar {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    color: white;
    font-size: 20px;
    min-height: 100px;
}

/* Altezze specifiche per le sezioni */
#top-bar {
    min-height: 30px;
}

#header {
    min-height: 150px;
}

#row1 {
    min-height: 400px;
}

#footer {
    min-height: 120px;
}

#bottom-bar {
    min-height: 50px;
}

/* ---------------------------------------------------- */
/* STILI SPECIFICI PER LA PAGINA VERIFICAFIBRA.HTML */
/* ---------------------------------------------------- */

/* CLASSE BODY SPECIFICA: Sovrascrive lo sfondo del body per la pagina fibra (usa 02.jpg) */
.fibra-body {
    background-image: url('IMAGES/02.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #333333;
}

/* Classe per la ROW1 della pagina fibra (solo layout del contenuto) */
.fibra-row1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    color: white;
    text-align: center;
    padding: 20px;
}

.fibra-title {
    font-size: 3em;
    margin-bottom: 30px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    /* NUOVO: Rende il testo tutto maiuscolo */
    text-transform: uppercase;
}

.fibra-button {
    display: inline-block;
    padding: 15px 30px;
    /* NUOVO: Togliamo colore di sfondo per l'effetto "link" */
    background-color: transparent;
    color: white;
    text-decoration: none;
    /* NUOVO: Rimuoviamo i bordi arrotondati */
    border-radius: 0;
    font-size: 1.2em;
    font-weight: bold;
    transition: color 0.3s;
    border: none;
    cursor: pointer;
    /* NUOVO: Rende il testo tutto maiuscolo */
    text-transform: uppercase;
    /* NUOVO: Aggiungiamo un sottile bordo inferiore (simulando una sottolineatura) */
    border-bottom: 2px solid white;
}

.fibra-button:hover {
    /* Al passaggio del mouse, possiamo schiarire il testo e la linea */
    color: #cccccc;
    border-bottom: 2px solid #cccccc;
}