/*
 * CRONOMETRO GARA — PALETTE BLU UFFICIALE
 * Blu scuro #102A43 · Blu acceso #168BDB · Bianco #FFFFFF
 * CSS non distruttivo: sovrascrive il precedente rosso/giallo.
 */
:root{
 --cg-primary:#102A43;--cg-primary-dark:#0B2034;--cg-primary-light:#224665;
 --cg-accent:#168BDB;--cg-accent-hover:#0D70B6;--cg-accent-light:#EAF6FE;
 --cg-white:#FFFFFF;--cg-canvas:#FFFFFF;--cg-soft:#F3F8FC;
 --cg-border:#D8E5EF;--cg-body:#102A43;--cg-muted:#587188;
 --cg-red:#168BDB;--cg-red-hover:#0D70B6;--cg-red-dark:#102A43;
 --cg-red-deep:#0B2034;--cg-yellow:#168BDB;--cg-yellow-light:#69BAF2;
 --cg-cream:#F3F8FC;--cg-ink:#102A43;
 --cip-navy:#102A43;--cip-navy-2:#0B2034;
 --cip-lime:#168BDB;--cip-lime-2:#69BAF2;--cip-blue:#168BDB;
 --cip-teal:#168BDB;--cip-text:#102A43;--cip-muted:#587188;
 --cip-bg:#FFFFFF;--cip-soft:#F3F8FC;--cip-line:#D8E5EF;--cip-white:#FFFFFF;
}
body.cg-portal{background:#FFFFFF;color:#102A43}
.cg-portal .site-header{
 background:rgba(16,42,67,.98);color:#FFFFFF;
 border-bottom:2px solid #168BDB;
 box-shadow:0 8px 28px rgba(12,31,51,.16)
}
.cg-portal .site-header .cg-brand-mark{
 background:#FFFFFF;border-color:#168BDB;
 box-shadow:0 0 0 2px rgba(255,255,255,.28)
}
.cg-portal .cg-brand-mark:before{border-color:#102A43}
.cg-portal .cg-brand-needle{background:#168BDB}
.cg-portal .cg-brand-wordmark strong{color:#FFFFFF}
.cg-portal .cg-brand-wordmark strong span,
.cg-portal .cg-footer-logo span{color:#69BAF2}
.cg-portal .cg-brand-wordmark small{color:#DAEAF5}
.cg-portal .cg-nav-items a,
.cg-portal .primary-nav a{color:#FFFFFF}
.cg-portal .cg-nav-items a:hover,
.cg-portal .cg-nav-items a:focus,
.cg-portal .primary-nav a:hover{color:#80CEFF}
.cg-portal .cip-icon-btn{
 color:#FFFFFF;background:rgba(255,255,255,.12);
 border-color:rgba(255,255,255,.25)
}
.cg-portal .cip-icon-btn:hover{background:rgba(22,139,219,.37)}
.cg-portal .cip-btn-primary,
.cg-portal .cg-archive-button{
 background:#168BDB;border-color:#168BDB;color:#FFFFFF;
 box-shadow:0 7px 20px rgba(22,139,219,.18)
}
.cg-portal .cip-btn-primary:hover,
.cg-portal .cg-archive-button:hover{
 background:#0D70B6;border-color:#0D70B6;color:#FFFFFF
}
.cg-portal .cip-btn-dark,
.cg-portal .search-submit{
 background:#102A43;color:#FFFFFF;border-color:#102A43
}
.cg-portal .cip-btn-dark:hover,
.cg-portal .search-submit:hover{background:#224665}
.cg-portal .cip-btn-outline{border-color:#A3C7E1;color:#102A43}
.cg-portal .cip-link,
.cg-portal .cip-section-head-v2>a{color:#0D70B6}
.cg-portal .cip-link:hover,
.cg-portal .cip-section-head-v2>a:hover{color:#102A43}
.cg-portal .cg-hero{
 background:
 radial-gradient(circle at 78% 18%,rgba(22,139,219,.28),transparent 35%),
 linear-gradient(118deg,#0B2034 0%,#102A43 52%,#16699C 100%);
 color:#FFFFFF
}
.cg-portal .cg-hero::before{
 background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.035))
}
.cg-portal .cg-hero .cip-home-hero-copy h1,
.cg-portal .cg-hero .cip-home-hero-copy h1 em{color:#FFFFFF}
.cg-portal .cg-hero .cip-home-hero-copy h1 em{
 text-shadow:0 0 28px rgba(74,188,255,.3)
}
.cg-portal .cg-hero .cip-kicker{color:#80CEFF}
.cg-portal .cg-hero .cip-home-hero-copy p{color:#DFEFF9}
.cg-portal .cg-hero .cip-home-trust{color:#D3E9F8}
.cg-portal .cg-hero-display{
 background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(22,139,219,.08));
 border:1px solid rgba(123,201,255,.42);
 box-shadow:0 28px 70px rgba(4,19,32,.27)
}
.cg-portal .cg-display-top,
.cg-portal .cg-display-foot{color:#DEEDF8}
.cg-portal .cg-display-badge{background:#FFFFFF;color:#102A43}
.cg-portal .cg-clock{color:#FFFFFF}
.cg-portal .cg-clock small{color:#80CEFF}
.cg-portal .cg-clock-bar{background:rgba(255,255,255,.2)}
.cg-portal .cg-clock-bar span{background:linear-gradient(90deg,#168BDB,#75C7FA)}
.cg-portal .cg-display-foot .cg-dot{background:#63C0FD}
.cg-portal .cg-btn-white{
 background:#FFFFFF;border-color:#FFFFFF;color:#102A43
}
.cg-portal .cg-btn-white:hover{background:#EAF6FE;color:#102A43}
.cg-portal .cip-quick-grid .cg-quick-item{
 background:#FFFFFF;border-color:#D8E5EF;
 box-shadow:0 5px 16px rgba(16,42,67,.04)
}
.cg-portal .cip-quick-grid .cg-quick-item:hover{
 border-color:#168BDB;box-shadow:0 12px 28px rgba(16,42,67,.11)
}
.cg-portal .cg-quick-icon{
 background:#EAF6FE;color:#168BDB
}
.cg-portal .cip-section-soft{background:#F3F8FC}
.cg-portal .cip-card{border-color:#D8E5EF}
.cg-portal .cg-section-head .cip-card-eyebrow{color:#168BDB}
.cg-portal .cg-section-head.light .cip-card-eyebrow{color:#80CEFF}
.cg-portal .cg-article-card .cg-article-thumb{
 background:linear-gradient(135deg,#EAF6FE,#CDDEF0);color:#168BDB
}
.cg-portal .cg-article-body .cg-article-date{color:#587188}
.cg-portal .cg-article-body a:hover{color:#168BDB}
.cg-portal .cg-results-dark{
 background:
 radial-gradient(circle at 84% 26%,rgba(22,139,219,.18),transparent 44%),
 linear-gradient(118deg,#0B2034,#102A43 62%,#155D8B);
 color:#FFFFFF
}
.cg-portal .cg-results-dark .cg-article-body,
.cg-portal .cg-results-dark .cg-article-card{color:#102A43}
.cg-portal .cg-empty-dark{
 border-color:rgba(116,199,249,.45);
 background:rgba(255,255,255,.06)
}
.cg-portal .cg-empty-dark p{color:#DCECF8}
.cg-portal .cg-empty{
 border-color:#CADFEB;background:#FFFFFF
}
.cg-portal .cg-empty-visual{background:#EAF6FE;color:#168BDB}
.cg-portal .cg-page-header{
 background:linear-gradient(118deg,#0B2034,#102A43 70%,#176A9D);
 border-bottom:5px solid #168BDB;color:#FFFFFF
}
.cg-portal .cg-page-content .entry-content a,
.cg-portal .cg-listing-grid article a:hover{color:#168BDB}
.cg-portal .cg-timing{
 background:linear-gradient(110deg,#EAF6FE,#FFFFFF);
 border-top:2px solid rgba(22,139,219,.16)
}
.cg-portal .cg-timing h2{color:#102A43}
.cg-portal .cg-timing p{color:#587188}
.cg-portal .cg-timing .cg-timing-icon{color:#168BDB}
.cg-portal .site-footer{
 background:linear-gradient(140deg,#0B2034,#102A43);
 color:#FFFFFF;border-top:5px solid #168BDB
}
.cg-portal .site-footer .cip-footer-col a:hover{color:#80CEFF}
.cg-portal .cip-mobile-nav{
 background:#FFFFFF;border-top:2px solid #168BDB
}
.cg-portal .cip-mobile-nav a{color:#102A43}
.cg-portal .cip-mobile-nav a:hover{color:#168BDB}
.cg-portal a:focus-visible,
.cg-portal button:focus-visible{
 outline:3px solid #168BDB;outline-offset:3px
}
.cg-portal .site-header a:focus-visible,
.cg-portal .site-header button:focus-visible,
.cg-portal .cg-hero a:focus-visible,
.cg-portal .site-footer a:focus-visible{outline-color:#80CEFF}
@media(max-width:1080px){
 .cg-portal .primary-nav{
  background:#102A43;border-top:1px solid rgba(116,199,249,.34)
 }
 .cg-portal .primary-nav a{color:#FFFFFF}
}