/* =========================================================
   GUALAMBA 020 · FINAL PRODUCT POLISH
   Mobile-first visual consolidation without changing flows.
   ========================================================= */
:root{
  --gf-radius:1.25rem;
  --gf-radius-sm:.95rem;
  --gf-line-dark:rgba(234,215,181,.14);
  --gf-line-light:rgba(28,73,53,.12);
  --gf-gold:#d5aa66;
  --gf-shadow-dark:0 18px 44px rgba(0,0,0,.20);
  --gf-shadow-light:0 16px 38px rgba(25,55,40,.09);
}

/* Small interaction details make the shell feel less like a web form. */
button,.btn,a.btn{letter-spacing:-.01em}
button:not(:disabled):active,a.btn:active{transform:translateY(0) scale(.985)}
.portal-head{align-items:flex-start}
.portal-head h2{line-height:1.02!important;letter-spacing:-.045em!important}
.portal-head p{line-height:1.5!important}

/* Consistent elevation on the content surfaces users touch most. */
.news-card,.agenda-card,.lot-card,.homepage-tool-card,.g-specialized-card,.g-explore-card{
  box-shadow:var(--gf-shadow-light);
}
html[data-theme="dark"] .news-card,
html[data-theme="dark"] .agenda-card,
html[data-theme="dark"] .lot-card,
html[data-theme="dark"] .homepage-tool-card,
html[data-theme="dark"] .g-specialized-card,
html[data-theme="dark"] .g-explore-card{
  box-shadow:var(--gf-shadow-dark);
}

/* WEATHER · hierarchy, density and native-app rhythm */
#grupoClima .portal-group-content{overflow:visible}
#tiempo .portal-head{margin-bottom:14px!important}
.weather-panel{
  border:1px solid rgba(234,215,181,.14)!important;
  background:
    radial-gradient(circle at 86% 11%,rgba(213,170,102,.16),transparent 28%),
    radial-gradient(circle at 12% 100%,rgba(101,181,138,.11),transparent 34%),
    linear-gradient(145deg,#173a2d 0%,#244b3b 100%)!important;
  box-shadow:0 24px 56px rgba(4,18,12,.22)!important;
}
.weather-main{gap:18px!important}
.weather-icon{
  display:grid;place-items:center;
  width:88px;height:88px;flex:0 0 88px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  font-size:48px!important;
}
.weather-temp{font-size:clamp(3.25rem,9vw,4.6rem)!important;letter-spacing:-.065em!important}
#weatherSummary{font-size:1.15rem!important;line-height:1.15!important;letter-spacing:-.025em}
.weather-meta{margin-top:7px!important;font-size:.76rem!important;color:#bdd0c5!important}
.weather-details{gap:9px!important}
.weather-detail{
  min-height:88px;
  display:flex;flex-direction:column;justify-content:center;
  padding:13px 14px!important;
  border-color:rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.weather-detail span{font-size:.64rem!important;letter-spacing:.09em!important;color:#bcd0c5!important}
.weather-detail strong{font-size:1.08rem!important;letter-spacing:-.025em}
.forecast-grid{gap:9px!important}
.forecast-card{
  border-radius:16px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.forecast-card:hover{background:rgba(255,255,255,.095)!important}
.forecast-card span{color:#bdd0c5!important}
.forecast-card div,.weather-day-card small{color:#efd49c!important}

.weather-actions button{
  border:1px solid rgba(25,72,52,.10)!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(5,26,17,.09)!important;
}
.weather-actions #weatherLocationBtn.is-location-active{
  border-color:rgba(213,170,102,.45)!important;
  background:#f2eadb!important;
  color:#1c4b39!important;
}

.weather-map-disclosure{
  margin-top:13px!important;
  border-color:rgba(255,255,255,.13)!important;
  border-radius:18px!important;
  background:rgba(5,22,15,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.weather-map-disclosure>summary{min-height:68px;padding:14px 16px!important}
.weather-map-disclosure>summary strong{font-size:1rem!important;letter-spacing:-.015em}
.weather-map-disclosure>summary small{font-size:.72rem!important;line-height:1.35!important;color:#b7cabf!important}
.weather-disclosure-icon{font-size:1.35rem!important}
.weather-map-disclosure-body{padding:0 10px 10px!important}
.weather-map-shell{margin-top:10px!important}
.weather-ops-shell{margin-top:10px!important;padding-top:0!important;border-top:0!important}
.weather-map-head{align-items:flex-start!important;gap:10px!important}
.weather-map-head h3{font-size:1rem!important;letter-spacing:-.02em!important}
.weather-map-head p{font-size:.72rem!important;line-height:1.45!important}
.weather-map-controls{gap:8px!important}
.weather-layer-switch{border-radius:14px!important;background:rgba(0,0,0,.18)!important}
.weather-layer-btn,.weather-ops-btn{min-height:42px!important;border-radius:10px!important;font-size:.72rem!important}
.weather-layer-btn.active,.weather-ops-btn.active{
  background:linear-gradient(180deg,#e0b36c,#d3a45d)!important;
  color:#12271d!important;
  box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
}
.weather-map-controls>.secondary{
  min-height:44px!important;
  border-radius:13px!important;
  background:#edf0e7!important;
  color:#214e3c!important;
}
.weather-map{
  border-radius:18px!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.weather-map-status{margin-top:9px!important;font-size:.69rem!important;line-height:1.45!important}
.weather-map-hint{margin-top:3px!important;font-size:.65rem!important;line-height:1.45!important}
.weather-ops-timeline{
  border-radius:14px!important;
  background:rgba(5,22,15,.42)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.weather-ops-play{border-radius:11px!important}

/* Mobile navigation: clearer active state, softer elevation and safe-area handling. */
@media(max-width:700px){
  body.gds-shell-has-bottom-nav{padding-bottom:calc(5rem + env(safe-area-inset-bottom))!important}
  .g-bottom-nav.gds-shell-nav{
    height:calc(4.55rem + env(safe-area-inset-bottom))!important;
    padding:0 .25rem env(safe-area-inset-bottom)!important;
    border-top:1px solid rgba(234,215,181,.14)!important;
    background:rgba(7,22,16,.96)!important;
    box-shadow:0 -12px 34px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  }
  .g-bottom-nav.gds-shell-nav button{
    gap:4px!important;
    font-size:.62rem!important;
    font-weight:700!important;
    color:#82998d!important;
  }
  .g-bottom-nav.gds-shell-nav .gds-icon{width:1.45rem!important;height:1.45rem!important}
  .g-bottom-nav.gds-shell-nav button.active{color:#f0f5f1!important}
  .g-bottom-nav.gds-shell-nav button.active::after{
    top:0!important;width:1.55rem!important;height:3px!important;
    background:#d5aa66!important;
  }
  .g-bottom-nav.gds-shell-nav .g-nav-publish{color:#ddb56f!important}
  .g-bottom-nav.gds-shell-nav .g-nav-publish .gds-icon{width:1.65rem!important;height:1.65rem!important}

  main,.wrap,.container{width:min(100% - 24px,1240px)!important}
  .portal-head{gap:10px!important}
  .portal-head h2{font-size:clamp(2rem,10vw,2.55rem)!important}
  .portal-head p{font-size:.91rem!important}

  .weather-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)!important;
    gap:8px!important;
    width:100%!important;
  }
  .weather-actions button{
    width:100%!important;min-width:0!important;min-height:48px!important;
    padding:10px 9px!important;font-size:.82rem!important;white-space:nowrap!important;
  }
  .weather-panel{padding:15px!important;border-radius:22px!important}
  .weather-main{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    align-items:center!important;
    gap:13px!important;
    padding:3px 0 16px!important;
  }
  .weather-icon{width:82px;height:82px;flex-basis:82px;border-radius:22px;font-size:43px!important}
  .weather-temp{font-size:3.65rem!important}
  #weatherSummary{font-size:1.2rem!important}
  .weather-meta{font-size:.72rem!important}

  /* Three compact facts instead of three tall stacked cards. */
  .weather-details{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important}
  .weather-detail{min-height:82px!important;padding:10px 8px!important;border-radius:14px!important}
  .weather-detail span{font-size:.54rem!important;line-height:1.2!important;letter-spacing:.065em!important}
  .weather-detail strong{font-size:.98rem!important;line-height:1.15!important;margin-top:7px!important}
  .forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
  .forecast-card{min-height:132px!important;padding:12px!important}
  .forecast-card span{font-size:.64rem!important;margin-bottom:8px!important}
  .forecast-card strong{font-size:.88rem!important;line-height:1.35!important}
  .forecast-card div{font-size:.92rem!important;line-height:1.45!important}
  .weather-day-card small{font-size:.64rem!important}

  .weather-map-disclosure{border-radius:16px!important}
  .weather-map-disclosure>summary{min-height:64px!important;padding:13px 14px!important}
  .weather-map-disclosure-body{padding:0 8px 8px!important}
  .weather-map-shell,.weather-ops-shell{margin-top:0!important}
  /* The disclosure title already names the map, so mobile opens directly into controls. */
  .weather-map-disclosure-body .weather-map-head>div:first-child{display:none!important}
  .weather-map-head{margin-bottom:8px!important}
  .weather-map-controls{width:100%!important;margin-top:0!important;display:grid!important;grid-template-columns:1fr!important}
  .weather-layer-switch{width:100%!important}
  .weather-ops-switch{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .weather-ops-btn{padding:9px 3px!important;font-size:.63rem!important;white-space:nowrap!important}
  .weather-layer-btn{font-size:.7rem!important}
  .weather-map-controls>.secondary{width:100%!important;min-width:0!important;min-height:44px!important}
  .weather-map{height:min(56dvh,520px)!important;min-height:345px!important;max-height:520px!important;border-radius:16px!important}
  .weather-ops-timeline{gap:7px!important;padding:8px!important}
  .weather-ops-time-labels{font-size:.55rem!important}
  .weather-ops-time-labels strong{font-size:.6rem!important}
}

@media(max-width:360px){
  .weather-actions{grid-template-columns:1fr!important}
  .weather-main{grid-template-columns:74px minmax(0,1fr)!important}
  .weather-icon{width:74px;height:74px;border-radius:20px;font-size:39px!important}
  .weather-temp{font-size:3.25rem!important}
  #weatherSummary{font-size:1.08rem!important}
  .weather-detail{padding:9px 6px!important}
  .weather-detail span{font-size:.49rem!important}
  .weather-detail strong{font-size:.9rem!important}
  .weather-ops-btn{font-size:.58rem!important;padding-inline:2px!important}
}

@media(prefers-reduced-motion:reduce){
  .weather-map,.weather-panel,.forecast-card,.weather-detail{transition:none!important}
}

/* =========================================================
   VISUAL FINAL 021 · mobile/product polish
   Keeps the 020 location sync and 020A audible-push fix.
   ========================================================= */

/* ---------- Actualidad: denser, cleaner, no accidental horizontal page overflow ---------- */
#grupoActualidad,
#grupoActualidad .portal-group-content,
#noticias,
#noticias .news-grid,
#noticias .news-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#noticias{overflow:clip!important}
#noticias .news-filter-shell{max-width:100%!important;overflow:hidden!important}
#noticias .news-primary,
#noticias .news-secondary{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:8px!important;
  padding:2px 1px 7px!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
#noticias .news-primary::-webkit-scrollbar,
#noticias .news-secondary::-webkit-scrollbar{display:none!important}
#noticias .news-filter{flex:0 0 auto!important;white-space:nowrap!important}
#noticias .news-card{overflow:hidden!important}
#noticias .news-image,
#noticias .news-image-fallback{
  width:100%!important;
  height:152px!important;
  border-radius:14px!important;
  margin-bottom:13px!important;
  object-fit:cover!important;
}
#noticias .news-image-fallback{
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(208,161,91,.10),transparent 34%),
    linear-gradient(145deg,rgba(29,82,61,.72),rgba(11,38,27,.92))!important;
  color:#9db4a8!important;
  font-size:.76rem!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#noticias .news-card.featured .news-image,
#noticias .news-card.featured .news-image-fallback{height:170px!important}
#noticias .news-summary{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
}
#noticias .news-source-row{gap:12px!important;align-items:center!important}
#noticias .news-source-link{min-width:0!important}
#noticias .news-age{flex:0 0 auto!important;white-space:nowrap!important}

/* ---------- Decision Studio hub: title row + full-width description ---------- */
.g-tools-hub .g-tools-category{
  min-height:12.1rem!important;
  padding:1.25rem 1.25rem 1rem!important;
  overflow:hidden!important;
}
.g-tools-hub .g-tools-category-top{
  display:grid!important;
  grid-template-columns:3.7rem minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"icon title" "description description"!important;
  align-items:center!important;
  column-gap:1rem!important;
  row-gap:.85rem!important;
  width:100%!important;
  min-height:0!important;
  padding-bottom:3.45rem!important;
}
.g-tools-hub .g-tools-category-icon{
  grid-area:icon!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:3.7rem!important;
  height:3.7rem!important;
  margin:0!important;
  border-radius:1.15rem!important;
}
.g-tools-hub .g-tools-category strong{
  grid-area:title!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  margin:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  color:#f4f3ec!important;
  font-size:clamp(1.85rem,5vw,2.45rem)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.g-tools-hub .g-tools-category small{
  grid-area:description!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  width:100%!important;
  max-width:29rem!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  color:#c6d1ca!important;
  font-size:.78rem!important;
  font-weight:650!important;
  line-height:1.48!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.g-tools-hub .g-tools-category-kicker{display:none!important}
.g-tools-hub .g-tools-category-meta{
  left:1.25rem!important;
  right:1.25rem!important;
  bottom:.9rem!important;
  min-height:32px!important;
  padding-top:.72rem!important;
}

/* Internal tools: compact editorial summaries and less dead vertical space. */
.g-native-tool-root .pro-ganaderia-universe,
.g-native-tool-root .pro-agricultura-universe{
  padding:1rem 1.15rem!important;
  border-radius:18px!important;
}
.g-native-tool-root .pro-ganaderia-universe>div,
.g-native-tool-root .pro-agricultura-universe>div{gap:.7rem!important;align-items:baseline!important}
.g-native-tool-root .pro-ganaderia-universe>div>span,
.g-native-tool-root .pro-agricultura-universe>div>span{
  color:#d8b36e!important;
  font-size:.66rem!important;
  letter-spacing:.13em!important;
}
.g-native-tool-root .pro-ganaderia-universe>div>strong,
.g-native-tool-root .pro-agricultura-universe>div>strong{font-size:1.15rem!important;line-height:1.1!important}
.g-native-tool-root .pro-ganaderia-universe>p,
.g-native-tool-root .pro-agricultura-universe>p{margin-top:.55rem!important;font-size:.82rem!important;line-height:1.48!important}

/* ---------- Explore: search text never clips awkwardly on narrow phones ---------- */
.gualamba-explore-view .g-explore-search{min-width:0!important;overflow:hidden!important}
.gualamba-explore-view .g-explore-search input{
  min-width:0!important;
  max-width:100%!important;
  font-size:clamp(.78rem,3.45vw,.94rem)!important;
  font-weight:680!important;
  letter-spacing:-.01em!important;
  text-overflow:ellipsis!important;
}
.gualamba-explore-view .g-explore-search input::placeholder{font-size:inherit!important}

/* ---------- Account: resilient identity card and publication copy ---------- */
.g-account-view-surface .g-account-hero-copy,
.g-account-view-surface .g-account-publication-copy{min-width:0!important}
.g-account-view-surface .g-account-hero-copy strong{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.g-account-view-surface .g-account-publication-copy strong,
.g-account-view-surface .g-account-publication-copy small{max-width:100%!important}

/* ---------- Push settings: active preferences look active, destructive action steps back ---------- */
.g-push-card{
  border-color:rgba(208,161,91,.28)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(41,105,77,.15),transparent 32%),
    linear-gradient(180deg,rgba(14,36,26,.98),rgba(7,24,17,.99))!important;
}
.g-push-prefs{gap:10px!important}
.g-push-pref{
  min-height:58px!important;
  color:#b8c7bf!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.09)!important;
  font-weight:720!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
.g-push-pref:has(input:checked){
  color:#e6eee9!important;
  background:rgba(54,126,91,.13)!important;
  border-color:rgba(102,174,133,.30)!important;
}
.g-push-pref input{accent-color:#d4aa63!important;width:18px!important;height:18px!important}
.g-push-card.is-active #gPushToggle{
  background:transparent!important;
  color:#dbc28d!important;
  border:1px solid rgba(208,161,91,.38)!important;
  box-shadow:none!important;
}
.g-push-card.is-active #gPushTest{
  background:#edf0e7!important;
  color:#214e3c!important;
  border-color:transparent!important;
}
.g-push-message{line-height:1.45!important}

@media(max-width:700px){
  /* Open modules should read like native screens, not a card nested inside a card. */
  #grupoActualidad[open],#grupoClima[open]{box-shadow:none!important}
  #grupoActualidad[open]>.portal-group-content,
  #grupoClima[open]>.portal-group-content{padding-inline:0!important}

  #noticias .portal-head{margin-bottom:14px!important}
  #noticias .portal-head h2{font-size:clamp(2rem,10vw,2.7rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
  #noticias .portal-head p{font-size:.88rem!important;line-height:1.5!important}
  #noticias .portal-head>.secondary{width:100%!important;min-height:48px!important}
  #noticias .news-statusbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:13px!important;
    border-radius:16px!important;
  }
  #noticias .news-status-main{gap:7px!important}
  #noticias #newsUpdateStatus{font-size:.74rem!important;line-height:1.4!important}
  #noticias .news-new-badge{font-size:.65rem!important;padding:6px 9px!important}
  #noticias .news-sort{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important}
  #noticias .news-sort select{width:100%!important;min-width:0!important;min-height:44px!important}
  #noticias .filter-label{font-size:.61rem!important;letter-spacing:.13em!important;margin-top:10px!important}
  #noticias .news-filter{min-height:39px!important;padding:9px 12px!important;font-size:.72rem!important}
  #noticias .news-grid{gap:12px!important;margin-top:15px!important}
  #noticias .news-card,
  #noticias .news-card.featured{padding:14px!important;border-radius:20px!important;min-height:0!important}
  #noticias .news-image,
  #noticias .news-image-fallback{height:104px!important;border-radius:13px!important;margin-bottom:11px!important}
  #noticias .news-card.featured .news-image,
  #noticias .news-card.featured .news-image-fallback{height:118px!important}
  #noticias .news-meta{margin-bottom:9px!important;gap:8px!important}
  #noticias .news-category{font-size:.58rem!important;padding:5px 8px!important}
  #noticias .news-date{font-size:.63rem!important;white-space:nowrap!important}
  #noticias .news-card h3,
  #noticias .news-card.featured h3{font-size:clamp(1.35rem,6vw,1.72rem)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin-bottom:10px!important}
  #noticias .news-card p{font-size:.84rem!important;line-height:1.52!important;margin-bottom:10px!important}
  #noticias .news-summary{-webkit-line-clamp:4!important}
  #noticias .news-source{font-size:.75rem!important;line-height:1.4!important}
  #noticias .news-source-row{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 12px!important}
  #noticias .news-source-link{font-size:.72rem!important}
  #noticias .news-age{font-size:.64rem!important}

  .g-tools-view .g-tools-hub{padding:17px!important}
  .g-tools-view .g-tools-hub-head h2{font-size:clamp(2.05rem,9.4vw,2.7rem)!important;line-height:1!important}
  .g-tools-view .g-tools-hub-head p{font-size:.82rem!important;line-height:1.55!important}
  .g-tools-hub .g-tools-category-grid{gap:12px!important}
  .g-tools-hub .g-tools-category{min-height:11.65rem!important;padding:1.05rem 1.05rem .9rem!important;border-radius:22px!important}
  .g-tools-hub .g-tools-category-top{
    grid-template-columns:3.35rem minmax(0,1fr)!important;
    column-gap:.85rem!important;
    row-gap:.78rem!important;
    padding-bottom:3.25rem!important;
  }
  .g-tools-hub .g-tools-category-icon{width:3.35rem!important;height:3.35rem!important;border-radius:1rem!important;font-size:1.58rem!important}
  .g-tools-hub .g-tools-category strong{font-size:clamp(1.8rem,8.3vw,2.28rem)!important;white-space:normal!important}
  .g-tools-hub .g-tools-category small{font-size:.77rem!important;line-height:1.48!important;max-width:24rem!important}
  .g-tools-hub .g-tools-category-meta{left:1.05rem!important;right:1.05rem!important;bottom:.78rem!important;font-size:.68rem!important}

  .g-tools-workspace .g-tools-workspace-head{padding:17px 17px 14px!important}
  .g-tools-workspace .g-tools-workspace-head h2{font-size:2rem!important;line-height:1!important}
  .g-tools-workspace .g-tools-workspace-head p{font-size:.8rem!important;line-height:1.45!important}
  .g-native-tool-root .pro-ganaderia-universe,
  .g-native-tool-root .pro-agricultura-universe{margin:0 0 10px!important;padding:14px 16px!important}
  .g-native-tool-root .pro-section-summary{min-height:0!important;padding:20px 18px!important}
  .g-native-tool-root .pro-section-head h4{font-size:clamp(1.45rem,6.5vw,1.9rem)!important;line-height:1.08!important;letter-spacing:-.035em!important}
  .g-native-tool-root .pro-section-head p{font-size:.83rem!important;line-height:1.5!important;margin-top:.45rem!important}
  .g-native-tool-root .pro-section-plus{font-size:1.65rem!important}

  .gualamba-explore-view .g-explore-search{min-height:52px!important;padding-inline:13px!important;border-radius:16px!important}
  .gualamba-explore-view .g-explore-search input{font-size:.86rem!important}

  .g-account-view-surface .g-account-profile-card{column-gap:12px!important;padding:15px!important}
  .g-account-view-surface .g-account-hero-copy strong{font-size:clamp(1.45rem,7vw,2.05rem)!important;line-height:1.04!important}
  .g-account-view-surface .g-account-profile-card .g-account-profile-actions button{font-size:.72rem!important}

  .g-push-card{padding:17px!important;margin-block:16px!important}
  .g-push-head h3{font-size:1.05rem!important}
  .g-push-head p{font-size:.83rem!important}
  .g-push-prefs{margin:14px 0!important}
  .g-push-pref{min-height:54px!important;padding:12px!important;font-size:.82rem!important;border-radius:14px!important}
  .g-push-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .g-push-actions button{width:100%!important;min-height:48px!important}
}

@media(max-width:370px){
  .g-tools-hub .g-tools-category-top{grid-template-columns:3.1rem minmax(0,1fr)!important;column-gap:.72rem!important}
  .g-tools-hub .g-tools-category-icon{width:3.1rem!important;height:3.1rem!important}
  .g-tools-hub .g-tools-category strong{font-size:1.7rem!important}
  .g-tools-hub .g-tools-category small{font-size:.72rem!important}
  #noticias .news-card h3,#noticias .news-card.featured h3{font-size:1.34rem!important}
}



/* 023 · Mercado ganadero: referencias de invernada por banda de peso */
.g-invernada-panel{margin-top:14px;padding:14px;border:1px solid rgba(208,161,91,.22);border-radius:18px;background:linear-gradient(145deg,rgba(208,161,91,.065),rgba(40,95,75,.065));overflow:hidden}
.g-invernada-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.g-invernada-head>div{display:grid;gap:3px;min-width:0}.g-invernada-kicker{font-size:.58rem;letter-spacing:.12em;font-weight:950;color:#d5aa66}.g-invernada-head strong{font-size:.95rem;line-height:1.15;color:#edf5f0}.g-invernada-head small{font-size:.66rem;line-height:1.35;color:#9fb3a8}.g-invernada-head a{font-size:.64rem;font-weight:900;color:#d5aa66;text-decoration:none;white-space:nowrap}
.g-invernada-tabs{display:flex;gap:7px;margin:0 0 10px}.g-invernada-tabs button{min-height:34px;padding:7px 13px;border:1px solid rgba(234,215,181,.15);border-radius:999px;background:rgba(255,255,255,.025);color:#a9beb0;font-size:.66rem;font-weight:900;cursor:pointer}.g-invernada-tabs button.active{background:#285f4b;border-color:#285f4b;color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.10)}
.g-invernada-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.g-invernada-card{position:relative;display:grid;gap:6px;min-width:0;padding:11px;border:1px solid rgba(113,171,137,.16);border-radius:14px;background:rgba(5,25,18,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.g-invernada-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.g-invernada-card-top span{min-width:0;font-size:.62rem;font-weight:850;color:#a9beb0}.g-invernada-card-top b{flex:0 0 auto;font-size:.58rem;font-weight:950;color:#d5aa66}.g-invernada-card>strong{font-size:1.02rem;letter-spacing:-.035em;line-height:1;color:#f1f7f3}.g-invernada-card>strong small{font-size:.55rem;letter-spacing:0;color:#91a79b;margin-left:2px}.g-invernada-meta{min-height:2.5em;font-size:.57rem;line-height:1.3;color:#789486}.g-invernada-source{font-size:.54rem;font-weight:950;color:#6f8f7e;letter-spacing:.06em}.g-invernada-empty,.g-invernada-loading{grid-column:1/-1;padding:15px;border:1px dashed rgba(234,215,181,.14);border-radius:13px;color:#8fa69b;font-size:.7rem}
html:not([data-theme="dark"]) .g-invernada-panel{border-color:rgba(28,73,53,.13);background:linear-gradient(145deg,rgba(213,170,102,.08),rgba(40,95,75,.045))}html:not([data-theme="dark"]) .g-invernada-head strong,html:not([data-theme="dark"]) .g-invernada-card>strong{color:#173a2d}html:not([data-theme="dark"]) .g-invernada-card{background:rgba(255,255,255,.66);border-color:rgba(28,73,53,.10)}html:not([data-theme="dark"]) .g-invernada-card-top span{color:#466355}html:not([data-theme="dark"]) .g-invernada-meta{color:#60766a}
@media(max-width:900px){.g-invernada-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.g-invernada-panel{margin-top:11px;padding:12px}.g-invernada-head{display:grid;gap:7px}.g-invernada-head a{white-space:normal}.g-invernada-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:1px 0 5px;scrollbar-width:none}.g-invernada-grid::-webkit-scrollbar{display:none}.g-invernada-card{flex:0 0 164px;scroll-snap-align:start}.g-invernada-card>strong{font-size:.98rem}.g-invernada-meta{min-height:2.6em}.g-invernada-tabs{margin-bottom:9px}}
