/* Cronometro Gara — branding locale e miglioramenti su stylesheet Correre in Puglia */
:root{--cip-navy:#87101d;--cip-navy-2:#540814;--cip-lime-2:#ffe86b;--cip-soft:#fff6e6;--cip-line:#ead8d2;--cip-lime:#ffd400;--cip-blue:#b51627;--cip-text:#29161b;--cip-muted:#78646a;--cip-bg:#fff9f1;}
html{scroll-behavior:smooth}
body.cg-portal{margin:0;background:#fff;color:var(--cip-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.site-header .cg-brand{gap:13px;width:auto;min-width:215px;max-width:370px;text-decoration:none}
.cg-brand-mark{height:52px;width:52px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#ffd400;border:5px solid #7f101b;box-shadow:0 0 0 2px rgba(255,212,0,.9);position:relative}
.cg-brand-mark:before{content:'';width:15px;height:15px;border:3px solid #87101d;border-radius:50%;position:absolute}
.cg-brand-needle{position:absolute;left:50%;top:21%;width:3px;height:18px;border-radius:4px;background:#87101d;transform-origin:bottom;transform:rotate(40deg) translateY(1px)}
.cg-brand-wordmark{display:flex;flex-direction:column;line-height:1;gap:5px}
.cg-brand-wordmark strong{font-size:clamp(1.05rem,1.6vw,1.45rem);font-weight:1000;letter-spacing:-.055em;color:#fff;white-space:nowrap}
.cg-brand-wordmark strong span,.cg-footer-logo span{color:#ffd400}
.cg-brand-wordmark small{font-size:.64rem;font-weight:900;letter-spacing:.15em;color:rgba(255,255,255,.75)}
.cg-nav-items{list-style:none;margin:0;padding:0;display:flex;gap:20px;align-items:center}
.cg-nav-items a{color:#fff;font-size:.9rem;font-weight:800;opacity:.92;white-space:nowrap}
.cg-nav-items a:hover{color:#ffd400}
.cg-footer-logo{font-weight:1000;letter-spacing:-.04em;font-size:1.7rem;color:#fff}
.cg-hero{background:radial-gradient(circle at 78% 26%,rgba(255,212,0,.1),transparent 34%),linear-gradient(118deg,#4c0710 0%,#840b19 65%,#bc1528 100%);position:relative}
.cg-hero .cip-home-hero-grid{min-height:530px}
.cg-hero .cip-home-hero-copy h1 em{color:var(--cip-lime);font-style:normal}
.cg-hero .cip-home-hero-copy h1{font-size:clamp(3.25rem,6vw,5.6rem)}
.cg-hero .cip-kicker{font-size:.78rem}
.cg-hero-display{position:relative;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.25);padding:24px;box-shadow:0 35px 80px rgba(0,0,0,.2)}
.cg-display-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#ffe5cd;font-weight:800;font-size:.73rem;letter-spacing:.11em}
.cg-display-badge{background:var(--cip-lime);border-radius:999px;padding:5px 10px;color:#431019;font-weight:1000;font-size:.65rem}
.cg-clock{font-family:ui-monospace,Consolas,monospace;display:flex;align-items:baseline;justify-content:center;gap:7px;font-weight:900;font-size:clamp(2.8rem,5vw,4.8rem);letter-spacing:-.06em;color:#fff;text-align:center;padding:34px 0 23px;white-space:nowrap}
.cg-clock small{font-size:.4em;color:var(--cip-lime)}
.cg-clock-bar{height:7px;border-radius:6px;background:rgba(255,255,255,.14);overflow:hidden}
.cg-clock-bar span{display:block;width:69%;height:100%;background:linear-gradient(90deg,#f6af00,#ffdf40)}
.cg-display-foot{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#ffe9d9;font-size:.82rem}
.cg-display-foot strong{color:#fff}
.cg-display-foot .cg-dot{width:8px;height:8px;border-radius:50%;background:var(--cip-lime);display:inline-block;margin-right:7px}
.cg-btn-white{background:#fff;color:var(--cip-navy);border-color:#fff}
.cg-quick-item{display:flex;gap:14px;align-items:center;padding:19px;min-height:112px}
.cg-quick-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.4rem;background:#fff0cd;color:#a81321;flex-shrink:0}
.cg-quick-item b{display:block;font-size:1.02rem}
.cg-quick-item small{font-size:.81rem;color:var(--cip-muted)}
.cg-empty{padding:35px;border:2px dashed #ebd4cc;border-radius:20px;background:#fffaf4;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cg-empty h3{font-size:1.3rem;margin:0 0 8px}
.cg-empty p{color:var(--cip-muted);margin:0;max-width:610px}
.cg-empty-visual{border-radius:18px;background:#ffe8b8;color:#9d1523;padding:18px;font-size:2rem;line-height:1}
.cg-empty-dark{border:2px dashed rgba(255,255,255,.28);border-radius:20px;padding:34px;background:rgba(255,255,255,.06);color:#fff}
.cg-empty-dark p{color:#c7d6e2;margin-bottom:0}
.cg-section-head{margin-bottom:22px}
.cg-section-head h2{margin:4px 0 0;line-height:1.1}
.cg-section-head .cip-card-eyebrow{color:#b41628}
.cg-section-head.light .cip-card-eyebrow{color:var(--cip-lime)}
.cg-article-card{display:flex;flex-direction:column}
.cg-article-card .cg-article-thumb{height:175px;background:linear-gradient(135deg,#ffedcf,#ffdfaa);display:flex;align-items:center;justify-content:center;color:#a91b26;font-size:2rem}
.cg-article-card .cg-article-thumb img{width:100%;height:100%;object-fit:cover}
.cg-article-body{padding:20px}
.cg-article-body h3{font-size:1.18rem;line-height:1.25;margin:9px 0}
.cg-article-body p{color:#725d61;line-height:1.55;font-size:.94rem}
.cg-article-body a:hover{color:var(--cip-blue)}
.cg-article-body .cg-article-date{font-size:.75rem;font-weight:850;color:#81676d;letter-spacing:.06em}
.cg-results-dark{background:linear-gradient(110deg,#4a0710,#860c1a)}
.cg-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cg-stat-strip div{padding:18px 22px;background:#fff1dd;border-radius:15px}
.cg-stat-strip strong{display:block;font-size:1.3rem;color:#9b1323}
.cg-stat-strip small{color:#7b6164;font-size:.84rem}
.cg-page-main{min-height:55vh}
.cg-page-header{padding:48px 0;background:linear-gradient(130deg,#5c0713,#b31324);color:#fff}
.cg-page-header h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;margin:0}
.cg-page-content{padding:48px 0 70px}
.cg-page-content .entry-content{max-width:850px;line-height:1.7}
.cg-page-content .entry-content a{text-decoration:underline;color:#b51627}
.cg-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cg-listing-grid article{padding:22px}
.cg-listing-grid article h2{margin:10px 0;font-size:1.25rem}
.cg-listing-grid article a:hover{color:#b51627}
.cg-pagination{margin-top:30px}
.cg-timing{background:#fff2de}
.cg-timing .cip-container{display:flex;justify-content:space-between;align-items:center;gap:24px}
.cg-timing h2{margin:6px 0;font-size:clamp(1.4rem,2.5vw,2.1rem)}
.cg-timing p{max-width:730px;color:#765454}
.cg-timing .cg-timing-icon{font-family:ui-monospace,monospace;font-weight:900;font-size:3rem;color:#b51627}
@media(max-width:1080px){.cg-nav-items{display:block}.cg-nav-items a{display:block;padding:11px 6px}.cg-hero .cip-home-hero-grid{grid-template-columns:1fr}.cg-hero-display{max-width:650px}.cg-brand-wordmark strong{font-size:1.12rem}}
@media(max-width:850px){.cg-listing-grid,.cg-stat-strip{grid-template-columns:repeat(2,1fr)}.cg-quick-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.cg-hero .cip-home-hero-grid{padding:50px 0;min-height:auto}.cg-hero .cip-home-hero-copy h1{font-size:clamp(2.65rem,12vw,3.7rem)}.cg-clock{font-size:clamp(2rem,10vw,4rem)}.cg-brand-mark{height:39px;width:39px}.cg-brand-wordmark small{font-size:.51rem}.cg-empty{align-items:flex-start;flex-direction:column}.cg-quick-grid,.cg-stat-strip,.cg-listing-grid{grid-template-columns:1fr!important}.cg-timing .cip-container{align-items:start}.cg-timing-icon{display:none}}

/* CRONOMETRO GARA — PALETTE ROSSO + GIALLO SPORTIVO (anteprima) */
:root {
 --cg-red:#c51528; --cg-red-hover:#a70e1e; --cg-red-dark:#780b19;
 --cg-red-deep:#4b0711; --cg-yellow:#ffd400; --cg-yellow-light:#ffe76a;
 --cg-cream:#fff7e9; --cg-ink:#29151a; --cg-border:#ead7d0;
 --cip-navy:#87101d; --cip-navy-2:#4b0711; --cip-lime:#ffd400;
 --cip-lime-2:#ffe76a; --cip-blue:#b51627; --cip-teal:#c51528;
 --cip-text:#29151a; --cip-muted:#78646a; --cip-line:#ead7d0;
 --cip-bg:#fff9f1; --cip-soft:#fff6e6; --cip-white:#fff;
}
body.cg-portal { color:var(--cg-ink); background:#fffdf9; }
.cg-portal .site-header {
 background:rgba(157,13,30,.98);
 border-bottom:2px solid var(--cg-yellow);
 box-shadow:0 7px 28px rgba(78,7,17,.17);
}
.cg-portal .cg-brand-mark {
 background:var(--cg-yellow);
 border-color:#8e0b19;
 box-shadow:0 0 0 2px rgba(255,212,0,.9);
}
.cg-portal .cg-brand-mark:before { border-color:var(--cg-red-dark); }
.cg-portal .cg-brand-needle { background:var(--cg-red-dark); }
.cg-portal .cg-brand-wordmark strong span,
.cg-portal .cg-footer-logo span { color:var(--cg-yellow); }
.cg-portal .cg-nav-items a:hover,
.cg-portal .primary-nav a:hover {color:var(--cg-yellow);}
.cg-portal .cip-icon-btn{color:#fff;background:rgba(255,255,255,.15);}
.cg-portal .cip-icon-btn:hover{background:rgba(255,212,0,.24);}
.cg-portal .cip-btn-primary {
 background:var(--cg-yellow);
 color:#481018;
 border-color:var(--cg-yellow);
 box-shadow:0 6px 16px rgba(70,7,16,.1);
}
.cg-portal .cip-btn-primary:hover {
 background:var(--cg-yellow-light);
 border-color:var(--cg-yellow-light);
 color:#481018;
}
.cg-portal .cip-btn-dark,
.cg-portal .search-submit {
 background:var(--cg-red);
 color:#fff;
 border-color:var(--cg-red);
}
.cg-portal .cip-btn-dark:hover,
.cg-portal .search-submit:hover {background:var(--cg-red-hover);}
.cg-portal .cip-btn-outline{color:var(--cg-red-dark);border-color:#d39498;}
.cg-portal .cip-link{color:var(--cg-red);}
.cg-portal .cip-link:hover{color:var(--cg-red-hover);}
.cg-portal .cg-hero {
 color:#fff;
 background:
   radial-gradient(circle at 77% 22%,rgba(255,217,0,.21),transparent 34%),
   linear-gradient(122deg,#470811 0%,#830a1a 50%,#bc1429 100%);
}
.cg-portal .cg-hero::before{
 content:"";position:absolute;inset:0;
 background:linear-gradient(115deg,transparent 36%,rgba(255,212,0,.07));
 pointer-events:none;
}
.cg-portal .cg-hero .cip-home-hero-copy h1 em,
.cg-portal .cg-hero .cip-kicker{color:var(--cg-yellow);}
.cg-portal .cg-hero .cip-home-hero-copy p{color:#ffe9e2;}
.cg-portal .cg-hero .cip-home-trust{color:#ffe4de;}
.cg-portal .cg-hero-display{
 background:linear-gradient(145deg,rgba(255,235,204,.18),rgba(255,255,255,.06));
 border:1px solid rgba(255,218,57,.42);
 box-shadow:0 25px 75px rgba(51,4,13,.32);
}
.cg-portal .cg-display-badge{background:var(--cg-yellow);color:var(--cg-red-dark);}
.cg-portal .cg-clock small{color:var(--cg-yellow);}
.cg-portal .cg-clock-bar span{background:linear-gradient(90deg,#ffc000,#ffe653);}
.cg-portal .cg-display-foot .cg-dot{background:var(--cg-yellow);}
.cg-portal .cg-btn-white{background:#fff8e8;border-color:#fff8e8;color:var(--cg-red-dark);}
.cg-portal .cg-btn-white:hover{background:#fff0c5;}
.cg-portal .cip-quick-grid .cg-quick-item{
 background:#fffdf8;
 border-color:var(--cg-border);
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.cg-portal .cip-quick-grid .cg-quick-item:hover{
 border-color:#efb920;
 box-shadow:0 12px 28px rgba(153,23,31,.1);
}
.cg-portal .cg-quick-icon{background:#fff0c5;color:var(--cg-red);}
.cg-portal .cip-section-soft{background:var(--cg-cream);}
.cg-portal .cip-card{border-color:var(--cg-border);}
.cg-portal .cg-section-head .cip-card-eyebrow{color:var(--cg-red);}
.cg-portal .cg-section-head.light .cip-card-eyebrow{color:var(--cg-yellow);}
.cg-portal .cip-section-head-v2>a{color:var(--cg-red);}
.cg-portal .cg-article-card .cg-article-thumb{
 background:linear-gradient(135deg,#fff1d1,#ffdca1);
 color:var(--cg-red);
}
.cg-portal .cg-article-body .cg-article-date{color:var(--cg-red-dark);}
.cg-portal .cg-article-body a:hover{color:var(--cg-red);}
.cg-portal .cg-results-dark{
 background:
 radial-gradient(circle at 85% 25%,rgba(255,212,0,.1),transparent 45%),
 linear-gradient(120deg,#3d0610,#780b19 60%,#a51024);
 color:#fff;
}
.cg-portal .cg-empty-dark{
 border-color:rgba(255,215,0,.34);
 background:rgba(255,212,0,.05);
}
.cg-portal .cg-empty-dark p{color:#ffe3dc;}
.cg-portal .cg-empty{
 border-color:#e9c9bd;
 background:#fffaf3;
}
.cg-portal .cg-empty-visual{background:#ffe5a2;color:var(--cg-red-dark);}
.cg-portal .cg-page-header{
 background:linear-gradient(118deg,#530710,#951021 72%,#bc1d2d);
 border-bottom:5px solid var(--cg-yellow);
}
.cg-portal .cg-page-content .entry-content a{color:var(--cg-red);}
.cg-portal .cg-listing-grid article a:hover{color:var(--cg-red);}
.cg-portal .cg-timing{
 background:linear-gradient(115deg,#fff1cb,#fff9ed);
 border-top:2px solid rgba(197,21,40,.12);
}
.cg-portal .cg-timing .cg-timing-icon{color:var(--cg-red);}
.cg-portal .site-footer{
 background:linear-gradient(140deg,#430610,#740917);
 color:#fff;
 border-top:5px solid var(--cg-yellow);
}
.cg-portal .site-footer .cip-footer-col a:hover{color:var(--cg-yellow);}
.cg-portal .cip-mobile-nav{background:#fffaf3;border-top:2px solid var(--cg-yellow);}
.cg-portal .cip-mobile-nav a{color:var(--cg-red-dark);}
.cg-portal .cip-mobile-nav a:hover{color:var(--cg-red);}
.cg-portal a:focus-visible,.cg-portal button:focus-visible{
 outline:3px solid var(--cg-red);
 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:var(--cg-yellow);
}
@media(max-width:1080px){
 .cg-portal .primary-nav{background:#870d1a;border-top:1px solid rgba(255,212,0,.35);}
 .cg-portal .primary-nav a{color:#fff;}
}
@media(max-width:640px){
 .cg-portal .cip-mobile-nav a{font-weight:800;}
 .cg-portal .cg-hero .cip-home-hero-copy h1{font-size:clamp(2.55rem,11.7vw,3.65rem);}
}