/*
Theme Name: NeoBeauty Site
Theme URI: https://neobeauty.com.br
Author: NeoBeauty
Author URI: https://neobeauty.com.br
Description: Tema oficial NeoBeauty (rápido, responsivo e feminino).
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neobeauty-site
*/

:root{
  --nb-bg:#fff6fb;
  --nb-bg2:#f5f0ff;
  --nb-card:#ffffff;
  --nb-text:#141318;
  --nb-muted:#6d6a75;
  --nb-line:rgba(20,19,24,.10);
  --nb-primary:#c34bb0;
  --nb-primary-2:#6f4ae6;
  --nb-primary-3:#ff4fa3;
  --nb-radius:22px;
  --nb-shadow:0 18px 50px rgba(20,19,24,.10);
  --nb-shadow-soft:0 10px 28px rgba(20,19,24,.08);
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background: radial-gradient(1200px 700px at 10% -10%, rgba(195,75,176,.20), transparent 60%),
              radial-gradient(1000px 600px at 90% 0%, rgba(111,74,230,.18), transparent 55%),
              linear-gradient(180deg, var(--nb-bg), var(--nb-bg2));
  color:var(--nb-text);
}

a{color:inherit}
.nb-wrap{max-width:1120px;margin:0 auto;padding:18px;}
.nb-card{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(20,19,24,.08);
  border-radius:var(--nb-radius);
  box-shadow:var(--nb-shadow-soft);
}
.nb-card-solid{background:var(--nb-card);}
.nb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:16px;border:1px solid rgba(20,19,24,.08);
  font-weight:900;text-decoration:none;cursor:pointer;
  background:linear-gradient(135deg,var(--nb-primary),var(--nb-primary-2));
  color:#fff;
  box-shadow:0 12px 28px rgba(111,74,230,.20);
  transition:transform .12s ease, box-shadow .12s ease;
}
.nb-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(111,74,230,.26);}
.nb-btn:active{transform:translateY(0);}
.nb-btn-ghost{
  background:rgba(255,255,255,.9);
  color:var(--nb-text);
  box-shadow:none;
}
.nb-btn-ghost:hover{box-shadow:0 12px 26px rgba(20,19,24,.10);}
.nb-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(20,19,24,.08);
  background:rgba(255,255,255,.92);
  font-weight:900;font-size:12px;color:var(--nb-text);
}
.nb-h1{font-size:46px;line-height:1.05;margin:0;letter-spacing:-.03em;}
.nb-h2{font-size:26px;line-height:1.2;margin:0;letter-spacing:-.02em;}
.nb-p{color:var(--nb-muted);}
.nb-grid{display:grid;gap:14px;}
.nb-section{margin-top:18px;}
.nb-divider{height:1px;background:rgba(20,19,24,.06);margin:14px 0;}

/* Header */
.nb-top{
  position:sticky;top:0;z-index:30;
  background:rgba(255,246,251,.70);
  backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid rgba(20,19,24,.06);
}
.nb-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;}
.nb-brand{display:flex;align-items:center;gap:12px;font-weight:1000;text-decoration:none;}
.nb-brand-mark{
  width:42px;height:42px;border-radius:16px;
  background:linear-gradient(135deg,var(--nb-primary),var(--nb-primary-2));
  box-shadow:0 14px 34px rgba(111,74,230,.22);
}
.nb-menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.nb-menu a{font-weight:900;text-decoration:none;color:var(--nb-text);padding:9px 12px;border-radius:14px;}
.nb-menu a:hover{background:rgba(255,255,255,.85);border:1px solid rgba(20,19,24,.06);}

/* Mobile menu */
.nb-burger{
  display:none;
  width:44px;height:44px;border-radius:16px;border:1px solid rgba(20,19,24,.08);
  background:rgba(255,255,255,.88);
  align-items:center;justify-content:center;
  font-size:18px;font-weight:1000;
}
.nb-mobile-panel{display:none;margin-top:10px;}
.nb-mobile-panel .nb-card{padding:12px;border-radius:18px;}
.nb-mobile-panel a{display:block;padding:10px 12px;border-radius:14px;text-decoration:none;font-weight:900;}
.nb-mobile-panel a:hover{background:rgba(20,19,24,.04);}

.nb-hero{padding:22px 0 10px;}
.nb-hero-card{padding:22px;}
.nb-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.nb-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch;}
.nb-kpis{grid-template-columns:repeat(3,1fr);}
.nb-kpi{padding:16px;}
.nb-kpi b{font-size:16px;}
.nb-features{grid-template-columns:repeat(3,1fr);}
.nb-feature{padding:16px;}
.nb-soft{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82));
}

.nb-footer{padding:26px 0;color:var(--nb-muted);}

@media (max-width:980px){
  .nb-hero-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .nb-wrap{padding:14px;}
  .nb-h1{font-size:36px;}
  .nb-kpis{grid-template-columns:1fr;}
  .nb-features{grid-template-columns:1fr;}
  .nb-menu{display:none;}
  .nb-burger{display:inline-flex;}
  .nb-mobile-panel{display:block;}
}
