/* senza-filetti-rossi.css
   Pinuccia, 05/09/2026 sera: "Cattolica non usa i filetti rossi da nessuna parte.
   Toglili, altrimenti i colori diventano da scuola di inglese".
   Il rosso #C14048 resta come colore dell'identita' (parole in evidenza, bottoni),
   ma non e' piu' una RIGA: niente sottolineature, bordi, barrette in cima o di
   lato, trattini rossi. Le righe che servono davvero (separare, elencare)
   diventano grigio chiaro o navy. Con !important perche' alcune regole stanno
   negli <style> delle pagine (home). Lo collega fai-prova.sh su ogni pagina. */
:root{--filetto:#dfe3ea}

/* titoli: via la riga rossa sotto */
.uc-sidebar__title{border-bottom:0!important;text-decoration:none!important}
.uc-sec-title h2,.uc-sec__intro h2,.uc-content__category,.uc-megamenu__title{border-bottom:0!important}

/* riquadri: via la barra rossa laterale o in cima (hanno gia' lo sfondo) */
.uc-feat,.uc-callout,.uc-alert,.uc-prog,.uc-svc,.uc-dept,.uc-type,.uc-alumni,.uc-highlight{border-left:0!important}
.uc-tabs__panel,.uc-sidebar__widget,.submenu,.submenu--cols{border-top:0!important}
.uc-linkbox::before{display:none!important}
.uc-content .uc-timeline .uc-step{border-top:1px solid var(--filetto)!important}
.uc-steps::before{background:var(--navy-soft,#27455C)!important}

/* trattini degli elenchi: restano, in navy */
.uc-content ul li::before,.uc-careers-grid li::before{background:var(--navy-soft,#27455C)!important}

/* menu e schede: la riga della voce attiva o al passaggio, bianca sul navy, navy sul bianco.
   NON sulle voci .caret delle 8 pagine con uc-corte.css (visti, health, practical info, 404...):
   li' ::after e' la freccetta a V e lo sfondo bianco la faceva diventare un ROMBO pieno
   (Pinuccia 07/09: "non mi piacciono questi rombi"). */
.uc-nav > ul > li > a:not(.caret)::after{background:#fff!important}
/* 07/09 Pinuccia: "ora le V non sono dappertutto e la linea bianca sotto non si vede perche'
   trasborda". Sulle 8 pagine con uc-corte.css TUTTE le voci .caret hanno un sottomenu: la V
   sottile (7 px, come su Academics nelle altre 74 pagine) va su tutte. La riga bianca al
   passaggio era il border-bottom della voce, che finiva FUORI dalla barra navy (bianco su
   bianco): la disegno dentro la barra, 12 px sopra il bordo, come la riga delle altre pagine.
   Scopato con :has sulla testata "corte" per non toccare le altre 74. */
.uc-nav a.caret::after{display:inline-block!important;background:transparent!important;width:7px!important;height:7px!important;border-width:0 2px 2px 0!important;margin-left:8px!important;margin-bottom:3px!important}
.uc-nav:has(a.caret) > ul > li > a{border-bottom-color:transparent!important}
.uc-nav:has(a.caret) > ul > li:hover > a,.uc-nav:has(a.caret) > ul > li:focus-within > a{background:linear-gradient(#fff,#fff) no-repeat center bottom 12px / calc(100% - 4px) 2px!important}
.uc-cta::after,.uc-campuses__tab::after{background:var(--navy,#193458)!important}

/* ===== 07/09/2026 UN ACCENTO PER SCHERMATA (Pinuccia: "con il blu e il rosso fa un po' scuola di
   inglese in certi punti", "applica tutte"). Come Bocconi, Stanford, Cattolica: il rosso una volta
   sola, sul bottone o sulla parola chiave; il resto navy, bianco, grigio-azzurro. ===== */
.uc-footer h4{color:#B9C7D6!important}                                                   /* titoli di colonna del footer: erano rossi su navy */
.eyebrow,.uc-section-head__eyebrow,p.uc-section-head__eyebrow,.uc-path__detail-eyebrow,.uc-sec-eyebrow,.uc-content__category{color:#5B6B7F!important}   /* occhielli: grigio-azzurro, non rosso */
.uc-path__detail-link{color:var(--navy,#193458)!important}                               /* "6 concentrations ->": navy, il rosso resta al bottone */
.uc-alert{background:#EEF3F8!important;border-color:transparent!important;color:var(--navy,#193458)!important}   /* avvisi (visti): via il giallo paglierino */
.uc-alert strong,.uc-alert b{color:var(--navy,#193458)!important}

/* ===== 07/09/2026 OMOGENEO (Pinuccia: "omogenizza tutto rigorosamente"). Una sola forma di bottone
   e di etichetta: angolo vivo (identita' 05/09: via i cerchi). Un solo segno per "vai": il
   chevron sottile › (scelta B di Pinuccia, "io sarei x chevron"; LSE, Sciences Po), lo stesso
   della V del menu; via la freccia lunga del font. Le frecce dentro le frasi restano.
   Niente ritratti e bollini tondi. Il JS di tools/omogeneo.py cambia la freccia scritta nel
   testo dei link ("Book a visit ->") in <span class="uc-chev-fine">›</span>. ===== */
.uc-cta,.uc-nav .uc-cta,.uc-topbar__search,.uc-hero__btn,.uc-hero__eventcard-cta,.uc-hero__eventcard,.uc-campuses__cta,.uc-dd__cta,.ed-strip__cta,.ed-strip__badge,.uc-sidebar__cta,.uc-content .uc-btn,.uc-content .uc-btn.uc-btn--white,.uc-content .uc-sec--navy a.uc-cta-pill,.uc-content .uc-sec--navy .uc-cta,.uc-chip-row .chip,.uc-chip-row a.chip,.uc-chip-row span.chip,.uc-dd__partners span,.ucm-panel__cta a,.uc-header-cta,.uc-megamenu__close{border-radius:0!important}
.uc-content .uc-faculty-row .uc-faculty-photo,.uc-content .uc-faculty__photo,.uc-step__n,.uc-steps > li::before,.uc-timeline .uc-step::before,.uc-hero__ctrl,.uc-prog-card__bollo-circle,.uc-prog-card__bollo-circle::before,.uc-path__img,.uc-3as__badge,.uc-3as__badge::before{border-radius:0!important}
.uc-header-cta::after,.uc-linkbox__menu a::after,.uc-sidebar__widget--related a::after,.uc-prog-card__arrow::after,.uc-dd__cta::after{content:"\203A"!important;font-weight:400!important;font-size:1.25em!important;line-height:0!important;margin-left:4px!important}
/* 07/09 Pinuccia: "qui c'e' chevron e freccia": nei riquadri "Related resources" la freccia era
   un'immagine di sfondo (images/arrow-right.png) nello stesso ::after; via l'immagine, resta il chevron */
.uc-linkbox__menu > li a::after,.uc-linkbox__menu a::after{background:none!important;width:auto!important;height:auto!important;font:400 24px/1 var(--brand-body,sans-serif)!important;color:currentColor!important;opacity:1!important;transform:translateY(-50%)!important}
/* 07/09 Pinuccia sulla pillola Study Abroad che al passaggio diventava ROSSA con una riga bianca dentro:
   "cosa ne pensi di questo?" e "e' MOLTO DIVERSO DALLA HOME". Sulla home (sopra il video) la pillola e'
   un contorno bianco 1,5 px trasparente: stessa forma ovunque. Sulle pagine bianche: contorno navy,
   testo navy; al passaggio si riempie di navy. Niente rosso, niente riga dentro. */
.uc-nav .uc-cta,.uc-nav > ul > li > a.uc-cta{background:transparent!important;color:var(--navy,#193458)!important;border:1.5px solid var(--navy,#193458)!important}
.uc-nav .uc-cta:hover,.uc-nav .uc-cta:focus-visible,.uc-nav > ul > li > a.uc-cta:hover{background:var(--navy,#193458)!important;color:#fff!important;border-color:var(--navy,#193458)!important}
.uc-nav > ul > li > a.uc-cta::after{display:none!important}

/* stessa immagine arrow-right.png in altri 7 posti: blocco CTA, riquadri uc-feat, "more" dei corsi, destinazioni, bottoni dei moduli, passi */
.uc-cta a::after,.uc-course .more::after,.uc-form button[type=submit]::after,.uc-form .submit::after{content:"\203A"!important;background:none!important;width:auto!important;height:auto!important;filter:none!important;opacity:1!important;font:400 1.25em/0 var(--brand-body,sans-serif)!important;margin-left:6px!important;vertical-align:-1px}
.uc-dest::after{content:"\203A"!important;background:none!important;width:auto!important;height:auto!important;opacity:1!important;font:400 26px/1 var(--brand-body,sans-serif)!important;color:var(--navy,#193458)!important}
.uc-feat::after{content:none!important;background:none!important}   /* i riquadri uc-feat non sono link: la freccia era solo decorazione, via */
.uc-step .arr{background:none!important;width:auto!important;height:auto!important;opacity:1!important;font:400 26px/1 var(--brand-body,sans-serif)!important;color:var(--navy,#193458)!important}
.uc-step .arr::after{content:"\203A"}
/* 07/09 Pinuccia: "QUESTI CERCHI SONO SECONDO THE BEST?" (pallini ○ degli elenchi annidati nei visti).
   No: erano il segnalino di default del browser (disc al 1o livello, circle al 2o) nelle 8 pagine
   corte e negli elenchi annidati. Il sito ha gia' il suo segnalino: il trattino navy 10x1 px
   (.uc-content ul li::before). Ora lo stesso trattino a ogni livello, ovunque. Gli elenchi con
   classe (chip, menu, ancore, griglie) e gli elenchi numerati non si toccano. */
.uc-content ul:not([class]),.uc-sec ul:not([class]),.uc-feat ul,.uc-steps ul,.uc-info ul,.uc-alert ul,.uc-callout ul{list-style:none!important;padding-left:0!important;margin-left:0!important}
.uc-content ul:not([class]) > li,.uc-sec ul:not([class]) > li,.uc-feat ul > li,.uc-steps ul > li,.uc-info ul > li,.uc-alert ul > li,.uc-callout ul > li{position:relative!important;padding-left:22px!important;list-style:none!important}
.uc-content ul:not([class]) > li::before,.uc-sec ul:not([class]) > li::before,.uc-feat ul > li::before,.uc-steps ul > li::before,.uc-info ul > li::before,.uc-alert ul > li::before,.uc-callout ul > li::before{content:""!important;position:absolute!important;left:0!important;top:.72em!important;width:10px!important;height:1px!important;border:0!important;border-radius:0!important;background:var(--navy-soft,#27455C)!important}
.uc-megamenu__list .arrow,span.chev{font-size:0!important;color:transparent}
.uc-megamenu__list .arrow::after{content:"\203A";color:#fff;font-size:30px;font-weight:300;line-height:1}
span.chev::after{content:"\203A";color:currentColor;font-size:20px;font-weight:400;line-height:0}
.uc-chev-fine{font-weight:400;font-size:1.2em;line-height:0;margin-left:4px;vertical-align:-1px}

/* testata: via il trattino rosso prima dell'occhiello */
.uc-hero__pretitle::before{display:none!important}

/* piccoli: link con la riga sotto e distintivo bordato */
.uc-path__detail-link{border-bottom:0!important}
.ed-strip__badge{border-color:var(--navy,#193458)!important;color:var(--navy,#193458)!important}

/* trovati col controllo su tutte le 82 pagine (scan-tutte.mjs) */
.uc-page-hero__eyebrow span:empty,.uc-edhero__eyebrow .line{display:none!important}   /* trattino rosso dell'occhiello, 22 pagine */
.uc-prog-anchors a.is-active{border-bottom-color:var(--navy,#193458)!important}       /* voce attiva delle ancore dei programmi, 19 pagine */
.uc-dd__content h2,.uc-3as__head h2,.uc-container h2{border-bottom:0!important}        /* home e privacy */
.uc-entry-card__tag{border-bottom:0!important}
.uc-level-card,.uc-life-card,.uc-incl{border-top:0!important}                          /* niente barre in cima alle card (regola gia' nostra) */
.uc-note{border-left:0!important}
.uc-page-hero--flat{background:var(--navy,#193458)!important}                          /* 3 programmi con la testata tutta rossa: navy */

/* ===== 07/09/2026 sera, Pinuccia su Academics: "vedo dei bolli" + "le regole vanno assolutamente
   rispettate". Controllo con scan-regole.mjs: Academics aveva 36 scritte rosse (numeri 01-04, sigle
   B.A./MBA, occhielli delle card) e 5 foto tonde; Admissions 18 (etichette, scadenze, tag delle card).
   Stessa regola di sopra: il rosso una volta per schermata, sul bottone o sulla parola chiave. ===== */
/* occhielli, etichette, tag, sigle: grigio-azzurro */
.uc-degree-card__eyebrow,.uc-admissions-list .label,.uc-prog-subtitle,.uc-mobility-card__tag,.uc-school__eyebrow,.uc-spotlight__eyebrow,
.uc-prog-card__level,.uc-prog-list .code,.uc-audience__label,.uc-level-card__tag,.uc-cross-card__tag,
body .uc-content > p.uc-eyebrow,.uc-eyebrow,.uc-degree-info__label,.uc-bigcard__tag,.uc-city .uc-city__tag,.uc-feat .level,.uc-prog .ribbon,
.uc-card .role,.uc-alumni .role,.uc-sidebar__widget-title,.uc-year-meta .credits,.uc-region .pct{color:#5B6B7F!important}
/* numeri grandi dei capitoli, numeri dei passi, scadenze, voce attiva delle ancore: navy */
.uc-life-card__sub,.uc-detail__head .num,.uc-step .num,.uc-timeline .uc-step__num,td.deadline,.uc-prog-anchors a.is-active{color:var(--navy,#193458)!important}
/* al passaggio le card non diventano rosse */
.uc-mobility-card:hover .uc-mobility-card__arrow,.uc-school__arrow,.uc-school:hover .uc-school__arrow{color:var(--navy-soft,#27455C)!important}
/* frecce lunghe disegnate in CSS (riga + punta): via, resta il chevron › come ovunque */
.arrow-line{display:none!important}
.uc-mobility-card__arrow::after,.uc-degree-card__arrow::after,.uc-entry-card__arrow::after,.uc-school__arrow::after,
.uc-level-card__arrow::after,.uc-cross-card__arrow::after{content:"\203A";font-weight:400;font-size:1.4em;line-height:0;margin-left:4px}

/* 07/09 sera, Pinuccia: "guarda questa foto con la riga" (Academic Support): il bordo sotto di una voce
   di elenco passava SOPRA la fotografia a lato. Da stamattina le <li> sono position:relative (per il
   trattino navy) e gli elementi posizionati si dipingono dopo le foto flottanti. Le foto a lato salgono
   di un livello: sopra il bordo, come prima. */
.uc-content figure.uc-figure,.uc-content .uc-life-card__fig,.uc-content figure{position:relative;z-index:1}

/* 07/09 sera, Pinuccia sulla home, sezione Unicollege International: "perche' qui c'e' questo azzurro sotto? bilancia
   questa sezione". La foto (4:5) era piu' bassa della colonna del testo (782 px contro 1052): sotto restava un vuoto.
   La foto riempie la colonna per tutta l'altezza, ritagliandosi (niente vuoti, regola dell'08/09). */
.uc-dd--intl .uc-dd__media{position:relative;min-height:420px}
.uc-dd--intl .uc-dd__media img,.uc-dd--intl .uc-dd__media picture{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block}
@media (max-width:800px){.uc-dd--intl .uc-dd__media{min-height:0;aspect-ratio:16/9}}
/* 07/09 sera, Pinuccia: "no troppo lunga, accorcia" e "non c'e' equilibrio nella pagina". La sezione International era
   880 px a 1440 (la piu' alta della home): la home-varianti (body.intl-scena/intl-bocconi) le da' min-height 880, il
   "90+" a 136 px, titolo 48, margini 88, sette bottoncini su quattro righe. Qui, con specificita' piu' alta: niente
   altezza minima, margini 56, titolo 36 come le altre sezioni, il numero torna parola nel testo, bottoncini stretti. */
html body[class] .uc-dd--intl .uc-dd__media,html body[class] .uc-dd--intl .uc-dd__media-img{min-height:0!important;height:100%!important}
html body[class] .uc-dd--intl .uc-dd__inner{grid-template-rows:auto!important;min-height:0!important}
html body[class] .uc-dd--intl .uc-dd__content{padding:56px 64px!important;min-height:0!important}
html body[class] .uc-dd--intl .uc-dd__content h2{font-size:36px!important;line-height:1.12!important;margin:0 0 18px!important}
html body[class] .uc-dd--intl .uc-dd__content>p{font-size:19px!important;line-height:1.5!important;margin:0 0 22px!important}
html body[class] .uc-dd--intl .uc-dd__content>p *,html body[class] .uc-dd--intl .uc-dd__big{font-size:19px!important;line-height:1.5!important;display:inline!important;margin:0!important;font-weight:700!important;letter-spacing:0!important}
html body[class] .uc-dd--intl .uc-dd__partners{margin:0 0 26px!important;gap:8px!important}
html body[class] .uc-dd--intl .uc-dd__voce{font-size:15px!important;padding:8px 12px!important}
/* 07/09 sera, equilibrio della home: "Key admission deadlines" era 878 px (margini 96, data a 64 px, righe da 49);
   prima stretta a ~700 (margini 56, data 48). 08/09 Pinuccia: "forse troppo grande" -> versione B: titolo e data a 30 px,
   righe a 16 px su una riga, margini 40: sezione 493 px a 1277, entra in uno schermo. */
html body[class] .uc-scadenza{padding:40px 40px!important}
html body[class] .uc-scadenza .uc-scadenza__card{padding:28px 36px 32px!important}
html body[class] .uc-scadenza .uc-scadenza__title{font-size:30px!important;margin-bottom:6px!important}
html body[class] .uc-scadenza .uc-scadenza__date{font-size:30px!important;line-height:1.1!important}
html body[class] .uc-scadenza .uc-scadenza__label{font-size:17px!important;margin-bottom:14px!important}
html body[class] .uc-scadenza .uc-scadenza__rows li{font-size:16px!important;padding:5px 0!important}
html body[class] .uc-scadenza .uc-scadenza__cta{padding:14px 22px!important}
/* il "90+ partner universities" restava grande (regola della home-varianti piu' tardi nel foglio): specificita' ancora piu' alta, e lo spazio dopo 90+ */
html body[class] .uc-dd--intl .uc-dd__inner .uc-dd__content>p strong,html body[class] .uc-dd--intl .uc-dd__inner .uc-dd__content>p strong *,html body[class] .uc-dd--intl .uc-dd__inner .uc-dd__content>p span{font-size:19px!important;line-height:1.5!important;font-weight:700!important;display:inline!important}
html body[class] .uc-dd--intl .uc-dd__inner .uc-dd__content .uc-dd__big{margin-right:.25em!important}
/* 07/09 sera, Pinuccia: "anche in questa sezione summer giallo", scelta B = tutto il rettangolo. Il giallo #FBCE0F
   diventa il colore dell'estate sul sito: bottone della fascia Serendipity e bottoncino Summer Programs. */
html body[class] .uc-dd--intl .uc-dd__voce[href*="summer"]{background:#FBCE0F!important;border-color:#FBCE0F!important;color:var(--navy,#193458)!important}
html body[class] .uc-dd--intl .uc-dd__voce[href*="summer"]:hover{background:var(--navy,#193458)!important;border-color:var(--navy,#193458)!important;color:#fff!important}

/* 08/09 ore 6, EQUILIBRIO DELLA HOME (Pinuccia: 'anche The 3As Academic Model e' enorme, dai un equilibrio alla pagina', poi 'OK'):
   un solo titolo di sezione a 30 px (la misura scelta per Key admission deadlines), occhielli 14, numeri 48 (statistiche) e 44 (3As)
   invece di 72 e 88, margini 48/56 ovunque: sezioni tra 400 e 593 px, pagina da 5.106 a 4.760. Tre [class] perche' la home-varianti usa body.percorsi-b.b-navy. */
html body[class][class][class] .uc-path h2,html body[class][class][class] .uc-3as h2,html body[class][class][class] .uc-campuses h2,html body[class][class][class] .uc-dd h2,html body[class][class][class] .uc-evidenza h2,html body[class][class][class] .uc-dd .uc-dd__title,html body[class][class][class] .uc-evidenza .uc-evidenza__title{font-size:30px!important;line-height:1.15!important}
html body[class][class][class] .uc-section-head__eyebrow{font-size:14px!important;letter-spacing:.08em!important;margin-bottom:10px!important}
html body[class][class][class] .uc-stats{padding:48px 40px!important}
html body[class][class][class] .uc-stats .uc-stats__n{font-size:48px!important;line-height:1!important;margin-bottom:8px!important}
html body[class][class][class] .uc-path{padding:48px 40px 56px!important}
html body[class][class][class] .uc-path .uc-path__head{margin-bottom:28px!important}
html body[class][class][class] .uc-3as{padding:48px 40px 56px!important}
html body[class][class][class] .uc-3as .uc-3as__head{margin-bottom:32px!important}
html body[class][class][class] .uc-3as .uc-3as__head p:not(.uc-section-head__eyebrow){font-size:17px!important}
html body[class][class][class] .uc-3as .uc-3as__badge{margin-bottom:14px!important}
html body[class][class][class] .uc-3as .uc-3as__badge-n{font-size:44px!important;line-height:1!important}
html body[class][class][class] .uc-3as .uc-3as__badge-l{margin-top:8px!important}
html body[class][class][class] .uc-3as h4{font-size:20px!important}
html body[class][class][class] .uc-campuses{padding:48px 40px 56px!important}
html body[class][class][class] .uc-campuses .uc-campuses__head{margin-bottom:24px!important}