*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f7f5ee;color:#243224;font-family:Arial,Verdana,sans-serif;font-size:14px;line-height:1.55}
a{color:#3b6f22;text-decoration:none}
a:hover{color:#6b8f2a;text-decoration:underline}
.wrap{width:1180px;max-width:100%;margin:0 auto;background:#fff;box-shadow:0 10px 30px rgba(41,72,37,.14)}
.site-header{background:#fff}
.brand-row{display:flex;align-items:center;min-height:175px;padding:0 34px;background:
linear-gradient(180deg,rgba(196,228,249,.95) 0%,rgba(231,245,250,.95) 56%,rgba(245,248,232,.95) 100%)}
.logo-cell{width:185px;display:flex;align-items:center;justify-content:center}
.logo-cell img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.hero{flex:1;padding:24px 34px;border-left:1px solid rgba(71,119,64,.14);color:#204d24}
.eyebrow{font-size:13px;font-weight:bold;letter-spacing:2.5px;color:#5f8f21;text-transform:uppercase}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:46px;letter-spacing:3px;margin:7px 0 2px;color:#194f2b}
.subtitle{font-size:22px;font-weight:bold;color:#376b34}
.hero p{margin:12px 0 14px;max-width:700px;color:#3d573e}
.status{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid #8eb778;background:rgba(255,255,255,.66);font-size:10px;letter-spacing:.4px;color:#315e2d}

.topnav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;background:#4d7f1f;border-bottom:4px solid #e0b740;padding:0 10px}
.topnav a{display:block;padding:13px 10px;color:#fff;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.25px}
.topnav a:hover{background:#668f27;color:#fff;text-decoration:none}

.nature-hero{position:relative;min-height:430px;overflow:hidden;background:
linear-gradient(180deg,#9fd4f5 0%,#dff2fb 49%,#b9d96a 50%,#7fb345 73%,#5f9635 100%)}
.nature-hero:before{content:"";position:absolute;left:-4%;right:-4%;bottom:96px;height:170px;background:
radial-gradient(ellipse at 12% 100%,#6e9d37 0 48%,transparent 49%),
radial-gradient(ellipse at 36% 100%,#80ae3d 0 46%,transparent 47%),
radial-gradient(ellipse at 62% 100%,#719f34 0 48%,transparent 49%),
radial-gradient(ellipse at 88% 100%,#5f8f30 0 46%,transparent 47%)}
.nature-hero:after{content:"✿  ✾  ❀  ✿  ❁  ✾  ❀  ✿  ❁  ✾  ❀  ✿  ❁";position:absolute;left:0;right:0;bottom:18px;color:#f7f1d4;font-size:31px;letter-spacing:12px;text-shadow:
35px -8px 0 #f2cf4a,72px -14px 0 #df7a9d,108px -5px 0 #ffffff,152px -18px 0 #f4b244,198px -9px 0 #e58ca4,
245px -14px 0 #fff7d7,292px -8px 0 #f2c84a,338px -18px 0 #e7869e,387px -9px 0 #fff,430px -13px 0 #f3b23c,
475px -5px 0 #e98ea7,520px -15px 0 #fff7d7,565px -8px 0 #efc54d,610px -18px 0 #e883a0,655px -9px 0 #fff,
700px -14px 0 #f4b745,748px -7px 0 #e58da1,795px -16px 0 #fff,842px -10px 0 #f1c844,892px -18px 0 #e57f99,
942px -7px 0 #fff,990px -14px 0 #f2b344,1040px -9px 0 #e88aa1,1090px -16px 0 #fff}
.nature-cloud{position:absolute;background:rgba(255,255,255,.75);border-radius:60px;filter:blur(.3px)}
.nature-cloud.c1{width:170px;height:45px;left:90px;top:70px}
.nature-cloud.c2{width:220px;height:52px;left:465px;top:58px}
.nature-cloud.c3{width:155px;height:43px;right:85px;top:84px}
.nature-tree{position:absolute;right:115px;bottom:95px;width:18px;height:130px;background:#6d4a2b;border-radius:8px}
.nature-tree:before{content:"";position:absolute;width:155px;height:155px;border-radius:50%;background:#4c8a2d;left:-70px;top:-76px;box-shadow:-45px 18px 0 #5e9a34,48px 18px 0 #5b9432,0 -35px 0 #4c8a2d}
.hero-overlay{position:relative;z-index:2;width:58%;padding:62px 0 44px 58px}
.hero-overlay .script{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:48px;line-height:1.1;color:#1e5a2d;margin:0 0 18px}
.hero-overlay .lead{font-size:18px;color:#23372d;max-width:620px;margin-bottom:24px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.button,.btn{display:inline-block;border:0;border-radius:4px;background:#4f8528;color:#fff!important;padding:11px 17px;font-weight:bold;cursor:pointer;text-decoration:none}
.button:hover,.btn:hover{background:#659e31;text-decoration:none}
.button.secondary{background:#f4f8ee;color:#456b2b!important;border:1px solid #98b77f}

.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;background:#fff}
.leftcol,.rightcol{background:#faf9f3}
.maincol{padding:18px}
.sidebox{margin:14px 10px;border:1px solid #d8dfc9;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(51,83,44,.05)}
.sidebox h3{margin:0;padding:10px 12px;background:#5d8c2f;color:#fff;border-bottom:3px solid #e7c45d;font-size:12px;letter-spacing:.3px}
.sidebox a{display:block;padding:8px 10px;border-bottom:1px solid #edf0e5}
.sidebox p{padding:10px;margin:0;color:#53634e}
.highlight{border-color:#d5c66e}

.titlebox{background:linear-gradient(90deg,#54822a,#7aa448);color:#fff;border-left:6px solid #e3bd49;padding:12px 14px;font-weight:bold;font-size:16px;margin-bottom:12px;border-radius:4px}
.card{border:1px solid #dfe5d5;background:#fff;padding:16px;margin-bottom:14px;line-height:1.65;border-radius:7px;box-shadow:0 2px 9px rgba(51,83,44,.06)}
.card h1,.card h2,.card h3{font-family:Georgia,"Times New Roman",serif;color:#315f2f}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid2 .card{margin:0}
.float-logo{float:right;max-width:155px;max-height:155px;margin:0 0 12px 18px}.clear{clear:both}

.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fbfaf4;border-top:1px solid #e7e5d9;border-bottom:1px solid #e7e5d9}
.feature{padding:22px 18px;display:flex;gap:13px;align-items:flex-start}
.feature .icon{font-size:36px;line-height:1}
.feature h3{margin:0 0 5px;color:#315f2f;font-size:15px}.feature p{margin:0;color:#5f685b;font-size:12px}

.field{margin-bottom:11px}.field label{display:block;font-weight:bold;margin-bottom:4px;color:#3a5436}
.field input,.field textarea{width:100%;padding:9px;border:1px solid #bfcab4;border-radius:4px;font:13px Arial}
.field textarea{height:120px}
.muted,.note{color:#6c7766;font-size:11px}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{background:#5d8c2f;color:#fff;text-align:left;padding:8px}td{border-bottom:1px solid #e4e8dd;padding:8px}
.newsitem{border-bottom:1px solid #e2e7dd;padding-bottom:10px;margin-bottom:10px}
.alert{padding:10px;border:1px solid;margin-bottom:10px;border-radius:4px}.ok{background:#eef8e9;border-color:#9fc291}.error{background:#fff1ef;border-color:#d5a39e}

footer{background:#274c2e;color:#e8f0e5;border-top:5px solid #deb94b;text-align:center;padding:22px;line-height:1.8}
footer a{color:#f1d985}.legalnote{font-size:10px;color:#c6d4c2}
.adminbody{background:#eef3e8}.loginbox{max-width:450px;margin:60px auto;text-align:center}.adminwrap{max-width:1100px;margin:auto}.adminhead{display:flex;align-items:center;background:#315f2f;color:#fff;padding:10px 18px;border-bottom:4px solid #deb94b}.adminhead img{width:55px;margin-right:12px}

@media(max-width:980px){
 .layout{grid-template-columns:1fr}.leftcol,.rightcol{display:none}
 .brand-row{padding:0 15px}.logo-cell{width:125px}.logo-cell img{width:105px;height:105px}.hero{padding:18px}.hero h1{font-size:34px}
 .hero-overlay{width:78%;padding-left:30px}.hero-overlay .script{font-size:39px}.nature-tree{right:65px}
 .feature-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .brand-row{display:block;text-align:center;padding-top:12px}.logo-cell{width:auto}.hero{border-left:0;padding:10px 18px 20px}.hero h1{font-size:31px}.subtitle{font-size:18px}
 .topnav a{padding:10px 7px;font-size:10px}
 .nature-hero{min-height:390px}.hero-overlay{width:100%;padding:48px 22px 130px}.hero-overlay .script{font-size:34px}.hero-overlay .lead{font-size:16px}
 .nature-tree{opacity:.45;right:40px}.feature-strip{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}
}


/* =========================================================
   ANAPC ITALIA - NATURA INTENSA / HERO FOTOGRAFICO
   ========================================================= */
:root{
  --verde-profondo:#064d27;
  --verde-bosco:#087a32;
  --verde-prato:#62b51f;
  --verde-lime:#9bd51d;
  --cielo:#0079d8;
  --cielo-vivo:#00a5ed;
  --giallo-fiore:#ffd400;
  --arancio-fiore:#f59b00;
  --rosso-fiore:#e73520;
  --crema:#fffdf5;
}
body{background:#edf5e8;color:#17331f}
.wrap{box-shadow:0 12px 38px rgba(0,72,37,.22)}
.brand-row{
  min-height:190px;
  background:linear-gradient(115deg,#006fc7 0%,#00a1e7 55%,#63b72b 100%);
  border-bottom:5px solid var(--giallo-fiore);
}
.logo-cell{width:215px}
.logo-cell img{
  width:175px;height:175px;
  background:#fff;border-radius:50%;
  padding:5px;
  border:5px solid #fff;
  box-shadow:0 0 0 4px #ffd400,0 8px 25px rgba(0,0,0,.28);
  filter:none;
}
.hero{color:#fff;border-left:0;text-shadow:0 2px 4px rgba(0,0,0,.22)}
.eyebrow{color:#fff7a8;font-weight:800}
.hero h1{color:#fff;font-size:50px;text-shadow:0 3px 8px rgba(0,0,0,.32)}
.subtitle{color:#fff;font-size:24px}
.hero p{color:#efffff;font-weight:bold}
.status{background:#064d27;color:#fff;border-color:#ffd400;text-shadow:none}

.topnav{background:#064d27;border-bottom:5px solid #ffd400}
.topnav a{font-size:12px;padding:14px 11px}
.topnav a:hover{background:#79b51d;color:#fff}

.nature-hero{
  min-height:515px;
  background-image:
    linear-gradient(90deg,rgba(0,58,29,.78) 0%,rgba(0,67,34,.55) 35%,rgba(0,79,45,.12) 68%,rgba(0,0,0,.03) 100%),
    url("../img/hero_natura_intensa.png");
  background-size:cover;
  background-position:center center;
  border-bottom:6px solid #ffd400;
}
.nature-hero:before,.nature-hero:after,.nature-cloud,.nature-tree{display:none!important}
.hero-overlay{width:62%;padding:86px 0 70px 58px}
.hero-overlay .script{
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-style:normal;
  font-weight:bold;
  font-size:54px;
  text-shadow:0 4px 10px rgba(0,0,0,.58);
}
.hero-overlay .lead{
  color:#fff;font-size:20px;font-weight:bold;
  text-shadow:0 2px 5px rgba(0,0,0,.7)
}
.button,.btn{
  background:#72b61e;
  border:2px solid #fff;
  box-shadow:0 4px 10px rgba(0,0,0,.18)
}
.button:hover,.btn:hover{background:#94d21d}
.button.secondary{background:#fff;color:#07562d!important;border-color:#fff}

.feature-strip{border:0}
.feature{color:#fff;min-height:135px;padding:25px 20px}
.feature:nth-child(1){background:linear-gradient(135deg,#087a32,#4ba91d)}
.feature:nth-child(2){background:linear-gradient(135deg,#006ac8,#009de0)}
.feature:nth-child(3){background:linear-gradient(135deg,#d82b1b,#f25a22)}
.feature:nth-child(4){background:linear-gradient(135deg,#ef9000,#ffc400)}
.feature h3,.feature p{color:#fff}
.feature h3{font-size:17px}
.feature .icon{
  background:#fff;border-radius:50%;width:60px;height:60px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 9px rgba(0,0,0,.18)
}
.titlebox{background:linear-gradient(90deg,#086a30,#69a91e);border-left-color:#ffd400}
.sidebox h3,th{background:#08712f}
footer{background:#064d27;border-top-color:#ffd400}
.card h1,.card h2,.card h3{color:#075d2b}
a{color:#08752f}

@media(max-width:980px){
 .logo-cell{width:150px}.logo-cell img{width:125px;height:125px}
 .hero h1{font-size:38px}
 .nature-hero{min-height:450px}
 .hero-overlay{width:75%;padding-left:35px}
 .hero-overlay .script{font-size:44px}
}
@media(max-width:650px){
 .brand-row{padding-bottom:15px}
 .logo-cell img{width:135px;height:135px}
 .hero h1{font-size:32px}
 .nature-hero{min-height:430px;background-position:60% center}
 .hero-overlay{width:100%;padding:60px 22px 115px}
 .hero-overlay .script{font-size:38px}
}