/* ScommessePRO: [sp_pronostici_bonus] in our pronostici (CQ_Takeover_Bonus) with the «Tessere» UI of the AGIMEG bonus box
   (Affiliazione 1.1.12), without the phone sticky bar. At the end: SPRO palette and type. Approved by Luca 4/11. */
html body .ag-aff-box,html body .ag-aff-box__grid,html body .ag-aff-tray{box-sizing:border-box;font-family:Roboto,Arial,Helvetica,sans-serif;color:#152D49;-webkit-font-smoothing:antialiased}
html body .ag-aff-box *,html body .ag-aff-box__grid *,html body .ag-aff-tray *{box-sizing:border-box}
html body .ag-aff-box{margin:16px 0 22px}
html body .ag-aff-box__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body .ag-aff-box__grid::before{content:attr(data-ag-aff-title) "  ·  operatori ADM";grid-column:1/-1;margin:0 0 -2px;color:#6B7884;font:700 11px/1.2 Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:pre}
/* White-logo brands keep their own ink; everything else is white on the brand colour. */
html body a.ag-aff-card,html body a.ag-aff-tray__item{--ag-aff-ink:#fff;--ag-aff-soft:rgba(255,255,255,.75);--ag-aff-amount:#fff;--ag-aff-sheen:rgba(255,255,255,.06);text-decoration:none!important;min-width:0}
html body a.ag-aff-card[style*="#fff" i],html body a.ag-aff-tray__item[style*="#fff" i]{--ag-aff-ink:#152D49;--ag-aff-soft:#5B6B7A;--ag-aff-amount:#152D49;--ag-aff-sheen:#F1F4F7}
html body a.ag-aff-card[data-bookmaker="betflag"],html body a.ag-aff-tray__item[data-bookmaker="betflag"]{--ag-aff-amount:#0072B8}
html body a.ag-aff-card[data-bookmaker="domusbet"],html body a.ag-aff-tray__item[data-bookmaker="domusbet"]{--ag-aff-amount:#C12223}
html body a.ag-aff-card{position:relative;display:grid;grid-template-rows:30px 1fr 40px;min-height:156px;overflow:hidden;padding:16px 0 0 16px;border-radius:3px;background:var(--ag-aff-brand);color:var(--ag-aff-ink)!important;transition:transform .15s,box-shadow .15s}
html body a.ag-aff-card::before{content:"";position:absolute;top:0;right:0;bottom:0;width:46%;background:var(--ag-aff-sheen);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%);pointer-events:none}
html body a.ag-aff-card[style*="#fff" i]{box-shadow:inset 0 0 0 1px #DFE1E5}
html body a.ag-aff-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(21,45,73,.22)}
html body a.ag-aff-card:focus-visible{outline:2px solid #152D49;outline-offset:2px}
html body .ag-aff-card__logo,html body .ag-aff-tray__logo{position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:0;overflow:hidden}
html body .ag-aff-card__logo{padding-right:16px}
html body .ag-aff-card__logo img,html body .ag-aff-tray__logo img{display:block!important;width:auto!important;height:auto!important;margin:0!important;object-fit:contain!important;transform-origin:left center}
html body .ag-aff-card__logo img{max-width:140px!important;max-height:26px!important}
html body [data-bookmaker="eurobet"] .ag-aff-card__logo img,html body [data-bookmaker="eurobet"] .ag-aff-tray__logo img{transform:scale(1.55)}
html body [data-bookmaker="domusbet"] .ag-aff-card__logo img,html body [data-bookmaker="domusbet"] .ag-aff-tray__logo img{transform:scale(1.6)}
html body [data-bookmaker="starcasino"] .ag-aff-card__logo img{max-height:58px!important}
html body [data-bookmaker="starcasino"] .ag-aff-tray__logo img{max-height:40px!important}
/* Logos with a baked white box must not cut the sheen. */
html body a.ag-aff-card[style*="#fff" i] .ag-aff-card__logo img{mix-blend-mode:multiply}
html body .ag-aff-card__body{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:6px 16px 8px 0}
html body .ag-aff-card__body small,html body .ag-aff-card__body strong,html body .ag-aff-card__body em,html body .ag-aff-card__body span{display:block;font-style:normal;overflow-wrap:anywhere}
html body .ag-aff-card__body small{margin:0 0 3px;color:var(--ag-aff-soft);font:600 11px/1.25 Roboto,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .ag-aff-card__body strong{color:var(--ag-aff-amount);font:700 33px/1 Roboto,Arial,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
html body .ag-aff-card__body strong.is-text{font-size:24px;line-height:1.05;letter-spacing:-.01em}
html body .ag-aff-card__body em{margin-top:4px;color:var(--ag-aff-ink);font:600 13px/1.2 Roboto,Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .ag-aff-card__body span{margin-top:4px;color:var(--ag-aff-soft);font:400 11px/1.3 Roboto,Arial,sans-serif}
html body .ag-aff-card__cta{position:relative;display:flex;align-items:center;justify-content:center;justify-self:end;gap:10px;height:40px;padding:0 18px 0 30px;background:#D20A2E;color:#fff!important;font:700 13px/1 Roboto,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);transition:background .15s}
html body .ag-aff-card__cta::after{content:"›";font-size:20px;line-height:1;margin-top:-2px}
html body a.ag-aff-card:hover .ag-aff-card__cta{background:#A8001F}
html body .ag-aff-box__legal{margin:8px 0 0!important;padding:0!important;color:#6B7884!important;font:400 11px/1.4 Roboto,Arial,sans-serif!important}
html body .ag-aff-box--desktop-header{margin:14px 0 26px;padding:0;background:transparent}
/* Phone: the script moves the grid under the masthead, outside .ag-aff-box. */
@media(max-width:768px){
html body .ag-aff-box{overflow:hidden}
html body .ag-aff-box__legal{display:none!important}
html body .ag-aff-box__grid{gap:6px}
html body .ag-aff-box__grid--header{width:100%;margin:0;padding:10px 10px 12px;background:#fff}
html body .ag-aff-box__grid::before{content:attr(data-ag-aff-title) "  ·  18+  ·  verifica T&C";margin:0;font-size:9.5px;letter-spacing:.06em}
html body a.ag-aff-card{grid-template-rows:26px 1fr 30px;min-height:124px;padding:10px 0 0 10px}
html body .ag-aff-card__logo{padding-right:10px}
html body .ag-aff-card__logo img{max-width:92px!important;max-height:20px!important}
html body .ag-aff-card__body{padding:4px 8px 6px 0}
html body .ag-aff-card__body small{font-size:8.5px;letter-spacing:.04em}
html body .ag-aff-card__body strong{font-size:clamp(17px,5vw,21px)}
html body .ag-aff-card__body strong.is-text{font-size:14px}
html body [data-bookmaker="starcasino"] .ag-aff-card__logo img{max-height:44px!important}
html body .ag-aff-card__body em{font-size:10px}
html body .ag-aff-card__body span{display:none}
html body .ag-aff-card__cta{height:30px;padding:0 10px 0 20px;font-size:11px;clip-path:polygon(11px 0,100% 0,100% 100%,0 100%)}
}
@media(prefers-reduced-motion:reduce){html body a.ag-aff-card,html body .ag-aff-card__cta{transition:none}html body a.ag-aff-card:hover{transform:none}}
/* ScommessePRO: stesse tessere; cuneo lime (accento dei widget SPRO), cifra in Barlow Condensed come i widget CQ su SPRO,
   etichette in Inter, testi di servizio nel grigio chiaro del tema scuro. */
html body .sp-tessere,html body .sp-tessere .ag-aff-box__grid{font-family:Inter,Arial,sans-serif;color:#e0e9f1}
html body .sp-tessere{margin:18px 0 26px}
html body .sp-tessere .ag-aff-box__grid::before{content:attr(data-ag-aff-title);color:#b2c3d2;font:700 12px/1.2 Inter,Arial,sans-serif}
html body .sp-tessere .ag-aff-card__body small{font-family:Inter,Arial,sans-serif}
html body .sp-tessere .ag-aff-card__body strong{font:700 40px/1 "CQ Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:0}
/* A compound or worded offer («500 € + 100 €») keeps the smaller size of the AGIMEG tiles. */
html body .sp-tessere .ag-aff-card__body strong.is-text{font-size:26px;line-height:1.05}
html body .sp-tessere .ag-aff-card__cta{background:#b9f227;color:#101600!important;font:700 15px/1 "CQ Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.06em}
html body .sp-tessere a.ag-aff-card:hover .ag-aff-card__cta{background:#a6dc1f}
html body .sp-tessere a.ag-aff-card[style*="#fff" i]{box-shadow:none}
html body .sp-tessere a.ag-aff-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.45)}
html body .sp-tessere a.ag-aff-card:focus-visible{outline-color:#b9f227}
html body .sp-tessere .ag-aff-box__legal{color:#b2c3d2!important;font-family:Inter,Arial,sans-serif!important}
@media(max-width:768px){
html body .sp-tessere .ag-aff-box__grid::before{content:attr(data-ag-aff-title) "  ·  18+  ·  verifica T&C";font-size:10px}
html body .sp-tessere .ag-aff-card__body strong{font-size:clamp(21px,6.2vw,26px)}
html body .sp-tessere .ag-aff-card__body strong.is-text{font-size:15px}
html body .sp-tessere .ag-aff-card__cta{font-size:13px}
}
