/*
Theme Name: Semiatrica Canvas
Version: 1.3.1
Text Domain: semiatrica-canvas
*/
:root{--brand-primary:#2D7FF9;--brand-accent:#FF7043;--brand-gray-100:#F4F6F8;--brand-gray-900:#212121;--radius:16px;--shadow:0 8px 24px rgba(0,0,0,.08);--logo-h:34px}
*{box-sizing:border-box}body{margin:0;color:var(--brand-gray-900);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.6}
h1,h2,h3{font-family:'Poppins',ui-sans-serif;line-height:1.2;margin:0 0 12px}
.container{max-width:1100px;margin:0 auto;padding:0 20px}.section{padding:56px 0}
.grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
@media (max-width: 900px){ .grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .grid{grid-template-columns:1fr} }
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #EAECEF}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.site-branding,.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo .mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px}
.logo .sq{background:var(--brand-primary);border-radius:6px}
.logo-title{font-family:'Poppins';font-weight:700;color:#111}
.logo-title em{font-style:normal;color:#FF7043}
.custom-logo,.custom-logo-link img{height:var(--logo-h)!important;width:auto!important;display:block}

/* Menu */
.menu-wrap{display:flex;align-items:center;gap:18px}.menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;color:#333;font-weight:500}
.toggle{display:none;background:none;border:1px solid #E2E8F0;padding:8px 10px;border-radius:10px}.toggle span{display:block;width:22px;height:2px;background:#111;margin:4px 0}
@media (max-width:860px){.toggle{display:block}.menu-wrap{position:absolute;left:0;right:0;top:62px;background:#fff;border-bottom:1px solid #EAECEF;padding:12px 20px;display:none;flex-direction:column;gap:12px}.menu-wrap.open{display:flex}.menu{flex-direction:column;align-items:flex-start;gap:8px}.btn-nav{width:100%;justify-content:center}}
.btn,.btn-nav{display:inline-flex;align-items:center;gap:8px;background:var(--brand-primary);color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:600;box-shadow:var(--shadow)}
.btn.secondary{background:var(--brand-accent)}
.section.alt{background:var(--brand-gray-100)}
.card{background:#fff;border:1px solid #EAECEF;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--brand-gray-100);font-size:.78rem;font-weight:600;color:#475569}
.hero{padding:72px 0 40px;background:linear-gradient(180deg,#fff,var(--brand-gray-100))}
.hero .kicker{color:var(--brand-primary);font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:.85rem}
.hero h1 strong{color:var(--brand-primary)}
.hero .lead{font-size:1.1rem;color:#4a4a4a;max-width:720px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* Footer */
.site-footer{padding:30px 0;background:#0F172A;color:#E2E8F0}
.site-footer a{color:#cbd5e1;text-decoration:none}.site-footer a:hover{color:#fff}
.partner{opacity:.85;font-size:.9rem}
.footer-widgets{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
@media (max-width: 900px){.footer-widgets{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.footer-widgets{grid-template-columns:1fr}}
.footer-title{margin:0 0 10px;font-size:1.1rem}
.footer-copy{text-align:center;margin-top:20px;opacity:.9}