/* SEE TECH - ammodernamento progressivo delle pagine storiche (2026-09-22). */
:root{--st-orange:#f27b0b;--st-orange-dark:#b95400;--st-ink:#15171b;--st-muted:#62666d;--st-line:#e5e5e2;--st-page:#f4f4f2;--st-white:#fff}

body{background:var(--st-page);color:var(--st-ink)}
/* Intestazione compatta e foto di apertura dentro una scheda. */
header.nav #cnt_photo3{background:var(--st-page)}
header.nav #photo2{
  width:min(1180px,calc(100% - 36px));margin:20px auto 0;overflow:hidden;
  border-radius:18px;box-shadow:0 14px 38px rgba(18,20,23,.13)
}
header.nav #photo2 .big-photo img.item{display:block;width:100%;height:clamp(240px,29vw,390px);object-fit:cover}
@media(min-width:1001px){
  header.nav #logo_cnt img{max-width:300px;max-height:105px}
  header.nav #cnt_photo3{padding-top:211px}
}
body>section{padding:54px 18px 70px}
body>section>#body{
  width:min(1180px,100%);max-width:1180px;margin:0 auto;padding:34px 42px 58px;
  box-sizing:border-box;background:var(--st-white);border:1px solid var(--st-line);
  border-radius:20px;box-shadow:0 14px 40px rgba(18,20,23,.08);overflow:hidden
}
body>section>#body .path{padding:0 0 14px;color:var(--st-orange-dark);font-size:13px;line-height:1.4}
body>section>#body .path a{color:var(--st-orange-dark);font-weight:700}
body>section>#body h1.titolo_pagina,
body>section>#body h1.titolo_pagina_home{
  margin:0 0 28px;padding:0;color:var(--st-ink);font-size:clamp(34px,4vw,50px);
  font-weight:800;line-height:1.08;letter-spacing:-.035em;text-transform:none
}
body>section>#body h2{margin:42px 0 16px;color:var(--st-ink);font-size:clamp(24px,2.5vw,32px);font-weight:800;line-height:1.18;letter-spacing:-.02em}
body>section>#body h3{color:var(--st-ink);font-weight:800}
body>section>#body p{max-width:920px;margin:0 0 18px;color:#4e5259;font-size:17px;line-height:1.72}
body>section>#body p a{color:var(--st-orange-dark);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body>section>#body>ul:not([class]),body>section>#body>ol:not([class]){
  max-width:920px;margin:22px 0 30px;padding:22px 26px 22px 48px;
  border:1px solid var(--st-line);border-left:4px solid var(--st-orange);border-radius:12px;background:#fafaf8
}
body>section>#body>ul:not([class]) li,body>section>#body>ol:not([class]) li{padding:4px 0;color:#454950;font-size:16px;line-height:1.55}
body>section>#body .linea{height:1px;margin:42px 0 28px;background:var(--st-line)}

/* Gallerie fotografiche trasformate in schede moderne. */
body>section>#body a.foto-pag{
  float:left;width:32%;height:245px;margin:0 2% 24px 0;box-sizing:border-box;
  overflow:hidden;border:1px solid #ddd;border-radius:15px;background-color:#eee;
  background-size:cover;background-position:center;box-shadow:0 9px 24px rgba(18,20,23,.10);
  transition:transform .18s ease,box-shadow .18s ease
}
body>section>#body a.foto-pag:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,20,23,.15)}
body>section>#body a.foto-pag:nth-of-type(3n){margin-right:0}
body>section>#body .photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 12px}
body>section>#body .photo-grid a.foto-pag,
body>section>#body .photo-grid a.foto-pag:nth-of-type(2n),
body>section>#body .photo-grid a.foto-pag:nth-of-type(3n){float:none;width:100%;height:225px;margin:0}
body>section>#body .video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 12px}
body>section>#body .video-grid .foto-pag{float:none;width:100%;height:260px;margin:0;overflow:hidden;border:1px solid #dededb;border-radius:15px;background:#111;box-shadow:0 9px 25px rgba(18,20,23,.08)}
body>section>#body .video-grid iframe{display:block;width:100%;height:100%}

/* Box di categorie e servizi. */
body>section>#body .services-grid,
body>section>#body .altri-servizi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 24px}
body>section>#body a.level-page{
  display:flex;flex-direction:column;float:none;width:auto;min-width:0;margin:0;overflow:hidden;border:1px solid #dededb;border-radius:16px;background:#fff;
  box-shadow:0 9px 25px rgba(18,20,23,.08);transition:transform .18s ease,box-shadow .18s ease
}
body>section>#body a.level-page:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(18,20,23,.13);text-decoration:none}
body>section>#body a.level-page .box-img{display:block;flex:none;width:100%;height:190px;border-radius:15px 15px 0 0;background-size:cover;background-position:center}
body>section>#body a.level-page .box-title{display:block;flex:1;min-height:68px;padding:16px 18px;box-sizing:border-box;border-top:3px solid var(--st-orange);background:#fff;color:var(--st-ink);font-size:17px;font-weight:800;line-height:1.3;text-align:left;text-transform:none;font-style:normal}

body>section>#body .btn{border:0;border-radius:8px;background:var(--st-orange);color:#fff;font-weight:800;text-transform:none;box-shadow:none}
body>section>#body .btn:hover{background:var(--st-orange-dark);color:#fff}

/* Piè di pagina più pulito e coerente. */
footer{border-top:3px solid var(--st-orange)}
footer .box-foot-title{color:#ff9a43}

@media(max-width:1000px){
  body>section>#body .services-grid,body>section>#body .altri-servizi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body>section>#body .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body>section{padding:30px 14px 50px}
  body>section>#body{padding:30px 28px 46px;border-radius:17px}
  body>section>#body a.foto-pag{width:49%;margin-right:2%;height:230px}
  body>section>#body a.foto-pag:nth-of-type(3n){margin-right:2%}
  body>section>#body a.foto-pag:nth-of-type(2n){margin-right:0}
}

@media(max-width:600px){
  body>section>#body .services-grid,body>section>#body .altri-servizi-grid{grid-template-columns:1fr;gap:16px}
  header.nav #photo2{width:calc(100% - 20px);margin-top:10px;border-radius:14px}
  header.nav #photo2 .big-photo img.item{height:250px}
  body>section>#body .photo-grid,body>section>#body .video-grid{grid-template-columns:1fr;gap:16px}
  body>section{padding:18px 10px 38px}
  body>section>#body{padding:24px 18px 38px;border-radius:14px}
  body>section>#body h1.titolo_pagina,body>section>#body h1.titolo_pagina_home{font-size:32px;line-height:1.1;margin-bottom:22px}
  body>section>#body h2{margin-top:34px;font-size:25px}
  body>section>#body p{font-size:16px;line-height:1.65}
  body>section>#body>ul:not([class]),body>section>#body>ol:not([class]){padding:18px 18px 18px 37px}
  body>section>#body a.foto-pag,body>section>#body a.foto-pag:nth-of-type(2n),body>section>#body a.foto-pag:nth-of-type(3n){float:none;width:100%;height:220px;margin:0 0 18px}
  body>section>#body .photo-grid a.foto-pag,body>section>#body .photo-grid a.foto-pag:nth-of-type(2n),body>section>#body .photo-grid a.foto-pag:nth-of-type(3n){margin:0;height:220px}
  body>section>#body a.level-page{float:none;width:100%;margin:0}
  body>section>#body a.level-page .box-img{height:190px}
}