
.premio-text {
    font-family: 'Impact', 'Arial Black', sans-serif;
    font-size: clamp(1.5rem, 6vw, 3rem);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #e23e1c;
}

.button-gioca-home {
    max-width: 30%;
}

.img-premi {
    max-width: 100%;
}

.text-home1 {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    color: #ffffff;
    font-size: clamp(0.8rem, 3vw, 1.8rem);
}

.img-logo-brico {
    max-width: 60%;
}

.page-form-container {
    max-width: 992px;
}

.form-header {
    background-color: #eaf4fc;
    border-bottom: 1px solid #c9deef;
}

.img-logo-brico-1 {
    max-width: 50%;
}

.img-titolo {
    max-width: 50%;
}

.text-form {
    font-family: "Poppins", sans-serif;
    color: #1d3d91;
}

.video-result-container {
    max-width: 750px;
    border: 10px solid #FFFFFF;
}

.login-container {
    max-width: 576px;
}

#icon-password-container {
    cursor: pointer;
}

.admin-container {
    max-width: 1200px;
}

/* Nuova grafica della home: gli stili delle altre pagine restano invariati. */
body.home-fai-che-vinci {
    background-color: #087db6;
    background-image: linear-gradient(180deg, #079dd1 0%, #164585 75%, #123d7c 100%);
    font-family: "Poppins", sans-serif;
}

.home-fai-che-vinci .home-content {
    width: 100%;
    max-width: 750px;
}

.home-fai-che-vinci .cartolina-container {
    width: 100%;
    min-height: 0;
    border: 10px solid #ffffff;
    background-color: #154482;
    background-image: radial-gradient(ellipse at top, #049dd0 0%, #087bb4 30%, #154482 75%);
    overflow: hidden;
}

.home-fai-che-vinci .concorso-date {
    color: #ffffff;
    font-size: clamp(0.9rem, 3vw, 1.4rem);
    font-weight: 800;
}

.home-fai-che-vinci .concorso-intro {
    color: #ffffff;
    font-size: clamp(0.95rem, 3vw, 1.5rem);
    font-weight: 900;
}

.home-fai-che-vinci .img-titolo-home {
    width: 100%;
    max-width: 650px;
}

.home-fai-che-vinci .premio-text {
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    font-weight: 900;
    letter-spacing: 0;
    color: #ffffff;
}

.home-fai-che-vinci .premio-numero {
    color: #ffc329;
}

.home-fai-che-vinci .img-premi {
    width: 100%;
    max-width: 470px;
}

.home-fai-che-vinci .button-gioca-home {
    --bs-btn-color: #153d78;
    --bs-btn-bg: #ffa600;
    --bs-btn-border-color: #ffcf42;
    --bs-btn-hover-color: #153d78;
    --bs-btn-hover-bg: #ffd24a;
    --bs-btn-hover-border-color: #ffcf42;
    --bs-btn-active-color: #153d78;
    --bs-btn-active-bg: #ffd24a;
    --bs-btn-active-border-color: #ffcf42;
    --bs-btn-disabled-color: #153d78;
    --bs-btn-disabled-bg: #ffa600;
    --bs-btn-disabled-border-color: #ffcf42;
    max-width: 100%;
    padding: 0.9rem 1.6rem;
    border: 2px solid #ffcf42;
    border-radius: 0.5rem;
    background-color: #ffa600;
    background-image: linear-gradient(180deg, #ffcf32, #ffa600);
    transition: box-shadow 0.15s ease-in-out;
    box-shadow: 0 4px 0 #d97908;
    font-family: "Poppins", sans-serif;
    font-size: clamp(1rem, 3vw, 1.25rem);
    font-weight: 800;
    text-transform: uppercase;
    color: #153d78;
}

.home-fai-che-vinci .button-gioca-home:hover,
.home-fai-che-vinci .button-gioca-home:focus-visible,
.home-fai-che-vinci .button-gioca-home:active,
.home-fai-che-vinci .button-gioca-home.active {
    background-color: #ffd24a;
    background-image: none;
    border-color: #ffcf42;
    color: #153d78;
}

.home-fai-che-vinci .button-gioca-home:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 5px;
}

.home-fai-che-vinci .concorso-note {
    color: #ffffff;
    font-size: 0.7rem;
    line-height: 1.65;
}

.home-fai-che-vinci .concorso-note a {
    color: inherit;
    font-weight: 700;
}

.home-fai-che-vinci .text-home1 {
    font-size: clamp(0.65rem, 2.2vw, 1.1rem);
}

.home-fai-che-vinci .img-logo-brico {
    width: 100%;
    max-width: 160px;
    max-height: 75px;
    object-fit: contain;
}

@media (max-width: 575.98px) {
    .home-fai-che-vinci .cartolina-container {
        border-width: 6px;
    }

    .home-fai-che-vinci .img-logo-brico {
        max-width: 100px;
    }
}

.video-result-container {
    max-width: 750px;
    border: 10px solid #FFFFFF;
}

.img-titolo-home-1 {
    width: 100%;
    max-width: 550px;
}
