/* GUALAMBA RC8.1 · Identidad visual transversal.
 * Solo clases g81-* en paginas migradas. No altera la lógica de cuentas,
 * validaciones, gráficos, cotizaciones, filtros, publicaciones ni Gestor.
 * Un sistema, distintas jerarquías para portada, artículos, herramientas y catálogos.
 */
body.g81-unified{
  --g81-forest:#092119;--g81-forest-2:#0e3024;--g81-forest-3:#194232;
  --g81-gold:#dcaf70;--g81-gold-light:#efd19a;--g81-cream:#f2f2e9;
  --g81-muted:#b7cbbf;--g81-line:rgba(201,225,203,.17);
  --g81-radius:22px;--g81-radius-sm:13px;
  font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.g81-unified :where(h1,h2,h3){font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em;text-wrap:balance}
body.g81-unified :where(button,input,select,textarea){font-family:inherit}
body.g81-unified :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--g81-gold-light)!important;outline-offset:3px}
body.g81-unified :where(a,button){-webkit-tap-highlight-color:transparent}
body.g81-unified :where(img,video,svg){max-width:100%}
body.g81-unified :where(main,section,article,nav,header,footer){min-width:0}
body.g81-unified :where(button,select,input,textarea){max-width:100%}

/* Shared headers: same height, treatment and control language. */
body.g81-legacy header.top,
body.g81-tools header.topbar,
body.g81-insumos header.ins-header,
body.g81-beef header.beef-header{background:rgba(7,21,15,.97)!important;border-bottom:1px solid rgba(218,183,121,.22)!important;box-shadow:0 8px 26px rgba(0,0,0,.10)}
body.g81-legacy header.top{padding:8px 20px!important}
body.g81-legacy header.top .topin{max-width:1320px!important;min-height:64px}
body.g81-legacy header.top .brand-logo-image{height:54px!important;width:auto!important;max-width:150px!important;object-fit:contain}
body.g81-legacy header.top .brand-image-link{min-height:54px!important}
body.g81-legacy header.top .nav{gap:5px!important}
body.g81-legacy header.top .nav a{border-radius:10px!important;padding:10px 11px!important;color:#e9f1e9!important;font-size:13px!important;line-height:1.35!important;text-decoration:none!important}
body.g81-legacy header.top .nav a:is(:hover,:focus-visible){background:#204331!important;color:#ffe1a3!important}
body.g81-tools header.topbar .topbar-inner{min-height:68px!important}
body.g81-insumos header.ins-header .ins-header__inside,
body.g81-beef header.beef-header .beef-header__inner{min-height:68px}
body.g81-insumos header.ins-header nav a,
body.g81-beef header.beef-header a{border-radius:10px;transition:background .2s,color .2s}
body.g81-insumos header.ins-header nav a:hover,
body.g81-beef header.beef-header a:hover{color:var(--g81-gold-light)}

/* Legacy editorial destination pages: same premium Gualamba hero as the home.
   Cream content on day theme; existing dark-mode variants remain supported. */
body.g81-legacy{--paper:#f3f5ef;--panel:#fffefa;--line:#d9e3d9;--muted:#536b5c;--green2:#123e2b;--gold:#d5a565}
body.g81-legacy .wrap{max-width:1320px!important}
body.g81-legacy .crumbs{padding:24px 4px 0!important;font-size:12px!important;font-weight:750;letter-spacing:.015em}
body.g81-legacy main.wrap>section.hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(circle at 88% 8%,rgba(225,189,122,.13),transparent 32%),
             linear-gradient(125deg,#092219 0%,#113628 61%,#163c2e 100%)!important;
  color:#f0f4ef!important;border:1px solid rgba(212,175,109,.27)!important;
  border-radius:28px!important;padding:clamp(25px,3.8vw,54px)!important;
  margin:22px 0 24px!important;box-shadow:0 14px 38px rgba(8,38,23,.11);
}
body.g81-legacy main.wrap>section.hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;right:-8%;bottom:-60%;width:min(45vw,420px);aspect-ratio:1;border:1px solid rgba(214,180,112,.17);border-radius:50%;box-shadow:0 0 0 68px rgba(225,192,120,.025),0 0 0 138px rgba(225,192,120,.017)}
body.g81-legacy main.wrap>section.hero .eyebrow{color:var(--g81-gold-light)!important;font-size:11px!important;letter-spacing:.14em!important}
body.g81-legacy main.wrap>section.hero h1{color:#f4f8f2!important;font-size:clamp(31px,4.2vw,55px)!important;line-height:1.09!important;max-width:920px!important;letter-spacing:-.04em!important}
body.g81-legacy main.wrap>section.hero p:not(.eyebrow){color:#bed2c4!important;font-size:clamp(14px,1.5vw,17px)!important;line-height:1.7!important;max-width:820px}
body.g81-legacy .actions{margin-top:23px!important}
body.g81-legacy .btn{min-height:43px;border-radius:12px!important;background:var(--g81-gold)!important;color:#173327!important;font-size:13px!important;font-weight:850!important;align-items:center;box-shadow:0 5px 14px rgba(0,0,0,.08)}
body.g81-legacy .btn.alt{background:rgba(255,255,255,.095)!important;border:1px solid rgba(233,216,175,.25)!important;color:#f3f4ee!important}
body.g81-legacy .cards{gap:14px!important;margin:18px 0 36px!important}
body.g81-legacy .cards>.card{min-width:0;border:1px solid #d4e3d8!important;border-radius:var(--g81-radius)!important;background:#ffffff!important;box-shadow:0 8px 26px rgba(23,66,37,.045)!important;padding:clamp(17px,2vw,25px)!important}
body.g81-legacy .cards>.card h2{color:#144331!important;font-size:clamp(18px,2vw,22px)!important;line-height:1.2!important}
body.g81-legacy .cards>.card p{color:#516b5a!important;font-size:14px!important;line-height:1.6!important}
body.g81-legacy .section{max-width:100%;padding:18px 3px 27px!important}
body.g81-legacy .section>h2{font-size:clamp(23px,2.4vw,31px)!important;letter-spacing:-.03em!important;color:#163e2b!important}
body.g81-legacy .section>p{color:#526657!important;line-height:1.75}
body.g81-legacy .note{border-left:3px solid var(--g81-gold)!important;background:#ebf1e7!important;border-radius:13px!important;color:#244535!important}
body.g81-legacy .links a{border-radius:11px!important;background:#fffefa!important;border:1px solid #d8e3d8!important;color:#215641!important;font-size:13px!important;min-height:42px;display:inline-flex;align-items:center}
body.g81-legacy footer.foot{border-color:#d1ded3!important;margin-top:32px}
/* Dark mode: preserve readable contrast and the prior user preference. */
html[data-theme="dark"] body.g81-legacy{background:#091610!important;color:#e8f1e8!important}
html[data-theme="dark"] body.g81-legacy .cards>.card{background:#122a1f!important;border-color:rgba(201,225,203,.20)!important}
html[data-theme="dark"] body.g81-legacy .cards>.card h2,
html[data-theme="dark"] body.g81-legacy .section>h2{color:#f0f4ee!important}
html[data-theme="dark"] body.g81-legacy .cards>.card p,
html[data-theme="dark"] body.g81-legacy .section>p{color:#bfd0c3!important}
html[data-theme="dark"] body.g81-legacy .note{background:#193728!important;color:#e9f2e5!important}
html[data-theme="dark"] body.g81-legacy .links a{background:#173425!important;color:#f1e1c1!important;border-color:#355745!important}

/* Decision Studio: same radii and accent; no changes to chart sizes, canvas,
   calculations, sticky tool controls, or full-screen chart behavior. */
body.g81-tools .ds-home-shell{border-radius:28px!important;overflow:hidden}
body.g81-tools .ds-home-hero{background:radial-gradient(circle at 85% 15%,rgba(230,185,112,.13),transparent 37%),linear-gradient(125deg,#0a2319,#123f2c)!important;color:#f2f4ed!important;border-radius:24px!important}
body.g81-tools .ds-home-hero :is(h1,.ds-eyebrow){color:#f1d29a!important}
body.g81-tools :is(.ds-area,.ds-area-card,.ds-tool-card,.pro-pillar,.pro-section,.market-pro-shell){border-radius:20px}
body.g81-tools .pro-hero{border-radius:24px!important;overflow:hidden}
body.g81-tools :is(button,a.btn,.theme-toggle){border-radius:12px}
body.g81-tools .site-nav a.active{color:#eac484!important;background:rgba(220,175,112,.12)!important}

/* Insumos and Beef retain their dedicated functionality and imagery; their
   geometry, typography, accents and editorial rhythm now align with home. */
body.g81-insumos{--gold:var(--g81-gold);--edge:#385b45;--base:#091810;--panel:#102a1e;--secondary:#b8cfbf}
body.g81-beef{--g81-gold:#d9b076}
body.g81-insumos .ins-wrap,
body.g81-beef .beef-container{width:min(1320px,calc(100% - 40px))}
body.g81-insumos .ins-hero__content{padding-block:clamp(40px,5vw,67px)}
body.g81-insumos .ins-hero h1,
body.g81-beef .beef-hero h1{font-size:clamp(37px,5vw,64px);letter-spacing:-.045em;line-height:1.07}
body.g81-insumos .ins-services>div,
body.g81-insumos .ins-product,
body.g81-insumos .ins-featured__card,
body.g81-beef .beef-product,
body.g81-beef .beef-form{border-radius:var(--g81-radius)!important;border-color:#3b5f4b!important;box-shadow:0 10px 28px rgba(0,0,0,.075)}
body.g81-insumos .ins-button,
body.g81-beef .beef-btn{border-radius:12px!important;font-weight:850}
body.g81-insumos .ins-button--gold,
body.g81-beef .beef-btn--gold{background:var(--g81-gold)!important;color:#113322!important;border-color:var(--g81-gold)!important}
body.g81-insumos .ins-form,
body.g81-beef .beef-form{border-radius:22px!important}
body.g81-insumos .ins-featured__body h3,
body.g81-beef .beef-product__body h3{letter-spacing:-.03em}
body.g81-insumos .ins-head h2,
body.g81-beef .beef-section-header h2{line-height:1.15}

/* Portal: make the shared navigation and editorial blocks coherent while
   deliberately excluding account, admin, modal, charts and wizard controls. */
body.g81-portal .site-nav a:is(:hover,.active){border-radius:10px;background:rgba(216,181,112,.10);color:#eac78b}
body.g81-portal :is(.g78-first-view,.g79-signed-hero,.g78-pulse,.g78-door,.g78-business-card,.g78-preview .g-preview-card,.g-market-card,.g-offer-lot,.g-explore-card,.g-home-tools-card){border-radius:var(--g81-radius)}
body.g81-portal :is(.g78-doors,.g78-preview,.g78-business,.g-home-dashboard){scroll-margin-top:82px}
body.g81-portal #gPublicPreview :is(.g78-first-view,.g78-doors,.g78-preview){max-width:100%}
body.g81-portal #siteThemeToggle{border:1px solid rgba(230,199,139,.22)}
/* Institutional and legal pages: keep article prose readable, refine surfaces. */
body.g81-info :is(.hero,.copy,.card,.shell,.install-card){border-radius:20px}
body.g81-info :is(h1,h2,h3){letter-spacing:-.035em}
body.g81-info :is(.eyebrow,.kicker){letter-spacing:.09em}
body.g81-info :is(.brand,.back,.btn){border-radius:11px}

@media(max-width:760px){
  body.g81-legacy header.top{padding:0!important}
  body.g81-legacy header.top .topin{min-height:74px!important}
  body.g81-legacy main.wrap>section.hero{border-radius:21px!important;padding:24px 20px!important;margin:14px 0 18px!important}
  body.g81-legacy main.wrap>section.hero h1{font-size:clamp(29px,8vw,41px)!important}
  body.g81-legacy .cards{grid-template-columns:minmax(0,1fr)!important}
  body.g81-legacy .cards>.card{padding:20px!important}
  body.g81-insumos .ins-wrap,body.g81-beef .beef-container{width:min(100% - 28px,1320px)}
  body.g81-insumos .ins-hero h1,body.g81-beef .beef-hero h1{font-size:clamp(34px,9vw,46px)}
  body.g81-tools .ds-home-hero{border-radius:18px!important}
}
@media(prefers-reduced-motion:reduce){body.g81-unified :where(a,button){transition:none!important}}