/* Phase 6.6C: only the two new local homepage components. */
body.page-id-2097 .nova-home-notices{padding:0 0 8px;background:#fff}
body.page-id-2097 .nova-home-notices .nova-home-panel{border:1px solid #dbe3ee;border-left:4px solid #20447d;border-radius:3px;padding:18px 24px;background:#f5f8fc}
body.page-id-2097 .nova-home-notices h2,body.page-id-2097 .nova-home-figures h2{font-size:26px;line-height:1.25;margin:0 0 10px;color:#20447d;letter-spacing:0}
body.page-id-2097 .nova-home-notices ul{list-style:none;padding:0;margin:0}
body.page-id-2097 .nova-home-notices li{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:14px;padding:10px 0;border-top:1px solid #dbe3ee;font-size:15px;line-height:1.5;color:#343d4a}
body.page-id-2097 .nova-home-notices h3{color:#20447d;font-family:inherit;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:0;text-transform:none;margin:0;overflow-wrap:anywhere}
body.page-id-2097 .nova-home-notices p{margin:0;font-size:15px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
body.page-id-2097 .nova-home-notices a{color:#20447d;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:44px;padding:10px 0;margin:-10px 0}
body.page-id-2097 .nova-home-notices a:focus-visible{outline:3px solid #20447d;outline-offset:4px;border-radius:2px}
body.page-id-2097 .nova-home-figures{padding:16px 0 12px;background:#fff}
body.page-id-2097 .nova-home-figures .nova-home-panel{background:#f2f5f9;border-radius:3px;padding:28px 24px 30px}
body.page-id-2097 .nova-home-figures h2{text-align:center;margin:0 0 24px}
body.page-id-2097 .nova-home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
body.page-id-2097 .nova-home-metric{display:flex;flex-direction:column;text-align:center;padding:0 14px;border-left:1px solid #cad5e4;min-width:0}
body.page-id-2097 .nova-home-metric:first-child{border-left:0}
body.page-id-2097 .nova-home-metric dt{font:inherit;font-size:16px;line-height:1.5;font-weight:400;color:#34465d;margin:6px 0 0}
body.page-id-2097 .nova-home-metric dd{order:-1;font:inherit;font-size:44px;font-weight:600;line-height:1.1;color:#20447d;margin:0;letter-spacing:-1px;overflow-wrap:anywhere}
@media(max-width:991px){body.page-id-2097 .nova-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}body.page-id-2097 .nova-home-metric:nth-child(3){border-left:0}body.page-id-2097 .nova-home-metric dd{font-size:40px}}
@media(max-width:479px){body.page-id-2097 .nova-home-notices .nova-home-panel{padding:16px}body.page-id-2097 .nova-home-notices h2,body.page-id-2097 .nova-home-figures h2{font-size:23px}body.page-id-2097 .nova-home-notices li{grid-template-columns:1fr;gap:2px;padding:10px 0}body.page-id-2097 .nova-home-notices h3,body.page-id-2097 .nova-home-notices p{font-size:14px}body.page-id-2097 .nova-home-figures .nova-home-panel{padding:24px 12px}body.page-id-2097 .nova-home-metric{padding:0 8px}body.page-id-2097 .nova-home-metric dd{font-size:36px}body.page-id-2097 .nova-home-metric dt{font-size:14px;line-height:1.45}body.page-id-2097 .nova-home-figures h2{margin-bottom:22px}}

/* Phase 6.6C.1: variable data count; incomplete rows remain centered. */
body.page-id-2097 .nova-home-metrics{display:flex;flex-wrap:wrap;justify-content:center;row-gap:24px}
body.page-id-2097 .nova-home-metric{flex:0 1 20%;border-left:0;box-sizing:border-box}
@media(min-width:992px){body.page-id-2097 .nova-home-metric{flex-grow:1;max-width:25%;min-width:18%}}
@media(max-width:991px){body.page-id-2097 .nova-home-metric{flex:0 0 50%;max-width:50%}}
/* Theme section padding plus the readable funding margin caused the bottom gap. */
body.page-id-2097 #nova-main-content > section:has(> .container > .row > .nova-funding) > .container{padding-bottom:24px}
body.page-id-2097 .nova-funding-readable{margin-bottom:0}

/* Narrow horizontal gutters only; vertical spacing is unchanged. */
@media(min-width:992px){
 body.page-id-2097 .cinccolumnes .row.columns_padding_15{margin-left:-8px;margin-right:-8px}
 body.page-id-2097 .cinccolumnes .row.columns_padding_15 > .col-md-3{padding-left:8px;padding-right:8px}
}

/* Compact horizontal spacing in the institutional logos below the service cards. */
body.page-id-2097 #nova-main-content .row.columns_padding_25{margin-left:-6px;margin-right:-6px}
body.page-id-2097 #nova-main-content .row.columns_padding_25 > .col-md-4{padding-left:6px;padding-right:6px}

/* Phase 6.7: section rhythm; component geometry and horizontal gutters are preserved. */
body.page-id-2097 .cinccolumnes > .container{padding-top:9px;padding-bottom:9px}
body.page-id-2097 .cinccolumnes > .container > .row > .col-xs-12,
body.page-id-2097 #noticies > .container > .row > .col-xs-12,
body.page-id-2097 #nova-main-content > section:has(.row.columns_padding_25) > .container > .row > .col-xs-12{margin-top:0;margin-bottom:0}
body.page-id-2097 #noticies > .container{padding-top:0;padding-bottom:0}
body.page-id-2097 #noticies .padding_30{padding-top:24px;padding-bottom:0}
body.page-id-2097 #noticies .nova-news-more{margin-bottom:16px}
body.page-id-2097 #nova-main-content > section:has(.row.columns_padding_25) > .container{padding-top:5px;padding-bottom:5px}
body.page-id-2097 #nova-main-content > section:has(> .container > .row > .nova-funding) > .container{padding-top:24px}
body.page-id-2097 .page_footer{padding-top:24px}
body.page-id-2097 .page_footer > .container > .row > [class*="col-"]{margin-top:0;margin-bottom:0}
body.page-id-2097 .page_footer .widget{margin-bottom:24px}
body.page-id-2097 .page_footer > .container > .row > :last-child .widget{margin-bottom:0}
body.page-id-2097 .page_copyright .row > .col-sm-12{margin-top:0;margin-bottom:0}

/* 2026-10-17: notices — larger type, validity line; placed under the banner in nova-web-home-trial.php. */
body.page-id-2097 .nova-home-notices{padding:24px 0 8px}
body.page-id-2097 .nova-home-notices h2{font-size:28px;margin-bottom:12px}
body.page-id-2097 .nova-home-notices li{grid-template-columns:minmax(220px,2fr) 3fr;gap:24px;padding:14px 0;font-size:17px;line-height:1.55}
body.page-id-2097 .nova-home-notices h3{font-size:18px;line-height:1.4}
body.page-id-2097 .nova-home-notices .nova-notice-text{font-size:17px;line-height:1.55}
body.page-id-2097 .nova-home-notices .nova-notice-until{margin:6px 0 0;font-size:15px;line-height:1.4;color:#4a5a70}
body.page-id-2097 .nova-home-notices .nova-notice-until time{font-weight:600}
@media (width < 768px){
 body.page-id-2097 .nova-home-notices{padding:16px 0 8px}
 body.page-id-2097 .nova-home-notices li{grid-template-columns:1fr;gap:6px;padding:12px 0}
 body.page-id-2097 .nova-home-notices h3{font-size:17px}
 body.page-id-2097 .nova-home-notices .nova-notice-text{font-size:16px}
 body.page-id-2097 .nova-home-notices .nova-notice-until{margin-top:2px;font-size:14px}
}

/* 2026-10-17: one icon and colour per notice type (cicles, batxillerat, especialització, proves d'accés, general). */
body.page-id-2097 .nova-notice{--nova-notice-c:#4a5a70;--nova-notice-bg:#e8ecf1}
body.page-id-2097 .nova-notice--cicles{--nova-notice-c:#0a6b4b;--nova-notice-bg:#e1f2ea}
body.page-id-2097 .nova-notice--batxillerat{--nova-notice-c:#20447d;--nova-notice-bg:#e2eaf6}
body.page-id-2097 .nova-notice--especialitzacio{--nova-notice-c:#68399a;--nova-notice-bg:#eee6f7}
body.page-id-2097 .nova-notice--proves{--nova-notice-c:#9c420e;--nova-notice-bg:#fbe9dd}
body.page-id-2097 .nova-notice-icon{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:50%;background:var(--nova-notice-bg);color:var(--nova-notice-c)}
body.page-id-2097 .nova-notice-icon svg{display:block;width:30px;height:30px}

/* Up to five notices side by side as cards: only the icon and, below it, the title. */
body.page-id-2097 .nova-home-notices ul.nova-notices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:4px 0 0}
body.page-id-2097 .nova-home-notices li.nova-notice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px 18px;text-align:center;background:#fff;border:1px solid #dbe3ee;border-top:4px solid var(--nova-notice-c);border-radius:6px;min-width:0}
body.page-id-2097 .nova-home-notices li.nova-notice h3{font-size:17px;line-height:1.35}
@media (width >= 992px){
 body.page-id-2097 .nova-home-notices ul.nova-notices{grid-template-columns:repeat(var(--nova-notices),minmax(0,1fr))}
 body.page-id-2097 .nova-notices--1{--nova-notices:1;max-width:420px}
 body.page-id-2097 .nova-notices--2{--nova-notices:2}
 body.page-id-2097 .nova-notices--3{--nova-notices:3}
 body.page-id-2097 .nova-notices--4{--nova-notices:4}
 body.page-id-2097 .nova-notices--5{--nova-notices:5}
 body.page-id-2097 .nova-notices--5 li.nova-notice{padding-left:12px;padding-right:12px}
}
/* 2026-10-18: IA removed from the icon row (page content). style.css forces 20% for five icons; four fill the row. */
@media (min-width: 992px){
 body.page-id-2097 section.cinccolumnes .col-md-3{width:25%!important}
}
/* 2026-10-18 phones: icons 2 + 2, the six service cards and the six logos in 2 columns (page was ~5,600 px tall). */
@media (width < 768px){
 body.page-id-2097 .cinccolumnes .row.columns_padding_15{display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;margin:0}
 body.page-id-2097 .cinccolumnes .row.columns_padding_15 > .col-md-3{width:auto;float:none;padding:0;margin:0!important}
 body.page-id-2097 .cinccolumnes .teaser{margin:0!important;padding:0!important}
 body.page-id-2097 .cinccolumnes .teaser_icon{margin-bottom:6px!important}
 body.page-id-2097 .cinccolumnes .teaser_icon i{font-size:42px!important;line-height:1}
 body.page-id-2097 .cinccolumnes .teaser h3{font-size:14px!important;line-height:1.25;letter-spacing:.02em;margin:0!important}

 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row > .col-md-6,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .row.columns_padding_5{display:contents}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .col-md-4{width:auto;float:none;padding:0;margin:0!important}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .square_teaser{margin:0!important;height:auto!important;min-height:0!important}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .item-media{height:auto!important;min-height:0!important}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .item-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .item-content h4{font-size:14px!important;line-height:1.25}

 body.page-id-2097 #nova-main-content .col-xs-12:has(> .row.columns_padding_25){display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;align-items:center}
 body.page-id-2097 #nova-main-content .row.columns_padding_25{display:contents}
 body.page-id-2097 #nova-main-content .row.columns_padding_25 > [class*="col-"]{width:auto;float:none;padding:0;margin:0!important}
 body.page-id-2097 #nova-main-content .row.columns_padding_25 .square_teaser{margin:0!important}
 body.page-id-2097 #nova-main-content .row.columns_padding_25 .item-media img{display:block;width:auto;max-width:100%;max-height:70px;margin:0 auto;object-fit:contain}

 /* Bootstrap clearfix pseudo-elements would take the first grid cell. */
 body.page-id-2097 .cinccolumnes .row.columns_padding_15::before,
 body.page-id-2097 .cinccolumnes .row.columns_padding_15::after,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row::before,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row::after,
 body.page-id-2097 #nova-main-content .col-xs-12:has(> .row.columns_padding_25)::before,
 body.page-id-2097 #nova-main-content .col-xs-12:has(> .row.columns_padding_25)::after,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row > .col-md-6::before,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row > .col-md-6::after,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .row.columns_padding_5::before,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .row.columns_padding_5::after,
 body.page-id-2097 #nova-main-content .row.columns_padding_25::before,
 body.page-id-2097 #nova-main-content .row.columns_padding_25::after{content:none;display:none}
}
/* 2026-10-18 tablets: the four icons in one row; service cards and logos in 3 columns (page was ~5,150 px tall). */
@media (768px <= width < 992px){
 body.page-id-2097 .cinccolumnes .row.columns_padding_15{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}
 body.page-id-2097 .cinccolumnes .row.columns_padding_15 > .col-md-3{width:auto;float:none;padding:0;margin:0!important}
 body.page-id-2097 .cinccolumnes .teaser{margin:0!important;padding:0!important}
 body.page-id-2097 .cinccolumnes .teaser_icon{margin-bottom:6px!important}
 body.page-id-2097 .cinccolumnes .teaser_icon i{font-size:44px!important;line-height:1}
 body.page-id-2097 .cinccolumnes .teaser h3{font-size:15px!important;line-height:1.25;margin:0!important}

 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row > .col-md-6,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .row.columns_padding_5{display:contents}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .col-md-4{width:auto;float:none;padding:0;margin:0!important}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .square_teaser{margin:0!important;height:auto!important;min-height:0!important}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .item-media{height:auto!important;min-height:0!important}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .item-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .item-content h4{font-size:15px!important;line-height:1.25}

 body.page-id-2097 #nova-main-content .col-xs-12:has(> .row.columns_padding_25){display:grid;grid-template-columns:repeat(3,1fr);gap:20px 28px;align-items:center}
 body.page-id-2097 #nova-main-content .row.columns_padding_25{display:contents}
 body.page-id-2097 #nova-main-content .row.columns_padding_25 > [class*="col-"]{width:auto;float:none;padding:0;margin:0!important}
 body.page-id-2097 #nova-main-content .row.columns_padding_25 .square_teaser{margin:0!important}
 body.page-id-2097 #nova-main-content .row.columns_padding_25 .item-media img{display:block;width:auto;max-width:100%;max-height:80px;margin:0 auto;object-fit:contain}

 /* Bootstrap clearfix pseudo-elements would take the first grid cell. */
 body.page-id-2097 .cinccolumnes .row.columns_padding_15::before,
 body.page-id-2097 .cinccolumnes .row.columns_padding_15::after,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row::before,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row::after,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row > .col-md-6::before,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .container > .row > .col-md-6::after,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .row.columns_padding_5::before,
 body.page-id-2097 #nova-main-content > section:has(.columns_padding_5 .square_teaser) .row.columns_padding_5::after,
 body.page-id-2097 #nova-main-content .col-xs-12:has(> .row.columns_padding_25)::before,
 body.page-id-2097 #nova-main-content .col-xs-12:has(> .row.columns_padding_25)::after,
 body.page-id-2097 #nova-main-content .row.columns_padding_25::before,
 body.page-id-2097 #nova-main-content .row.columns_padding_25::after{content:none;display:none}
}
/* Tablets: four notices as 2 + 2 instead of 3 + 1. */
@media (768px <= width < 992px){
 body.page-id-2097 .nova-home-notices ul.nova-notices--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Phones: one card per row, icon to the left, so the block stays short under the banner. */
@media (width < 768px){
 body.page-id-2097 .nova-home-notices ul.nova-notices{grid-template-columns:1fr;gap:10px}
 body.page-id-2097 .nova-home-notices li.nova-notice{flex-direction:row;gap:12px;padding:12px 14px;text-align:left}
 body.page-id-2097 .nova-notice-icon{width:40px;height:40px}
 body.page-id-2097 .nova-notice-icon svg{width:22px;height:22px}
}
/* 2026-10-18: news on phones — a list of the three latest posts (rendered by nova-web-news.php) instead of the carousel. */
body.page-id-2097 .nova-news-mobile{display:none}
@media (width < 768px){
 body.page-id-2097 #noticies .owl-carousel,
 body.page-id-2097 .nova-news-controls{display:none!important}
 body.page-id-2097 #noticies .nova-news-mobile{display:grid;gap:10px;list-style:none;margin:0;padding:0}
 body.page-id-2097 #noticies .nova-news-mobile a{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;min-height:44px;padding:8px;background:#fff;border:1px solid #dbe3ee;border-radius:6px;text-decoration:none}
 body.page-id-2097 #noticies .nova-news-mobile a:focus-visible{outline:3px solid #20447d;outline-offset:2px}
 body.page-id-2097 #noticies .nova-news-mobile img,
 body.page-id-2097 #noticies .nova-news-mobile-blank{display:block;width:88px;height:66px;object-fit:cover;border-radius:4px;background:#e2eaf6}
 body.page-id-2097 #noticies .nova-news-mobile-title{display:block;font-size:16px;line-height:1.3;font-weight:600;color:#20447d;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
 body.page-id-2097 #noticies .nova-news-mobile time{display:block;margin-top:4px;font-size:13px;line-height:1.3;color:#4a5a70}
 body.page-id-2097 #noticies .padding_30{padding:16px 12px 0}
}
/* 2026-10-18: presentation text at the end of the page, just before the footer (moved in nova-web-home-trial.php;
   editable in the admin page). Discreet: light background, smaller type, still fully readable (contrast ≥ 7:1). */
body.page-id-2097 .nova-home-intro{padding:28px 0 18px;background:#f2f5f9;border-top:1px solid #dbe3ee}
body.page-id-2097 .nova-home-intro-inner{max-width:860px;margin:0 auto;text-align:left}
body.page-id-2097 .nova-home-intro h2{font-size:20px;line-height:1.3;margin:0 0 10px;color:#20447d;letter-spacing:0;text-transform:none}
body.page-id-2097 .nova-home-intro p{font-size:15px;line-height:1.6;color:#3d4a5c;margin:0 0 10px;text-align:left}
body.page-id-2097 .nova-home-intro .nova-home-intro-more{margin:0}
body.page-id-2097 .nova-home-intro a{color:#20447d;font-weight:600;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:44px;padding:10px 0}
body.page-id-2097 .nova-home-intro a:focus-visible{outline:3px solid #20447d;outline-offset:3px;border-radius:2px}
@media (width < 768px){
 body.page-id-2097 .nova-home-intro{padding:20px 0 10px}
 body.page-id-2097 .nova-home-intro h2{font-size:18px}
 body.page-id-2097 .nova-home-intro p{font-size:14.5px;line-height:1.55}
}
/* 2026-10-18: «Actualitat» title of the homepage news block. */
body.page-id-2097 #noticies .nova-news-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin:0 0 16px}
body.page-id-2097 #noticies .nova-news-head h2{font-size:26px;line-height:1.25;margin:0;color:#20447d;letter-spacing:0}
body.page-id-2097 #noticies .nova-news-head a{color:#20447d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:479px){body.page-id-2097 #noticies .nova-news-head h2{font-size:23px}}