/* View: Views/Home/AnalisiDellaBolletta.cshtml */
#diasgnosiFT_new {
            position: relative;
            min-height: 90vh;
            display: flex;
            align-items: center;
            background-image: url("/assets/img/MGE-diagnosi.jpg");
            background-size: cover;
            background-position: center bottom;
            overflow: hidden;
            padding-top: 120px;
        }
        #diasgnosiFT_new::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(105deg,
                rgba(0,60,120,.88) 0%,
                rgba(0,100,160,.72) 55%,
                rgba(0,159,218,.28) 100%);
            z-index: 0;
        }
        #diasgnosiFT_new .container { position: relative; z-index: 1; }

        .hero-bolletta-stats {
            display: flex;
            gap: 40px;
            margin-top: 48px;
            flex-wrap: wrap;
            padding-top: 32px;
            border-top: 1px solid rgba(255,255,255,.18);
        }
        .hero-bolletta-stat .stat-num {
            font-size: 2rem;
            font-weight: 700;
            color: #ff9900;
            line-height: 1;
            font-family: Montserrat, sans-serif;
        }
        .hero-bolletta-stat .stat-label {
            font-size: 0.72rem;
            color: rgba(255,255,255,.65);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-top: 5px;
        }

        .divisore-minimal {
            border: none;
            border-top: 1px solid #e4edf5;
            margin: 0;
            opacity: 1;
        }

        .sez-label-white {
            font-size: 11px;
            font-weight: 700;
            color: rgba(255,255,255,.55);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }
        .sez-label-blu {
            font-size: 11px;
            font-weight: 700;
            color: rgba(0,100,160,.55);
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        /* ── INTRO: immagine full-height + garanzie in riga sotto ── */
        .sez-intro-bolletta {
            padding: 96px 0;
            background: #fff;
        }
        .intro-img-wrap {
            height: 100%;
            min-height: 360px;
        }
        .intro-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 14px;
            display: block;
        }
        .intro-garanzie-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            margin-top: 40px;
            padding-top: 32px;
            border-top: 1px solid #e4edf5;
        }
        .intro-garanzia-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 13.5px;
            color: rgb(61,90,110);
            font-weight: 600;
            line-height: 1.4;
        }
        .fg-icon {
            width: 36px;
            height: 36px;
            background: rgb(224,240,250);
            border-radius: 9px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: #007fbf;
            flex-shrink: 0;
        }


        .form-garanzie {
            display: flex;
            flex-direction: column;
            gap: 14px;
            margin-top: 28px;
            padding-top: 24px;
            border-top: 1px solid #e4edf5;
        }
        .form-garanzia-item {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 14px;
            color: rgb(61,90,110);
            font-weight: 600;
        }

        .sez-form-bolletta {
            background: #f8fbfd;
            padding: 96px 0;
        }


       .form-card-bolletta {
    background: #fff;
    border-radius: 16px;
    padding: 40px 36px;
    border: 1px solid #e4edf5;
    box-shadow: 0 8px 40px rgba(0,60,120,.06);
}
.form-card-bolletta .form-group {
    margin-bottom: 8px;
}
.form-card-bolletta .form-control {
    display: block;
    width: 100%;
    background: rgb(247,251,254);
    border: 1.5px solid rgb(214,234,246);
    border-radius: 10px;
    padding: 11px 14px;
    font-size: 12.5px;
    color: rgb(45,74,94);
    box-shadow: rgba(0,127,191,.04) 0px 1px 3px 0px inset;
    transition: border-color .2s, box-shadow .2s;
    -webkit-appearance: none;
    appearance: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-card-bolletta .form-control:focus {
    border-color: #007fbf;
    background: rgb(247,251,254);
    box-shadow: rgba(0,127,191,.12) 0px 0px 0px 3px, rgba(0,127,191,.04) 0px 1px 3px 0px inset;
    outline: none;
    color: rgb(45,74,94);
}
.form-card-bolletta input.form-control::placeholder,
.form-card-bolletta textarea.form-control::placeholder {
    color: rgb(168,196,212);
    opacity: 1;
    font-size: 12.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-card-bolletta select.form-control {
    color: rgb(168,196,212);
    cursor: pointer;
    padding: 11px 36px 11px 14px !important;
    font-size: 12.5px;
    border: 1.5px solid rgb(214,234,246) !important;
    border-radius: 10px !important;
    box-shadow: rgba(0,127,191,.04) 0px 1px 3px 0px inset !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23007fbf' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-color: rgb(247,251,254);
    height: auto !important;
}
.form-card-bolletta select.form-control.has-value {
    color: rgb(45,74,94);
}
.form-card-bolletta select.form-control option {
    color: rgb(45,74,94);
}
.form-card-bolletta select.form-control option[value=""] {
    color: rgb(168,196,212);
}
.form-card-bolletta textarea.form-control {
    resize: vertical;
    min-height: 100px;
    white-space: normal;
    overflow: auto;
}
.form-card-bolletta input[type="submit"],
.form-card-bolletta button[type="submit"],
.form-card-bolletta #sendbtn {
    display: block;
    width: 100%;
    background: rgb(255,183,4);
    color: #000;
    border: none;
    border-radius: 30px;
    padding: 14px 24px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: background .2s, transform .15s;
    margin-top: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.form-card-bolletta input[type="submit"]:hover,
.form-card-bolletta button[type="submit"]:hover,
.form-card-bolletta #sendbtn:hover {
    background: rgb(230,160,0);
    transform: translateY(-1px);
}
.form-card-bolletta h6 {
    font-size: .78rem;
    color: #7a97aa;
    margin-top: 14px;
}
.form-card-bolletta input[type="checkbox"] {
    margin-right: 8px;
}

        .sez-cosa-facciamo {
            background: #fff;
            padding: 96px 0;
        }
        .card-vantaggio {
            background: #fff;
            border: 1px solid #e4edf5;
            border-radius: 14px;
            padding: 32px 28px;
            height: 100%;
            transition: box-shadow .25s, transform .25s;
        }
        .card-vantaggio:hover {
            box-shadow: 0 8px 32px rgba(0,60,120,.09);
            transform: translateY(-3px);
        }
        .card-vantaggio .cv-icon {
            width: 52px;
            height: 52px;
            background: #e8f4fb;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #007fbf;
            margin-bottom: 20px;
        }
        .card-vantaggio h4 {
            font-size: .95rem;
            font-weight: 800;
            color: #003c78;
            margin-bottom: 8px;
        }
        .card-vantaggio p {
            font-size: .87rem;
            color: #5a7a8a;
            margin: 0;
            line-height: 1.65;
        }

        .sez-cta-bolletta {
            background: rgb(0,127,191);
            padding: 80px 0;
            text-align: center;
        }
        .sez-cta-bolletta h2 { color: #fff; margin-bottom: 24px; }

        .btn-outlineWHI {
            color: #fff !important;
            border: 1px solid #fff !important;
            padding: 20px;
        }
        .btn-outlineWHI:hover {
            background-color: #007fbf;
            color: #fff !important;
        }

        @media (max-width: 991px) {
            .intro-img-wrap { min-height: 280px; }
            .intro-garanzie-row { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            .hero-bolletta-stats { gap: 24px; }
            .sez-intro-bolletta, .sez-cosa-facciamo { padding: 64px 0; }
            .sez-form-bolletta { padding: 64px 0; }
            .form-card-bolletta { padding: 28px 20px; }
            .intro-garanzie-row { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 480px) {
            .intro-garanzie-row { grid-template-columns: 1fr; }
        }
  .checklabel{font-size:13px;}