/**
 * GETU Shopping — institutional pages: Sobre Nós + Contato.
 *
 * PRODUCTION MAPPING POINT
 * ------------------------
 * Deploy to wp-content/themes/bricks-child/assets/css/getu-institucional.css.
 * Enqueued site-wide by getu-chrome.php; component-scoped, so it no-ops off the
 * two pages (nothing else carries .ab-*/.ct-*/.val/.seg/.cmethod).
 *
 * Only the classes the shared system + the other component CSS don't already
 * provide. Reused as-is: .media/.tile (getu-cold-brew/cart), .f-in/.f-lbl
 * (getu-checkout), details.q/.q-chev (getu-cold-brew), .reveal (getu-home),
 * .kicker/.grain/.wine-atmos/.pcard/.btn-* (getu-chrome). Colors are literal
 * hex (the unprefixed reference color vars don't exist on WP); --shadow-*/
 * --ease-* ARE aliased on .getu-vanilla-scope. `.hero-scrim` is renamed to
 * `.ab-hero-scrim` so it can't collide with the cold-brew hero's own scrim.
 */

/* Fluid type */
.ab-h1 { font-size: clamp(2.6rem, 1.6rem + 3.8vw, 4.5rem); line-height: .96; }
.ab-h2 { font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3rem); line-height: 1.05; }
.ct-h1 { font-size: clamp(2.3rem, 1.5rem + 3vw, 3.5rem); line-height: 1.02; }

/* Sobre Nós hero scrim (copy sits in the dark left of the photo on desktop) */
.ab-hero-scrim {
  background:
    linear-gradient(90deg, rgba(20,6,10,.90) 0%, rgba(20,6,10,.72) 34%, rgba(20,6,10,.35) 62%, rgba(20,6,10,.12) 100%),
    radial-gradient(110% 80% at 8% 12%, rgba(110,26,42,.42), transparent 60%);
}
@media (max-width: 1023px) {
  .ab-hero-scrim { background: linear-gradient(180deg, rgba(20,6,10,.86), rgba(20,6,10,.78) 55%, rgba(20,6,10,.92)); }
}

/* Value columns split by a hairline rule on desktop */
.val { position: relative; }
@media (min-width: 1024px) {
  .val + .val::before { content: ""; position: absolute; left: -1.5rem; top: .25rem; bottom: .25rem; width: 1px; background: rgba(110,26,42,.14); }
}

/* Segment pills */
.seg { transition: color .2s, background-color .2s, border-color .2s, transform .2s var(--ease-out); }
.seg:hover { border-color: rgba(110,26,42,.4); transform: translateY(-2px); color: #5A1320; }

/* Contact-method cards */
.cmethod { transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .2s; }
.cmethod:hover { transform: translateY(-3px); box-shadow: var(--shadow-float); border-color: rgba(110,26,42,.28); }

@media (prefers-reduced-motion: reduce) {
  .seg, .cmethod { transition: none; }
}