/*
 Theme Name: ZENVIA Child
 Theme URI: https://zenvia.bio
 Description: Child theme di Astra per ZENVIA.bio
 Author: ZENVIA
 Template: astra
 Version: 1.0
 Text Domain: zenvia-child
*/

:root{
  --verde-salvia: #A3B18A;
  --avorio: #F6F5EF;
  --beige: #DAD7CD;
  --oro: #E8C07A;
  --grigio: #606C38;
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --font-serif: "Lora", Georgia, "Times New Roman", serif;
  --max-width: 1100px;
}

/* Stili base */
html,body{height:100%;margin:0;font-family:var(--font-sans);color:#222;background:var(--avorio);-webkit-font-smoothing:antialiased}
a{color:var(--grigio);text-decoration:none}
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}

/* Header */
.zenvia-header{background:transparent;padding:20px 0}
.brand{display:flex;align-items:center;gap:12px}
.zenvia-logo{width:48px;height:48px;display:inline-block}
.site-title{font-family:var(--font-serif);font-size:20px;margin:0;color:var(--grigio)}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center;padding:40px 0}
.hero h2{font-family:var(--font-serif);font-size:36px;margin:0;color:var(--grigio);line-height:1.02}
.hero p{margin:18px 0 26px;color:#484848;font-size:18px;max-width:620px}
.btn{display:inline-block;padding:12px 20px;background:var(--oro);color:#fff;border-radius:10px;font-weight:600}

/* Sections */
section{padding:36px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 14px rgba(0,0,0,0.04)}

/* Newsletter */
.newsletter{background:linear-gradient(180deg,var(--beige),var(--avorio));border-radius:12px;padding:20px;display:flex;gap:12px;align-items:center}
.newsletter input{flex:1;padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,0.06)}
.subscribe{padding:10px 14px;border-radius:8px;background:var(--verde-salvia);color:#fff;border:none}

/* Footer */
.zenvia-footer{padding:28px 0;border-top:1px solid rgba(0,0,0,0.03);margin-top:22px}

/* Responsive */
@media(max-width:980px){
  .hero{grid-template-columns:1fr; text-align:center}
  .grid-3{grid-template-columns:repeat(1,1fr)}
}