/* Stili Extra per il Gancio e il Badge */
.storia-lucania-section {
    padding: 70px 0;
}

.sub-gancio {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
    color: #888;
    font-weight: 600;
}

.hr-breve {
    width: 50px;
    border-top: 2px solid #e30613;
    margin: 15px auto;
}

.title-storia {
    font-size: 2.2rem;
    color: #222;
    margin-bottom: 10px;
}

.title-storia .highlight {
    color: #e30613;
}

.image-wrapper {
    position: relative;
    border: 1px solid #eee;
}

.badge-esperienza {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #e30613;
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.list-esperienza-v2 {
    padding: 0;
    margin-top: 25px;
}

.list-esperienza-v2 li {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 35px;
    position: relative;
}

.list-esperienza-v2 li::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e30613" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
    position: absolute;
    left: 0;
    top: 2px;
}

.btn-lucania-gold {
    background-color: #222; /* Nero elegante per contrasto */
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 4px;
    font-weight: 700;
    transition: 0.3s;
}

.btn-lucania-gold:hover {
    background-color: #e30613;
    transform: translateY(-2px);
}