/* TEST 2026 - nuova identità grafica */
:root{--red:#e21d2a;--black:#050505;--panel:#0d0d0f;--line:#26262a;--white:#fff;--muted:#b9b9bf}
html,body{background:var(--black)!important;color:var(--white)!important}
body{background:var(--black)!important;color:var(--white)!important}
#top-bar{display:none!important} header{background:#050505!important;border-bottom:1px solid var(--line)!important}
.navigation{background:#050505!important;min-height:88px!important}.nav-brand{padding:9px 0!important}.main-logo{max-height:66px!important;width:auto!important}
.nav-menu>li>a{color:#fff!important;font-weight:700!important;font-size:12px!important;text-transform:uppercase!important}.nav-menu>li>a:hover{color:var(--red)!important}.nav-menu>li.active>a{color:var(--red)!important}.nav-dropdown{background:#111!important;border:1px solid var(--line)!important}.nav-dropdown>li>a{color:#fff!important}.nav-dropdown>li>a:hover{color:var(--red)!important;background:#191919!important}
.hero-castellana{min-height:680px;position:relative;display:flex;align-items:flex-end;background-image:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.57) 38%,rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0) 50%),url('/test/public/gallery/hero-castellana-2026.jpg');background-size:cover;background-position:center center}.hero-castellana .container{padding-bottom:70px}.hero-kicker{display:block;color:#fff!important;font-size:22px;font-weight:700;letter-spacing:.05em;margin-bottom:8px}.hero-kicker strong{color:var(--red)!important}.hero-title{font-size:clamp(54px,8vw,108px)!important;line-height:.88!important;letter-spacing:-.04em;font-weight:900!important;text-transform:uppercase;margin:0!important;color:#fff!important}.hero-title span{display:block;color:var(--red)!important}.hero-city{font-size:42px!important;font-weight:800!important;line-height:1;margin:12px 0 25px!important;color:#fff!important}.hero-date{font-size:26px;font-weight:800;text-transform:uppercase;border-top:2px solid var(--red);padding-top:18px;display:inline-block}.hero-date b{color:var(--red)}.hero-payoff{font-size:23px;font-weight:700;margin-top:30px!important;text-transform:uppercase}.hero-payoff strong{color:var(--red)!important}
.countdown-wrap{background:#070708;border-top:1px solid var(--red);border-bottom:1px solid var(--red);padding:25px 0}.countdown-grid{display:flex;align-items:center;justify-content:center;gap:0}.countdown-title{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin-right:35px}.time-unit{min-width:130px;text-align:center;border-right:1px solid #29292c;padding:0 20px}.time-unit b{display:block;font-size:43px;line-height:1;color:var(--red)!important}.time-unit span{font-size:13px;text-transform:uppercase;color:#fff!important}.event-box{padding-left:35px;margin-left:20px}.event-box strong{display:block;color:#fff!important;font-size:20px}.event-box span{color:var(--red)!important;font-weight:800;text-transform:uppercase}
.section-block,.grey-bg{background:var(--black)!important}.section-block{border-color:var(--line)!important}.section-heading h1,.section-heading h2,.section-heading h3,h1,h2,h3{color:var(--red)!important}.section-heading-line{background:var(--red)!important}.blog-grid{background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:none!important;padding-bottom:25px!important}.blog-grid h4 a{color:#fff!important}.blog-grid h4 a:hover{color:var(--red)!important}.blog-grid h6,.blog-grid p{color:var(--muted)!important}.blog-grid img{height:220px!important;width:100%!important;object-fit:cover!important}.button-primary{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}.button-simple-primary{color:var(--red)!important}.clients img{filter:none!important}.footer-1,.footer-bar{background:#050505!important;border-color:var(--line)!important;color:#fff!important}p,li{color:#e6e6e6!important}.pricing-box-3{background:var(--panel)!important;border-color:var(--line)!important}.scroll-to-top{background:var(--red)!important}
@media(max-width:991px){.hero-castellana{min-height:620px;background-position:62% center}.hero-castellana .container{padding-bottom:55px}.countdown-grid{flex-wrap:wrap}.countdown-title{width:100%;text-align:center;margin:0 0 15px}.time-unit{min-width:95px}.event-box{width:100%;text-align:center;padding:20px 0 0;margin:0}}
@media(max-width:767px){.hero-castellana{min-height:590px;background-position:66% center}.hero-title{font-size:58px!important}.hero-city{font-size:30px!important}.hero-date{font-size:20px}.time-unit{min-width:70px;padding:0 8px}.time-unit b{font-size:29px}.blog-grid img{height:auto!important}}


/* PAGINE INTERNE 2026 */
.breadcrumb-section{position:relative!important;min-height:280px!important;display:flex!important;align-items:center!important;background:#080808!important;border-bottom:1px solid #2a2a2a!important;}
.breadcrumb-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.55)),url('/test/img/content/hero-castellana-2026.jpg') center/cover no-repeat!important;opacity:.55;}
.breadcrumb-section .container{position:relative;z-index:1;}
.breadcrumb-section h1{color:#fff!important;font-weight:900!important;text-transform:uppercase;font-size:clamp(38px,6vw,72px)!important;line-height:1!important;margin-bottom:20px!important;}
.breadcrumb-section h1:after{content:"";display:block;width:90px;height:5px;background:#d71920;margin:22px auto 0;}
.breadcrumb-section ul li,.breadcrumb-section ul li a{color:#fff!important;}
.breadcrumb-section ul li+li:before{color:#d71920!important;}
.section-block{background:#050505!important;padding:70px 0!important;}
.section-block .container{color:#fff!important;}
.blog-grid{height:100%!important;overflow:hidden!important;background:#111!important;border:1px solid #292929!important;border-radius:0!important;box-shadow:none!important;transition:transform .25s ease,border-color .25s ease!important;padding-bottom:25px!important;}
.blog-grid:hover{transform:translateY(-5px)!important;border-color:#d71920!important;}
.blog-grid>a:first-child{display:block;overflow:hidden;background:#181818;}
.blog-grid>a:first-child img{width:100%!important;height:230px!important;object-fit:cover!important;transition:transform .4s ease!important;}
.blog-grid:hover>a:first-child img{transform:scale(1.04);}
.blog-grid h4{padding:0 25px!important;margin:20px 0 10px!important;line-height:1.15!important;}
.blog-grid h4 a{font-size:25px!important;color:#fff!important;font-weight:800!important;}
.blog-grid h4 a:hover{color:#d71920!important;}
.blog-grid p{padding:0 25px!important;color:#cfcfcf!important;}
.blog-grid .button-simple-primary{margin-left:25px!important;color:#fff!important;border-bottom:2px solid #d71920!important;font-weight:800!important;}
.blog-grid .button-simple-primary:hover{color:#d71920!important;}
.blog-team-box{position:relative!important;display:inline-block!important;margin:-22px 0 0 18px!important;z-index:2!important;background:#d71920!important;padding:8px 12px!important;}
.blog-team-box h6{margin:0!important;color:#fff!important;font-weight:800!important;}
.fb-share-button{margin:0 25px 8px!important;}
.text-content{font-size:18px!important;line-height:1.75!important;color:#f3f3f3!important;}
.text-content p,.text-content li{color:#f3f3f3!important;}
.text-content img{max-width:100%!important;height:auto!important;float:none!important;margin:10px 0 28px!important;border:1px solid #333!important;}
.text-content a{color:#fff!important;text-decoration-color:#d71920!important;text-decoration-thickness:2px!important;}
.text-content a:hover{color:#d71920!important;}
.section-heading h3{font-size:clamp(30px,4vw,52px)!important;text-transform:uppercase!important;font-weight:900!important;line-height:1.05!important;}
.section-heading-line{width:80px!important;height:4px!important;margin:22px 0 35px!important;background:#d71920!important;}
.pricing-box-3{background:#111!important;border:1px solid #2b2b2b!important;box-shadow:none!important;border-radius:0!important;height:100%!important;}
.pricing-box-3:hover{border-color:#d71920!important;}
.pricing-box-3-sale{background:#d71920!important;}
.pricing-box-3-category{background:#151515!important;border-bottom:1px solid #292929!important;}
.pricing-box-3-category h4{color:#fff!important;font-size:24px!important;font-weight:800!important;}
.pricing-box-3-category h5{color:#aaa!important;}
.pricing-box-3 ul li{border-color:#292929!important;color:#fff!important;}
.pricing-box-3 ul li a{color:#fff!important;}
.pricing-box-3 ul li a:hover{color:#d71920!important;}
.pricing-box-3 ul li i{color:#d71920!important;}
.section-block .table-responsive,.section-block table{background:#111!important;}
.table td,.table th{padding:16px!important;}
.table th{color:#fff!important;background:#181818!important;border-bottom:2px solid #d71920!important;}
input,textarea,select{background:#111!important;color:#fff!important;border:1px solid #444!important;}
input:focus,textarea:focus,select:focus{border-color:#d71920!important;outline:none!important;box-shadow:none!important;}
@media(max-width:767px){.breadcrumb-section{min-height:210px!important;}.section-block{padding:45px 0!important;}.blog-grid>a:first-child img{height:210px!important;}.blog-grid h4{padding:0 20px!important;}.blog-grid p{padding:0 20px!important;}.blog-grid .button-simple-primary{margin-left:20px!important;}}


/* COMPLETAMENTO PAGINE STATICHE 2026 */
.internal-page-2026 .row{position:relative;}
.internal-page-2026 .section-heading{margin-bottom:35px!important;}
.internal-page-2026 .section-heading h2,
.internal-page-2026 .section-heading h3{color:#d71920!important;font-weight:900!important;}
.internal-page-2026 .section-heading p{color:#d6d6d6!important;}

.internal-page-2026 .portfolio-box,
.internal-page-2026 .portfolio-box .portfolio-box-img,
.internal-page-2026 .portfolio-box .portfolio-box-info{background:#111!important;border-color:#2a2a2a!important;}
.internal-page-2026 .portfolio-box{border:1px solid #2a2a2a!important;}
.internal-page-2026 .portfolio-box:hover{border-color:#d71920!important;}
.internal-page-2026 .portfolio-box h4,
.internal-page-2026 .portfolio-box h4 a{color:#fff!important;}
.internal-page-2026 .portfolio-box h4 a:hover{color:#d71920!important;}

.internal-page-2026 .contact-box,
.internal-page-2026 .contact-info,
.internal-page-2026 .feature-box{
  background:#111!important;
  border:1px solid #292929!important;
  color:#fff!important;
}
.internal-page-2026 .contact-box:hover,
.internal-page-2026 .feature-box:hover{border-color:#d71920!important;}
.internal-page-2026 .contact-box i,
.internal-page-2026 .feature-box i{color:#d71920!important;}

.internal-page-2026 .tabs li a,
.internal-page-2026 .nav-tabs>li>a{
  background:#111!important;color:#fff!important;border-color:#303030!important;
}
.internal-page-2026 .tabs li.active a,
.internal-page-2026 .nav-tabs>li.active>a{
  background:#d71920!important;color:#fff!important;border-color:#d71920!important;
}
.internal-page-2026 .tab-content{
  background:#0b0b0b!important;border:1px solid #292929!important;color:#fff!important;
}

.internal-page-2026 .gallery-item,
.internal-page-2026 .portfolio-item{background:#111!important;}
.internal-page-2026 .gallery-item img,
.internal-page-2026 .portfolio-item img{filter:brightness(.92);transition:filter .3s ease,transform .3s ease;}
.internal-page-2026 .gallery-item:hover img,
.internal-page-2026 .portfolio-item:hover img{filter:brightness(1.08);transform:scale(1.02);}

.internal-page-2026 iframe{max-width:100%;border:1px solid #303030!important;}
.internal-page-2026 .map{border:1px solid #303030!important;}

.internal-page-2026 .button-md,
.internal-page-2026 .button-sm{background:#d71920!important;border-color:#d71920!important;color:#fff!important;}
.internal-page-2026 .button-md:hover,
.internal-page-2026 .button-sm:hover{background:#fff!important;color:#111!important;}

@media(max-width:767px){
  .internal-page-2026 .section-heading h2,
  .internal-page-2026 .section-heading h3{font-size:34px!important;}
}


/* CORREZIONE DEFINITIVA HERO FERRARI SU SMARTPHONE */
@media (max-width: 768px) {
    .hero-castellana {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 11 !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        overflow: visible !important;
    }

    .hero-castellana .hero-overlay,
    .hero-castellana:before,
    .hero-castellana:after {
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .hero-castellana {
        aspect-ratio: 4 / 3 !important;
        background-size: contain !important;
        background-position: center center !important;
    }
}


/* MOBILE: FOTO RITAGLIATA SULLA FERRARI, SENZA FASCE NERE */
@media (max-width: 768px) {
    .hero-castellana {
        min-height: 590px !important;
        height: 590px !important;
        aspect-ratio: auto !important;
        background-size: cover !important;
        background-position: 78% center !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
    }
}

@media (max-width: 480px) {
    .hero-castellana {
        min-height: 560px !important;
        height: 560px !important;
        background-size: cover !important;
        background-position: 80% center !important;
    }
}


/* MENU MOBILE NERO */
@media (max-width: 991px) {
    .navbar-collapse,
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing,
    #navigation4,
    #navigation4 .nav-menu,
    .mobile-menu,
    .main-menu {
        background-color: #050505 !important;
    }

    .navbar-collapse a,
    #navigation4 a,
    #navigation4 .nav-menu a,
    .mobile-menu a,
    .main-menu a {
        color: #ffffff !important;
    }

    .navbar-collapse a:hover,
    .navbar-collapse a:focus,
    #navigation4 a:hover,
    #navigation4 a:focus,
    #navigation4 .nav-menu a:hover,
    #navigation4 .nav-menu a:focus,
    .mobile-menu a:hover,
    .mobile-menu a:focus,
    .main-menu a:hover,
    .main-menu a:focus {
        color: #d71920 !important;
        background-color: #151515 !important;
    }

    .navbar-collapse li,
    #navigation4 li,
    #navigation4 .nav-menu li,
    .mobile-menu li,
    .main-menu li {
        border-color: #2a2a2a !important;
    }
}