
/* VITATTIVA 2026: livello grafico moderno e completamente modificabile */
:root {--primary:#1466a3;--secondary:#f0a540;--dark:#15344b;--light:#f4f8fb}
html{scroll-behavior:smooth} body{font-family:Inter,Arial,sans-serif;color:#304454;background:#fff;line-height:1.7}
h1,h2,h3,h4,h5,h6{font-family:Inter,Arial,sans-serif;letter-spacing:-.025em;color:#19354c}
a{transition:color .2s ease,background .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible{outline:3px solid #f0a540;outline-offset:3px}
.container{max-width:1190px}.container-fluid{max-width:100%}
.top-bar{min-height:62px;padding:0 3vw}.bg-light{background-color:#f4f8fb!important}
.navbar{box-shadow:0 8px 30px rgba(19,53,77,.07);border-bottom:1px solid #e8eef3;min-height:76px}
.navbar .nav-link{font-size:.98rem;font-weight:650;letter-spacing:.01em;border-radius:8px;padding:14px 15px!important}
.navbar .nav-link:hover,.navbar .nav-link.active{background:#eaf4fa;color:#1466a3!important}
.navbar-brand h1{font-weight:800;letter-spacing:-.055em}
.btn{border-radius:10px;font-weight:650}.btn-primary{background:#1466a3;border-color:#1466a3}.btn-primary:hover{background:#0d507f;border-color:#0d507f}
.btn-secondary{background:#efa83d;border-color:#efa83d;color:#1c3446}.btn-secondary:hover{background:#d78d20;border-color:#d78d20}
.service-item,.team-item,.testimonial-item,.bg-light.p-4,.bg-light.p-5{border-radius:18px;overflow:hidden}
.service-item{box-shadow:0 10px 36px rgba(16,51,80,.06);transition:transform .2s ease,box-shadow .2s ease}
.service-item:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(16,51,80,.13)}
img{max-width:100%;height:auto}.img-fluid{object-fit:cover}
.carousel-caption h1,.page-header h1{color:white}
.footer{background:#102b40!important}.footer a{color:#d9e8f3}.footer h4,.footer h6{color:#fff}
/* GALLERIA "IN PRIMO PIANO": da 1 a 3 elementi, SEMPRE centrata */
.vita-featured-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(16px,2vw,28px);max-width:1120px;margin:24px auto 36px;padding:0 12px}
.vita-featured-card{flex:0 1 338px;min-width:0;width:100%;max-width:338px;text-decoration:none!important;border:1px solid #dce8f0;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 11px 32px rgba(17,53,80,.11);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.vita-featured-card:hover{transform:translateY(-5px);box-shadow:0 19px 36px rgba(17,53,80,.18)}
.vita-featured-card img{display:block;width:100%;height:350px;object-fit:contain;background:#f3f7fb;padding:12px}
.vita-featured-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:#16669c;color:white;font-weight:750;min-height:52px;padding:12px;text-align:center}
.vita-featured-card:hover .vita-featured-cta{background:#0d507f}
.vita-featured-section>h6{font-weight:750;letter-spacing:.13em}.vita-featured-section>h1{font-size:clamp(1.8rem,3vw,2.5rem)}
.vita-featured-section>h2{font-size:clamp(1.25rem,2.2vw,1.75rem)}
.vita-featured-intro-link{display:none}
@media(max-width:767px){.navbar{padding:12px 18px!important}.vita-featured-gallery{gap:16px}.vita-featured-card{flex-basis:100%;max-width:min(100%,360px)}.vita-featured-card img{height:310px}.display-3,.display-4{font-size:clamp(2.1rem,8vw,3.3rem)}.footer{margin-top:28px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
