@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --obj-blue:#236ed0;
  --obj-blue-2:#54bbed;
  --obj-navy:#17213a;
  --obj-navy-deep:#101a35;
  --obj-pink:#f858a4;
  --obj-orange:#ff9732;
  --obj-green:#20c56e;
  --obj-red:#d9445f;
  --obj-muted:#68758d;
  --obj-line:#dbe6f0;
  --obj-bg:#f4f8fc;
  --obj-surface:#ffffff;
  --obj-radius:18px;
  --obj-shadow:0 18px 50px rgba(23,33,58,.08);
}

body.objetto-ui,
body.objetto-ui button,
body.objetto-ui input,
body.objetto-ui select,
body.objetto-ui textarea{
  font-family:'Manrope','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-synthesis:none;
}
body.objetto-ui{
  color:var(--obj-navy);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.objetto-ui h1,
body.objetto-ui h2,
body.objetto-ui h3,
body.objetto-ui h4,
body.objetto-ui .brand,
body.objetto-ui .logo{
  font-family:'Manrope','Segoe UI',system-ui,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.025em;
}
body.objetto-ui p,
body.objetto-ui .desc,
body.objetto-ui .help,
body.objetto-ui .note{
  line-height:1.65;
}
body.objetto-ui a,
body.objetto-ui button,
body.objetto-ui .btn{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease;
}
body.objetto-ui .btn,
body.objetto-ui button:not(.gallery-arrow):not(.lightbox-arrow):not(.lightbox-close):not(.menu-btn):not(.admin-menu-btn):not(.admin-overlay){
  font-weight:800 !important;
  letter-spacing:-.01em;
}
body.objetto-ui .btn:hover,
body.objetto-ui button:not(:disabled):not(.gallery-arrow):not(.lightbox-arrow):not(.lightbox-close):not(.menu-btn):not(.admin-menu-btn):not(.admin-overlay):hover{
  transform:translateY(-1px);
}
body.objetto-ui input,
body.objetto-ui select,
body.objetto-ui textarea{
  border-color:var(--obj-line) !important;
  border-radius:13px !important;
  background:#fbfdff !important;
  color:var(--obj-navy) !important;
}
body.objetto-ui input:focus,
body.objetto-ui select:focus,
body.objetto-ui textarea:focus{
  outline:none !important;
  border-color:var(--obj-blue-2) !important;
  box-shadow:0 0 0 4px rgba(84,187,237,.14) !important;
}
body.objetto-ui .flash,
body.objetto-ui .warning,
body.objetto-ui .status{
  border:1px solid rgba(23,33,58,.06);
}

/* Loja pública */
body.page-home,
body.page-product,
body.page-cart,
body.page-checkout,
body.page-checkout-return{
  background:
    radial-gradient(circle at 6% 6%,rgba(84,187,237,.14),transparent 28%),
    radial-gradient(circle at 94% 4%,rgba(248,88,164,.10),transparent 24%),
    linear-gradient(180deg,#f8fbfe 0%,#f4f8fc 100%) !important;
}
body.page-home .site-header,
body.page-product .top,
body.page-cart .top,
body.page-checkout .top{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid rgba(219,230,240,.95) !important;
  box-shadow:0 8px 28px rgba(23,33,58,.035);
}
body.page-home .brand,
body.page-product .brand,
body.page-cart .brand,
body.page-checkout .brand{
  color:var(--obj-navy) !important;
  font-weight:800 !important;
}
body.page-home .product-card,
body.page-home .category-card,
body.page-home .benefit,
body.page-home .advantage,
body.page-home .step,
body.page-product .main-photo,
body.page-product .variant-panel,
body.page-product .details,
body.page-cart .card,
body.page-checkout .card,
body.page-checkout-return .card{
  border-color:var(--obj-line) !important;
  border-radius:var(--obj-radius) !important;
  box-shadow:var(--obj-shadow) !important;
}
body.page-home .product-card:hover,
body.page-home .category-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 55px rgba(35,110,208,.13) !important;
}
body.page-home .btn-primary,
body.page-product .btn:not(.disabled),
body.page-cart .btn-primary,
body.page-checkout .btn-primary,
body.page-checkout-return .btn:not(.light){
  background:linear-gradient(135deg,var(--obj-blue),var(--obj-blue-2)) !important;
  box-shadow:0 12px 26px rgba(35,110,208,.20);
}
body.page-home .btn-wpp{
  background:var(--obj-green) !important;
}
body.page-home .section-title,
body.page-home .hero h1,
body.page-product .info h1,
body.page-cart .head h1,
body.page-checkout .title h1,
body.page-checkout-return h1{
  color:var(--obj-navy) !important;
}
body.page-home .product-price,
body.page-product .price,
body.page-cart .price{
  color:var(--obj-blue) !important;
}
body.page-product .tag,
body.page-home .product-category{
  font-weight:800 !important;
}
body.page-product .main-photo,
body.page-cart .card,
body.page-checkout .card,
body.page-checkout-return .card{
  background:rgba(255,255,255,.96) !important;
}

/* Painel administrativo */
body.objetto-admin{
  background:var(--obj-bg) !important;
  color:var(--obj-navy) !important;
}
body.objetto-admin .side{
  background:linear-gradient(180deg,var(--obj-navy-deep) 0%,#14264d 58%,#173463 100%) !important;
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:12px 0 36px rgba(9,20,45,.10);
}
body.objetto-admin .side .brand{
  color:#fff;
  letter-spacing:-.02em;
}
body.objetto-admin .side .brand img{
  box-shadow:0 9px 24px rgba(0,0,0,.18);
}
body.objetto-admin .nav a{
  color:#b8c7df !important;
  border:1px solid transparent;
  border-radius:12px !important;
  font-weight:700 !important;
}
body.objetto-admin .nav a:hover,
body.objetto-admin .nav a.active{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(84,187,237,.20),rgba(35,110,208,.22)) !important;
  border-color:rgba(116,198,244,.16);
}
body.objetto-admin .nav a.nav-external{
  margin-top:12px;
  border-top-color:rgba(255,255,255,.12);
  color:#d9e8fa !important;
}
body.objetto-admin .nav a.nav-logout{
  color:#ffc5cf !important;
}
body.objetto-admin .nav a.nav-logout:hover{
  background:rgba(217,68,95,.18) !important;
  border-color:rgba(255,197,207,.18);
}
body.objetto-admin .main{
  background:
    radial-gradient(circle at 100% 0,rgba(84,187,237,.09),transparent 26%),
    var(--obj-bg) !important;
}
body.objetto-admin .top h1{
  font-size:clamp(1.65rem,3vw,2.15rem) !important;
  color:var(--obj-navy);
}
body.objetto-admin .card,
body.objetto-admin .stat{
  background:rgba(255,255,255,.98) !important;
  border-color:var(--obj-line) !important;
  border-radius:18px !important;
  box-shadow:var(--obj-shadow) !important;
}
body.objetto-admin .card h2{
  color:var(--obj-navy);
}
body.objetto-admin .btn{
  border-radius:12px !important;
  box-shadow:none;
}
body.objetto-admin .btn:not(.light):not(.red):not(.green){
  background:linear-gradient(135deg,var(--obj-blue),var(--obj-blue-2)) !important;
}
body.objetto-admin .btn.green{
  background:linear-gradient(135deg,#18ac61,var(--obj-green)) !important;
}
body.objetto-admin .btn.light{
  background:#fff !important;
  border-color:var(--obj-line) !important;
}
body.objetto-admin .btn.red{
  background:linear-gradient(135deg,#c93550,var(--obj-red)) !important;
}
body.objetto-admin table{
  border-collapse:separate !important;
  border-spacing:0;
}
body.objetto-admin th{
  color:var(--obj-muted) !important;
  font-weight:800 !important;
  letter-spacing:.055em !important;
}
body.objetto-admin td{
  color:var(--obj-navy);
}
body.objetto-admin tbody tr:hover td{
  background:#f9fcff;
}
body.objetto-admin .badge{
  font-weight:800 !important;
}
body.objetto-admin .callback,
body.objetto-admin .variant-box{
  background:#f7fbff !important;
  border-color:var(--obj-line) !important;
}
body.objetto-admin .tracking-code,
body.objetto-admin .callback{
  font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace !important;
}

/* Login, instalação e utilitários */
body.page-admin-login,
body.page-utility,
body.page-error{
  background:
    radial-gradient(circle at 12% 8%,rgba(84,187,237,.18),transparent 32%),
    radial-gradient(circle at 90% 10%,rgba(248,88,164,.12),transparent 28%),
    linear-gradient(145deg,#eff8ff,#fff6fa) !important;
}
body.page-admin-login .box,
body.page-utility .box,
body.page-utility .wrap{
  border-color:var(--obj-line) !important;
  border-radius:22px !important;
  box-shadow:0 26px 70px rgba(35,110,208,.14) !important;
}
body.page-admin-login button,
body.page-utility button,
body.page-utility .btn{
  background:linear-gradient(135deg,var(--obj-blue),var(--obj-blue-2)) !important;
}

@media(max-width:900px){
  body.objetto-admin .side{
    box-shadow:none;
  }
  body.objetto-admin.page-admin-orders .nav,
  body.objetto-admin.page-admin-integrations .nav{
    padding-bottom:6px;
    scrollbar-width:thin;
  }
  body.objetto-admin .nav a.nav-external{
    margin-top:0;
  }
}

@media(max-width:520px){
  body.objetto-ui .btn{
    min-height:46px;
  }
  body.page-home .section-title,
  body.page-product .info h1,
  body.page-cart .head h1,
  body.page-checkout .title h1{
    letter-spacing:-.035em !important;
  }
}


/* Objetto 3D Ecommerce V3 */
body.page-product .info{
  background:#fff;
  border:1px solid var(--obj-line);
  border-radius:20px;
  padding:24px;
  box-shadow:0 14px 38px rgba(23,33,58,.07);
}
body.page-product .purchase-form{
  border-top:1px solid #edf1f5;
  padding-top:18px;
  margin-top:18px;
}
body.page-product .product-commerce-note{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:16px;
}
body.page-product .product-commerce-note>div{
  background:#f7fafc;
  border:1px solid var(--obj-line);
  border-radius:13px;
  padding:11px 9px;
  min-width:0;
}
body.page-product .product-commerce-note span{
  color:var(--obj-blue);
  font-weight:900;
  margin-right:4px;
}
body.page-product .product-commerce-note strong{
  display:inline;
  color:var(--obj-navy);
  font-size:.72rem;
}
body.page-product .product-commerce-note small{
  display:block;
  margin-top:4px;
  color:var(--obj-muted);
  font-size:.62rem;
  line-height:1.35;
}
@media(max-width:800px){
  body.page-product .info{padding:18px;border-radius:17px}
  body.page-product .product-commerce-note{grid-template-columns:1fr;gap:7px}
  body.page-product .product-commerce-note>div{padding:10px 11px}
  body.page-product .product-commerce-note small{display:inline;margin-left:5px}
}