/* Design tokens */
:root{
  --ibsa-accent:#8996ae; --ibsa-ink:#1a2624; --ibsa-slate:#384554;
  --ibsa-slate-2:#4c5867; --ibsa-grey:#5b6664; --ibsa-teal:#58abb7;
  --ibsa-bg:#ffffff; --ibsa-bg-alt:#eef0f3; --ibsa-banner:#8f9bb3;
  --ibsa-container:1280px; --ibsa-gutter:80px; --ibsa-card-gap:25px;
  --ibsa-ico-dl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M7 1V9M11 5L7 9L3 5M1 15H13' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Bottone base (Figma: #8996ae, testo bianco, Roboto Condensed Regular, rounded 5, bordo bianco 1.5) */
.patologia-btn-fill{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ibsa-accent);color:#fff;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:14px;letter-spacing:.02em;border:1.5px solid #fff;border-radius:5px;padding:9px 20px;transition:background .2s}
.patologia-btn-fill:hover{background:#7a879f;color:#fff}
.patologia-ico-dl{width:14px;height:16px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ibsa-ico-dl) center/contain no-repeat;mask:var(--ibsa-ico-dl) center/contain no-repeat}

/* @font-face self-hosted (file aggiunti in Task 12) */
@font-face{font-family:'Roboto Condensed';src:url('../fonts/roboto-condensed-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('../fonts/roboto-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Source Sans Pro';src:url('../fonts/source-sans-pro-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Source Sans Pro';src:url('../fonts/source-sans-pro-700.woff2') format('woff2');font-weight:700;font-display:swap}

.patologia{font-family:'Roboto Condensed',Arial,sans-serif;color:var(--ibsa-slate);background:var(--ibsa-bg)}
.patologia *{box-sizing:border-box}
.patologia-container{max-width:calc(var(--ibsa-container) + var(--ibsa-gutter) * 2);margin:0 auto;padding:0 var(--ibsa-gutter)}
.patologia h1,.patologia h2,.patologia h3,.patologia .patologia-kicker{font-family:'Roboto Condensed',Arial,sans-serif}
.patologia-kicker{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ibsa-accent);font-weight:700}

/* Hero */
.patologia-hero{position:relative;padding:52px 0 16px;background:var(--ibsa-bg)}
.patologia-hero__inner{display:flex;justify-content:space-between;gap:40px;min-height:424px}
.patologia-hero__main{max-width:720px}
.patologia-breadcrumb{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ibsa-grey);font-family:'Roboto Condensed',sans-serif}
.patologia-breadcrumb i{font-style:normal;color:var(--ibsa-grey)}
.patologia-breadcrumb .is-current{color:var(--ibsa-accent);font-weight:700}
.patologia-tags{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ibsa-accent);font-family:'Roboto Condensed',sans-serif}
.patologia-tags__bar{width:4px;height:24px;background:var(--ibsa-accent);display:inline-block}
.patologia-tags i{font-style:normal;color:var(--ibsa-accent)}
.patologia-hero__title{font-size:48px;line-height:1.1;margin:24px 0 0;color:var(--ibsa-slate);font-weight:400}
.patologia-hero__desc{max-width:601px;margin:24px 0 0;font-size:19px;line-height:1.35;color:var(--ibsa-slate)}
.patologia-hero__meta{display:flex;gap:56px;margin:40px 0 0;padding-top:20px;border-top:1px solid #e2e5ea}
.patologia-hero__meta dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ibsa-accent);font-family:'Roboto Condensed',sans-serif}
.patologia-hero__meta dd{margin:8px 0 0;font-size:14px;color:var(--ibsa-slate)}
.patologia-hero__meta dd span{display:block}
.patologia-hero__figure{flex:0 0 380px;width:380px;height:380px;margin:0;overflow:hidden;border-radius:2px}
.patologia-hero__figure img{width:100%;height:100%;object-fit:cover;display:block}

/* Responsive base */
@media (max-width:1023px){
  :root{--ibsa-gutter:24px}
  .patologia-hero__inner{flex-direction:column}
  .patologia-hero__figure{order:-1;width:100%;height:auto;aspect-ratio:1/1;max-width:380px}
  .patologia-hero__title{font-size:36px}
}

/* Anchor nav */
.patologia-anchor{background:var(--ibsa-bg);border-top:1px solid #e2e5ea;border-bottom:1px solid #e2e5ea;z-index:50}
.patologia-anchor.is-stuck{position:sticky;top:0;box-shadow:0 2px 10px rgba(26,38,36,.06)}
.patologia-anchor__inner{display:flex;align-items:center;justify-content:space-between;height:74px}
.patologia-anchor__list{display:flex;gap:40px;margin:0;padding:0;list-style:none}
.patologia-anchor__list a{display:flex;gap:12px;align-items:baseline;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;color:var(--ibsa-slate);padding-bottom:6px;border-bottom:3px solid transparent}
.patologia-anchor__list a.is-active{color:var(--ibsa-ink);border-bottom-color:var(--ibsa-accent)}
.patologia-anchor__n{color:var(--ibsa-accent)}
.patologia-anchor__aside{display:flex;align-items:center;gap:24px;font-family:'Roboto Condensed',sans-serif;font-size:14px;letter-spacing:.05em}
.patologia-anchor__indicator{color:var(--ibsa-grey)}
.patologia-anchor__download{display:inline-flex;align-items:center;gap:8px;background:var(--ibsa-accent);color:#fff;text-decoration:none;font-weight:400;font-size:14px;padding:6px 22px;border-radius:5px}
.patologia-anchor__download::before{content:"";width:11px;height:13px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ibsa-ico-dl) center/contain no-repeat;mask:var(--ibsa-ico-dl) center/contain no-repeat}
@media (max-width:1023px){
  .patologia-anchor__inner{height:auto;padding:12px 0;gap:12px;flex-wrap:wrap}
  .patologia-anchor__list{overflow-x:auto;gap:24px}
  .patologia-anchor__aside{display:none}
}

/* Section shared */
.patologia-section{padding:64px 0}
.patologia-section__lead{max-width:1040px;margin:34px 0 0;padding-left:20px;border-left:4px solid var(--ibsa-accent);font-family:'Roboto Condensed',sans-serif;font-size:36px;line-height:1.15;font-weight:700;color:var(--ibsa-slate)}
.patologia-section__sublead{margin:24px 0 0;font-size:19px;color:var(--ibsa-slate)}

/* Video generico */
.patologia-video{position:relative;background:#0d1620;border-radius:2px;overflow:hidden}
.patologia-video--embed{aspect-ratio:16/9}
.patologia-video--embed iframe,.patologia-video--mp4 video{position:absolute;inset:0;width:100%;height:100%;border:0}
.patologia-video--mp4{aspect-ratio:16/9}
.patologia-video--poster{aspect-ratio:620/348;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.patologia-video__play{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.9);position:relative}
.patologia-video__play:before{content:'';position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:13px 0 13px 20px;border-color:transparent transparent transparent var(--ibsa-ink)}

/* Section 01 grid */
.patologia-s01__grid{display:grid;grid-template-columns:520px 1fr;gap:140px;margin-top:65px}
.patologia-s01__body{font-size:19px;line-height:1.5;color:var(--ibsa-slate)}
.patologia-numlist{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid #e2e5ea}
.patologia-numlist li{display:flex;gap:18px;align-items:baseline;padding:9px 0;font-size:14px;color:var(--ibsa-slate)}
.patologia-numlist__n{color:var(--ibsa-accent);font-family:'Roboto Condensed',sans-serif;font-weight:700}
.patologia-videopill{display:flex;align-items:center;gap:20px;margin-top:20px}
.patologia-videopill__bar{width:0;border-left:3px solid #d3d8df;align-self:stretch}
.patologia-videopill__label{font-family:'Roboto Condensed',sans-serif;font-size:12px;letter-spacing:.08em;color:var(--ibsa-accent);text-transform:uppercase}
.patologia-videopill__title{font-size:15px;color:var(--ibsa-ink);margin-top:6px}
.patologia-videopill__meta{font-size:13px;color:var(--ibsa-grey);margin-top:6px}
.patologia-videopill__watch{margin-left:auto;display:inline-flex;align-items:center;background:var(--ibsa-accent);color:#fff;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:14px;white-space:nowrap;border:1.5px solid #fff;border-radius:5px;padding:7px 20px}
.patologia-videopill__watch:hover{background:#7a879f;color:#fff}
@media (max-width:1023px){ .patologia-s01__grid{grid-template-columns:1fr;gap:40px} .patologia-section__lead{font-size:26px} }

/* Section 02 */
.patologia-section--02{background:var(--ibsa-bg)}
.patologia-s02__body{max-width:1059px;margin:24px 0 0;font-size:19px;line-height:1.5;color:var(--ibsa-slate)}
.patologia-pcards-wrap{position:relative;margin-top:48px}
.patologia-pathology__cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--ibsa-card-gap) * 2) / 3);gap:var(--ibsa-card-gap);overflow-x:hidden}
.patologia-arrow--pcards{top:110px}
.patologia-pcard{display:flex;flex-direction:column;text-align:left;background:var(--ibsa-bg);border:1px solid #e2e5ea;padding:0;cursor:pointer;border-radius:2px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.patologia-pcard:hover{box-shadow:0 4px 16px rgba(26,38,36,.10)}
.patologia-pcard__img{display:block;height:220px;background-size:cover;background-position:center}
.patologia-pcard__title{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:17px;color:var(--ibsa-ink);padding:18px 20px 0}
.patologia-pcard__text{font-size:14px;color:var(--ibsa-grey);padding:6px 20px 20px}
.patologia-pcard.is-active{outline:2px solid var(--ibsa-accent)}
.patologia-pathology__panels{margin-top:48px}
.patologia-pathology[data-multi="1"] .patologia-pathology__panels{margin-top:36px}
.patologia-ppanel{display:none;grid-template-columns:320px 1fr;gap:60px;background:var(--ibsa-bg-alt);border-radius:2px;padding:40px;position:relative}
.patologia-ppanel.is-active{display:grid}
.patologia-pathology[data-multi="0"] .patologia-ppanel{display:grid}
.patologia-ppanel__bar{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--ibsa-accent)}
.patologia-ppanel__figure{margin:0;width:320px}
.patologia-ppanel__figure img{width:100%;height:auto;display:block}
.patologia-ppanel__title{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:36px;color:var(--ibsa-slate);margin:8px 0 0;padding-left:20px;border-left:4px solid var(--ibsa-accent)}
.patologia-ppanel__body{max-width:616px;margin:24px 0 0;font-size:19px;line-height:1.5;color:var(--ibsa-slate)}
.patologia-treatment{margin-top:24px;padding:20px 24px;border:1px solid #dfe3e9;border-left:6px solid var(--ibsa-accent);background:var(--ibsa-bg)}
.patologia-treatment__text{font-size:14px;color:var(--ibsa-slate);margin-top:8px}
.patologia-treatment__ref{font-size:13px;color:var(--ibsa-grey);margin-top:6px}
.patologia-ppanel__downloads{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}
.patologia-dl{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ibsa-accent);color:#fff;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:14px;letter-spacing:.02em;border:1.5px solid #fff;padding:9px 20px;border-radius:5px;transition:background .2s}
.patologia-dl:hover{background:#7a879f;color:#fff}
.patologia-dl__ico{width:14px;height:16px;flex:0 0 auto;background:#fff;-webkit-mask:var(--ibsa-ico-dl) center/contain no-repeat;mask:var(--ibsa-ico-dl) center/contain no-repeat}
.patologia-dl--video{background:var(--ibsa-accent);color:#fff}
@media (max-width:1023px){ .patologia-pathology__cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:var(--ibsa-card-gap);overflow-x:auto;scroll-snap-type:x mandatory} .patologia-pcard{scroll-snap-align:start} .patologia-arrow--pcards{display:none} .patologia-ppanel{grid-template-columns:1fr;gap:24px;padding:24px} .patologia-ppanel__figure{width:100%} }

/* Section 03 */
.patologia-inj-wrap{position:relative;margin-top:48px}
.patologia-inj-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--ibsa-card-gap) * 2) / 3);gap:var(--ibsa-card-gap);overflow-x:hidden}
.patologia-inj{background:var(--ibsa-bg);border-radius:2px;overflow:hidden;box-shadow:0 1px 0 rgba(26,38,36,.06);display:flex;flex-direction:column}
.patologia-inj__media{position:relative}
.patologia-inj__img{display:block;height:240px;background-size:cover;background-position:center}
.patologia-inj__body{padding:24px 20px}
.patologia-inj__title{font-family:'Roboto Condensed',sans-serif;font-size:19px;color:var(--ibsa-ink);margin:6px 0 0;padding-left:20px;border-left:4px solid var(--ibsa-accent)}
.patologia-inj__text{font-size:14px;color:var(--ibsa-slate-2);margin:16px 0 20px}
.patologia-arrow{position:absolute;top:120px;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #d3d8df;background:var(--ibsa-bg);color:var(--ibsa-slate);font-size:22px;line-height:1;cursor:pointer}
.patologia-arrow--prev{left:-22px}
.patologia-arrow--next{right:-22px}
@media (max-width:1023px){
  .patologia-inj-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory}
  .patologia-inj{scroll-snap-align:start}
  .patologia-arrow{display:none}
}

/* Section 04 */
.patologia-vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ibsa-card-gap);margin-top:48px}
.patologia-vcard__media{position:relative;border-radius:2px;overflow:hidden}
.patologia-vcard__label{font-family:'Roboto Condensed',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ibsa-accent);margin-top:20px}
.patologia-vcard__title{font-family:'Roboto Condensed',sans-serif;font-size:19px;color:var(--ibsa-ink);margin:8px 0 0}
.patologia-vcard__sub{font-size:14px;color:var(--ibsa-grey);margin-top:6px}
.patologia-center{display:flex;justify-content:center;margin-top:52px}
.patologia-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 40px;border:1px solid var(--ibsa-accent);background:var(--ibsa-accent);color:#fff;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border-radius:5px}
.patologia-btn:hover{background:#7a879f;border-color:#7a879f;color:#fff}
@media (max-width:1023px){ .patologia-vgrid{grid-template-columns:1fr} }

/* Banner */
.patologia-banner{background:var(--ibsa-banner);color:#fff;padding:57px 0}
.patologia-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.patologia-kicker--light{color:rgba(255,255,255,.85)}
.patologia-banner__title{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:36px;margin:12px 0 0;padding-left:20px;border-left:4px solid #fff}
.patologia-banner__desc{max-width:602px;margin:16px 0 0;font-size:15px;color:rgba(255,255,255,.9)}
.patologia-btn--light{background:#fff;border-color:#fff;color:var(--ibsa-accent);text-transform:none;padding:16px 34px}
.patologia-btn--light::before{content:"";width:16px;height:18px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ibsa-ico-dl) center/contain no-repeat;mask:var(--ibsa-ico-dl) center/contain no-repeat}
.patologia-btn--light:hover{background:#eef0f3;color:var(--ibsa-accent)}
/* Closing */
.patologia-closing{padding:86px 0}
.patologia-closing__chip{display:inline-flex;padding:8px 20px;border-left:4px solid var(--ibsa-accent);font-family:'Roboto Condensed',sans-serif;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ibsa-accent)}
.patologia-closing__quote{max-width:606px;margin:32px 0 0;font-family:'Source Sans Pro',sans-serif;font-style:italic;font-size:22px;line-height:1.4;color:var(--ibsa-slate)}
.patologia-closing__author{margin-top:24px;font-size:14px;color:var(--ibsa-ink)}
.patologia-closing__author span{display:block;color:var(--ibsa-grey)}
@media (max-width:1023px){ .patologia-banner__inner{flex-direction:column;align-items:flex-start} }

/* Header: l'header animato del tema e' trasparente e, quando diventa fixed su scroll,
   il contenuto ci passa sotto. Gli diamo un fondo bianco semitrasparente con blur,
   coerente con l'aspetto leggero delle altre pagine. */
#site-header.animated-header.fixed{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 10px rgba(26,38,36,.06)}

/* Site footer (replica del footer WPBakery usato nelle altre pagine) */
.patologia-sitefooter{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#fff}
.patologia-sitefooter__main{background:#8696b0;padding:44px 0}
.patologia-sitefooter__inner{display:flex;align-items:center;gap:44px}
.patologia-sitefooter__logo img{display:block;width:160px;height:auto}
.patologia-sitefooter__info{font-size:14px;line-height:1.55;color:#fff}
.patologia-sitefooter__info p{margin:0 0 12px}
.patologia-sitefooter__info a{color:#fff;text-decoration:none}
.patologia-sitefooter__info a:hover{text-decoration:underline}
.patologia-sitefooter__title{font-weight:400}
.patologia-sitefooter__link{margin-top:16px}
.patologia-sitefooter__legal{background:#6e81a4;padding:15px 0}
.patologia-sitefooter__legal-inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;font-size:12px;letter-spacing:.03em}
.patologia-sitefooter__legal span,.patologia-sitefooter__legal a{color:#fff;text-decoration:none}
.patologia-sitefooter__legal a:hover{text-decoration:underline}
@media (max-width:1023px){ .patologia-sitefooter__inner{flex-direction:column;align-items:flex-start;gap:20px} }

/* Hub Patologie */
.patologia-hubgrid{display:flex;flex-direction:column;gap:25px;margin-top:48px}
.patologia-hubrow{display:flex;gap:25px}
.patologia-hubrow>.patologia-hubcard{flex:1 1 0;min-width:0}
.patologia-hubrow--1>.patologia-hubcard{flex:0 0 calc((100% - 50px)/3)}
.patologia-hubcard{background:#fff;border:1px solid #e2e5ea;border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
.patologia-hubcard__media{display:block}
.patologia-hubcard__img{display:block;height:240px;background-size:cover;background-position:center}
.patologia-hubcard__body{padding:28px 30px}
.patologia-hubcard__cat{margin:0}
.patologia-hubcard__title{font-family:'Source Sans Pro',sans-serif;font-weight:700;font-size:18px;color:#1a2624;margin:8px 0 0}
.patologia-hubcard__desc{font-size:14px;line-height:1.5;color:#384554;margin:12px 0 20px}
.patologia-hubcard__cta{display:inline-flex;align-items:center;justify-content:center;background:#8996ae;color:#fff;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-size:14px;padding:6px 22px;border-radius:5px;width:140px}
.patologia-hubcard__cta:hover{background:#7a879f}
.patologia-hero__title a{color:inherit;text-decoration:none}
.patologia-hero__title a:hover{color:var(--ibsa-accent)}
.patologia-hero__cta{display:inline-flex;align-items:center;margin-top:32px;background:var(--ibsa-accent);color:#fff;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-size:14px;padding:9px 26px;border-radius:5px}
.patologia-hero__cta:hover{background:#7a879f;color:#fff}
.patologia-hero__figure--hub{position:relative}
.patologia-hero__figure--hub a{display:block;width:100%;height:100%}
.patologia-hub-badge{position:absolute;top:22px;left:-40px;width:80px;height:48px;background:#fff;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(26,38,36,.12)}
.patologia-hub-badge b{font-size:22px;font-weight:700;color:#222b36;line-height:1;font-family:'Helvetica Neue',Arial,sans-serif}
.patologia-hub-badge em{font-style:normal;font-size:10px;color:#8996ae}
.patologia-pagination{display:flex;justify-content:center;gap:8px;margin-top:52px}
.patologia-pagination a,.patologia-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border:1px solid #d3d8df;border-radius:4px;color:#384554;text-decoration:none;font-family:'Roboto Condensed',sans-serif;font-size:14px}
.patologia-pagination .current{background:#8996ae;border-color:#8996ae;color:#fff}
.patologia-pagination a:hover{border-color:#8996ae;color:#8996ae}
@media (max-width:1023px){
  .patologia-hubrow{flex-wrap:wrap}
  .patologia-hubrow>.patologia-hubcard{flex:1 1 100%}
  .patologia-hubrow--1>.patologia-hubcard{flex:1 1 100%}
  .patologia-hero__figure--hub{margin-left:0}
}