/* Importazione dei font da Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Roboto:wght@400;700&display=swap');

/* Stili Generali */
body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, #2c3e50, #1a1a2e); /* Sfondo scuro e profondo */
    color: #ecf0f1; /* Testo chiaro per contrasto */
    line-height: 1.6;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* La pagina occupa almeno l'altezza della viewport */
    box-sizing: border-box; /* Include padding e border nel calcolo della dimensione */
}

.container {
    background-color: rgba(34, 49, 63, 0.95); /* Contenitore leggermente più chiaro e semitrasparente */
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    max-width: 900px;
    width: 95%;
    padding: 40px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid rgba(241, 196, 15, 0.5); /* Bordo sottile dorato */
}
/* Header */
header {
    background-color: #34495e; /* Colore di sfondo per l'header */
    padding: 25px 20px;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

header h1 {
    font-family: 'Playfair Display', serif;
    font-size: 3.5em; /* Grande per visibilità */
    color: #f1c40f; /* Colore oro */
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

header p {
    font-size: 1.2em;
    color: #bdc3c7;
    margin-top: 10px;
}
/* Main Content - Sezioni */
main {
    margin-bottom: 40px;
}

section {
    padding: 30px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: rgba(44, 62, 80, 0.7); /* Sfondo leggermente più scuro per le sezioni */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.hero-section h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.8em;
    color: #ecf0f1;
    margin-bottom: 20px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.hero-section p {
    font-size: 1.15em;
    margin-bottom: 15px;
    color: #ecf0f1;
}

.hero-section strong {
    color: #f1c40f; /* Colore oro per il nome del dominio */
    font-weight: 700;
}
.contact-section h3 {
    font-family: 'Playfair Display', serif;
    font-size: 2em;
    color: #f1c40f; /* Colore oro */
    margin-bottom: 25px;
}

/* Stile per l'indirizzo email (non copiabile) */
.email-contact {
    font-size: 1.3em;
    font-weight: 700;
    color: #ecf0f1;
    background-color: #34495e; /* Sfondo leggermente scuro per l'area dell'email */
    padding: 15px 25px;
    border-radius: 8px;
    display: inline-block; /* Per applicare padding e sfondo correttamente */
    cursor: default; /* Per indicare che non è cliccabile/selezionabile */
    user-select: none; /* Impedisce la selezione del testo con il mouse */
    -webkit-user-select: none; /* Per browser basati su WebKit */
    -moz-user-select: none; /* Per Firefox */
    -ms-user-select: none; /* Per Internet Explorer/Edge */
    border: 1px dashed #f1c40f; /* Bordo tratteggiato dorato */
    transition: background-color 0.3s ease;
}

.email-contact:hover {
    background-color: #49637c; /* Sfondo leggermente più chiaro al passaggio del mouse */
}

.email-address {
    font-family: 'Roboto Mono', monospace; /* Un font a larghezza fissa per l'email può aiutare a renderla più chiara */
    color: #92e092; /* Un verde chiaro per l'email per farla risaltare */
    word-break: break-all; /* Per evitare che l'email sfori su schermi piccoli */
}

.disclaimer {
    font-size: 0.9em;
    color: #bdc3c7;
    margin-top: 15px;
    font-style: italic;
}
/* Footer */
footer {
    padding: 20px;
    border-top: 1px solid rgba(241, 196, 15, 0.2);
    margin-top: 30px;
    color: #bdc3c7;
    font-size: 0.9em;
}
/* Responsive Design */
@media (max-width: 768px) {
    header h1 {
        font-size: 2.5em;
    }

    .hero-section h2 {
        font-size: 2em;
    }

    .email-contact {
        font-size: 1.1em;
        padding: 12px 20px;
    }

    .container {
        padding: 25px;
    }
}
@media (max-width: 480px) {
    header h1 {
        font-size: 2em;
    }

    .hero-section h2 {
        font-size: 1.6em;
    }

    .hero-section p, .email-contact, .disclaimer {
        font-size: 1em;
    }

    .email-contact {
        padding: 10px 15px;
    }
}