/* Scheda progetto modello B - solo per ?mc_project=B su Lucera 1372.
   Base grafica: homepage-a.css, refinement-02.css. */
body.single-portfolio .header-builder-frontend,
body.single-portfolio #wp-footer{display:none!important}
body.single-portfolio .wrapper-page,
body.single-portfolio #page-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
body.single-portfolio .wrapper-page{background:#fcfcfa!important}
.mcp-site .mcp-hero{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:stretch;min-height:590px}
.mcp-site .mcp-details{background:#e9ebe5;padding:clamp(25px,3vw,45px) clamp(24px,3.2vw,48px);min-width:0;display:flex;flex-direction:column}
.mcp-site .mcp-index{font:400 13px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a5aea2;margin:0 0 22px}
.mcp-site .mcp-details h1{font:400 clamp(29px,3.2vw,43px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.038em;color:#29312a;margin:0 0 29px!important;overflow-wrap:break-word}
.mcp-site .mcp-fields{border-top:1px solid #c6cdc4;padding-top:6px}
.mcp-site .mcp-field{margin:0;padding:11px 0 9px;border-bottom:1px solid #d2d6ce}
.mcp-site .mcp-field:last-child{border-bottom:0}
.mcp-site .mcp-field>span{display:block;text-transform:uppercase;font:500 10px/1.4 Arial,sans-serif;letter-spacing:.10em;color:#68766a;margin:0 0 5px}
.mcp-site .mcp-field p{font:400 12.5px/1.45 Arial,sans-serif;letter-spacing:0;color:#29352b;margin:0!important;overflow-wrap:break-word}
.mcp-site .mcp-gallery{min-width:0;display:flex;flex-direction:column;background:#dfe2dc}
.mcp-site .mcp-main-photo{width:100%;flex:1;min-height:435px;margin:0!important;padding:0!important;display:block;position:relative;overflow:hidden;border:0!important;border-radius:0!important;background:#e0e3dd!important;cursor:zoom-in;box-shadow:none!important}
.mcp-site .mcp-main-photo img{width:100%;height:100%;position:absolute;inset:0;display:block;max-width:none!important;object-fit:contain;object-position:center;transition:transform .4s ease,filter .3s ease;transform-origin:center center}
.mcp-site .mcp-main-photo:hover img,
.mcp-site .mcp-main-photo:focus-visible img{filter:brightness(.94);transform:scale(1.012)}
.mcp-site .mcp-expand{position:absolute;bottom:21px;right:22px;z-index:1;background:rgba(30,37,32,.66);color:white;padding:9px 12px;font:400 11px/1.3 Arial,sans-serif;letter-spacing:.05em;opacity:.7;transform:translateY(3px);transition:background .2s,opacity .25s,transform .25s}
.mcp-site .mcp-main-photo:hover .mcp-expand,.mcp-site .mcp-main-photo:focus-visible .mcp-expand{background:rgba(30,37,32,.9);opacity:1;transform:translateY(0)}
.mcp-site .mcp-gallery-bottom{height:64px;flex:0 0 auto;background:#fcfcfa;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 8px 22px}
.mcp-site .mcp-pager{font:400 22px/1.5 Georgia,serif;color:#39443b;white-space:nowrap}
.mcp-site .mcp-pager small{font-size:13px;color:#909a90}
.mcp-site .mcp-gallery-note{font:400 10px/1.4 Arial,sans-serif;color:#878f86;letter-spacing:.07em;text-transform:uppercase}
.mcp-site .mcp-arrows{display:flex;gap:10px;align-items:center}
.mcp-site .mcp-arrows button{width:39px;height:39px;display:flex;align-items:center;justify-content:center;background:transparent!important;color:#39443b!important;border:1px solid #cbd1ca!important;border-radius:50%!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:20px!important;cursor:pointer}
.mcp-site .mcp-arrows button:hover{background:#e9ebe6!important}
.mcp-site .mcp-story{border-top:1px solid #e1e3dc;margin-top:36px;padding-top:60px;padding-bottom:68px;display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr);gap:35px}
.mcp-site .mcp-story-heading h2{font:400 clamp(30px,3.3vw,43px)/1.12 Georgia,serif;letter-spacing:-.035em;color:#29322a;margin:8px 0 0!important}
.mcp-site .mcp-story-text{max-width:910px;color:#3d453e;font:400 15px/1.85 Arial,sans-serif}
.mcp-site .mcp-story-text p{font-size:15px!important;line-height:1.85!important;color:#414a42!important;margin:0 0 20px!important}
.mcp-site .mcp-story-text img{height:auto;max-width:100%;margin:15px 0}
.mcp-site .mcp-story-text a{color:#2c4a38!important;text-decoration:underline!important}
.mcp-site .mcp-return{border-top:1px solid #e1e3dc;padding-top:26px;padding-bottom:55px}
.mcp-site .mcp-return a{font:400 12px Arial,sans-serif;color:#37463b!important;border-bottom:1px solid #a8b2a8;padding-bottom:5px}
/* Native dialog: real full-screen lightbox, not a screenshot. */
.mcp-site .mcp-lightbox{
  border:0!important;
  border-radius:0!important;
  box-shadow:0 10px 50px rgba(0,0,0,.32)!important;
  background:#1f2521!important;
  color:#eaf0eb!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
/* Tema Kitecx applica stili anche ai dialog nativi: nascondilo senza [open].
   Così non compare alcun riquadro né frammento d'immagine in calce alla pagina. */
.mcp-site dialog.mcp-lightbox:not([open]){display:none!important;visibility:hidden!important}
.mcp-site .mcp-lightbox::backdrop{background:rgba(0,0,0,.9)}
.mcp-site .mcp-lightbox[open]{display:flex!important;flex-direction:column}
.mcp-site .mcp-lightbox-head,.mcp-site .mcp-lightbox-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(20px,4vw,56px);min-height:59px;font:400 12px Arial,sans-serif;letter-spacing:.04em;color:#d4ddd4}
.mcp-site .mcp-lightbox-head button,.mcp-site .mcp-lightbox-foot button{background:transparent!important;color:#fff!important;border:1px solid #536056!important;border-radius:50%!important;cursor:pointer;width:37px;height:37px;font-size:22px!important;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;box-shadow:none!important}
.mcp-site .mcp-lightbox-head button{font-size:27px!important}
.mcp-site .mcp-lightbox-image{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 clamp(12px,3vw,46px)}
.mcp-site .mcp-lightbox-image img{max-width:100%!important;max-height:100%!important;height:auto;width:auto;object-fit:contain;display:block}
.mcp-site .mcp-lightbox-foot{justify-content:center;gap:32px}
.mcp-site button:focus-visible{outline:2px solid #8aa68c;outline-offset:3px}
@media(max-width:950px) and (min-width:768px){
 .mcp-site .mcp-details{padding:24px}
 .mcp-site .mcp-details h1{font-size:28px}
 .mcp-site .mcp-field p{font-size:11.5px}
 .mcp-site .mcp-story{grid-template-columns:minmax(0,26fr) minmax(0,74fr)}
}
@media(max-width:767px){
 .mcp-site .mcp-hero{display:flex;flex-direction:column;min-height:0}
 .mcp-site .mcp-details{padding:24px 20px 23px}
 .mcp-site .mcp-index{margin-bottom:13px}
 .mcp-site .mcp-details h1{font-size:30px;margin-bottom:20px!important}
 .mcp-site .mcp-fields{display:grid;grid-template-columns:1fr;gap:0}
 .mcp-site .mcp-field{padding:9px 0}
 .mcp-site .mcp-field p{font-size:12px}
 .mcp-site .mcp-main-photo{height:clamp(315px,88vw,480px);min-height:0;flex:none}
 .mcp-site .mcp-gallery-bottom{height:56px;padding-left:19px}
 .mcp-site .mcp-pager{font-size:19px}
 .mcp-site .mcp-gallery-note{font-size:9px}
 .mcp-site .mcp-arrows{gap:7px}
 .mcp-site .mcp-arrows button{width:33px;height:33px;font-size:17px!important}
 .mcp-site .mcp-story{display:block;gap:0;margin-top:22px;padding-top:29px;padding-bottom:38px}
 .mcp-site .mcp-story-heading{margin-bottom:25px}
 .mcp-site .mcp-story-heading h2{font-size:31px}
 .mcp-site .mcp-story-text p{font-size:14px!important;line-height:1.75!important}
 .mcp-site .mcp-return{padding-top:20px;padding-bottom:36px}
 .mcp-site .mcp-lightbox-head,.mcp-site .mcp-lightbox-foot{padding:8px 15px;min-height:55px;font-size:10px}
 .mcp-site .mcp-lightbox-image{padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.mcp-site .mcp-main-photo img,.mcp-site .mcp-expand{transition:none!important}}