/* ============================================================
   BLATEX SRL — clone del sito Wix (blatex.shop)
   ============================================================ */

:root{
  --rosa:#ff8099;
  --nero:#0e0e0e;
  --grigio:#666;
  --max:1000px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Arial,Helvetica,sans-serif;color:var(--nero);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px;}

/* ---------- Header ---------- */
.top{padding:22px 0 0;}
.brand{display:flex;align-items:center;gap:18px;justify-content:center;}
.brand .line{flex:1;height:1px;background:#0e0e0e;}
.brand h1{font-weight:300;font-size:34px;letter-spacing:1px;white-space:nowrap;}
.subhead{display:flex;justify-content:space-between;align-items:center;padding:14px 0 12px;}
.free{color:#555;font-size:13px;letter-spacing:1px;}
.subhead .right{color:#888;font-size:13px;}

/* ---------- Nav ---------- */
.mainnav{display:flex;}
.mainnav a{
  flex:1;text-align:center;padding:16px 8px;background:#000;color:#fff;
  font-size:13px;letter-spacing:.5px;border-right:1px solid #fff;
}
.mainnav a:last-child{border-right:none;}
.mainnav a:hover{background:#222;}
.mainnav a.active{background:var(--rosa);color:#fff;}

/* ---------- Home ---------- */
.home-main{padding:40px 0 60px;}
.logo-big{max-width:640px;width:100%;margin:0 auto 30px;}
.catalogo{
  width:300px;height:230px;border-radius:50%;background:#000;color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;
}
.catalogo .t{font-size:19px;line-height:1.35;}
.catalogo .s{margin-top:16px;font-size:15px;}
.catalogo a{color:var(--rosa);text-decoration:underline;font-size:15px;}

/* ---------- Contact ---------- */
.page-title{padding:34px 0 24px;}
.page-title h2{font-weight:300;font-size:30px;}
.page-title h2 b{font-weight:700;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:60px;}
.addr{color:#555;font-size:14px;line-height:1.9;}
.addr .lead{color:var(--nero);font-size:15px;margin-bottom:2px;}
.contact-social{display:flex;gap:16px;margin-top:26px;}
.contact-social a{color:#000;}
.contact-social svg{width:20px;height:20px;fill:currentColor;}

form.blatex-form{display:flex;flex-direction:column;gap:14px;max-width:420px;margin-left:auto;}
form.blatex-form input,form.blatex-form textarea{
  border:1px solid #0e0e0e;padding:9px 10px;font-family:inherit;font-size:14px;color:#333;background:transparent;width:100%;
}
form.blatex-form textarea{min-height:90px;resize:vertical;}
form.blatex-form input:focus,form.blatex-form textarea:focus{outline:none;border-color:var(--rosa);}
form.blatex-form .submit{align-self:flex-end;background:#000;color:#fff;border:none;padding:9px 26px;font-size:13px;cursor:pointer;width:auto;}
form.blatex-form .submit:hover{background:var(--rosa);}

/* ---------- Members (placeholder) ---------- */
.members{text-align:center;padding:70px 20px 90px;}
.members h2{font-weight:300;font-size:30px;margin-bottom:16px;}
.members p{color:#666;max-width:520px;margin:0 auto 10px;font-size:15px;}
.members a.btn{display:inline-block;margin-top:16px;background:#000;color:#fff;padding:11px 26px;font-size:13px;}
.members a.btn:hover{background:var(--rosa);}

/* ---------- Footer ---------- */
.site-footer{background:#000;color:#fff;}
.footer-in{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;max-width:var(--max);margin:0 auto;}
.footer-in p{font-size:12px;}
.footer-social{display:flex;gap:16px;}
.footer-social a{color:#fff;}
.footer-social svg{width:20px;height:20px;fill:#fff;}

@media (max-width:720px){
  .contact-grid{grid-template-columns:1fr;}
  form.blatex-form{margin-left:0;}
  .brand h1{font-size:26px;white-space:normal;}
  .footer-in{flex-direction:column;gap:12px;text-align:center;}
}