/* ════════════════════════════════════════════
   DOVE SIAMO IN BRASILE — Scope .oasi-c-brasile · sez. verde
   ════════════════════════════════════════════ */
.oasi-c-brasile *,
.oasi-c-brasile *::before,
.oasi-c-brasile *::after { box-sizing: border-box; margin: 0; padding: 0; }

.oasi-c-brasile {
  --_t:    var(--oasi-font-title, 'Fraunces', Georgia, serif);
  --_b:    var(--oasi-font-body, 'Mulish', system-ui, sans-serif);
  --_cont: var(--oasi-container, 1200px);
  --_text: 900px;
  --_ink:  var(--oasi-text, #17202e);
  --_mut:  var(--oasi-text-muted, #52607a);
  --_ope:  var(--oasi-sez-opere, #2f7d52);
  --_oped: var(--oasi-sez-opere-700, #226040);
  --_dur:  var(--oasi-dur, .4s);
  --_ease: var(--oasi-ease, cubic-bezier(.2,.7,.2,1));
}
.oasi-c-brasile .oasi-wrap  { max-width: var(--_cont); margin-inline: auto; padding-inline: clamp(1.25rem, 5vw, 3rem); }
.oasi-c-brasile .oasi-wrapt { max-width: var(--_text); margin-inline: auto; padding-inline: clamp(1.25rem, 5vw, 3rem); }

/* INTRO */
.oasi-c-brasile .ob-intro { padding-block: clamp(2.5rem, 5vw, 3.5rem) clamp(.5rem, 1vw, 1rem); }
.oasi-c-brasile .ob-intro p { font-family: var(--_t); font-size: clamp(1.25rem, 2.3vw, 1.6rem); font-weight: 400; line-height: 1.5; color: var(--_ink); max-width: 32ch; text-wrap: pretty; }
.oasi-c-brasile .ob-intro b { color: var(--_oped); font-weight: 600; }

/* PLACES */
.oasi-c-brasile .ob-places { padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(3rem, 6vw, 5rem); }
.oasi-c-brasile .ob-place {
  display: grid; grid-template-columns: 300px 1fr; gap: clamp(1.5rem, 4vw, 3.5rem);
  padding-block: clamp(2rem, 4vw, 3rem); border-top: 1px solid var(--oasi-border, rgba(20,40,70,.1));
}
.oasi-c-brasile .ob-place:first-child { border-top: 0; }
.oasi-c-brasile .ob-place__head { position: sticky; top: calc(var(--oasi-logo-h, 150px) + 70px); align-self: start; }
.oasi-c-brasile .ob-place__city { font-family: var(--_t); font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 600; line-height: 1.1; color: var(--_ink); }
.oasi-c-brasile .ob-place__region { display: inline-flex; align-items: center; gap: .45rem; margin-top: .5rem; font-family: var(--_b); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--_oped); }
.oasi-c-brasile .ob-place__region::before { content: ""; width: 18px; height: 2px; background: var(--_ope); }
.oasi-c-brasile .ob-place__count { margin-top: .6rem; font-family: var(--_b); font-size: .9rem; color: var(--_mut); }

.oasi-c-brasile .ob-opere { display: flex; flex-direction: column; gap: 1.6rem; }
.oasi-c-brasile .ob-opera { font-family: var(--_b); font-size: 1rem; line-height: 1.65; color: var(--_mut); }
.oasi-c-brasile .ob-opera__tag { display: inline-block; font-family: var(--_b); font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--_oped); background: color-mix(in srgb, var(--_ope) 12%, transparent); padding: .2em .65em; border-radius: var(--oasi-radius-pill, 999px); margin-bottom: .5rem; }
.oasi-c-brasile .ob-opera__name { font-family: var(--_t); font-size: 1.3rem; font-weight: 600; line-height: 1.2; color: var(--_ink); margin-bottom: .35rem; }
.oasi-c-brasile .ob-opera--feat .ob-opera__name { font-size: 1.5rem; }
.oasi-c-brasile .ob-opera__text,
.oasi-c-brasile .ob-opera > p { font-family: var(--_b); font-size: 1rem; line-height: 1.65; color: var(--_mut); max-width: 60ch; }
.oasi-c-brasile .ob-opera__text + .ob-opera__text,
.oasi-c-brasile .ob-opera > p + p { margin-top: .7rem; }

/* CTA */
.oasi-c-brasile .ob-cta { background: var(--_ope); color: #fff; padding-block: clamp(3rem, 6vw, 4.5rem); }
.oasi-c-brasile .ob-cta__in { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.oasi-c-brasile .ob-cta__t h2 { font-family: var(--_t); font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 600; line-height: 1.15; max-width: 20ch; }
.oasi-c-brasile .ob-cta__t p { margin-top: .5rem; font-family: var(--_b); color: rgba(255,255,255,.85); max-width: 46ch; }
.oasi-c-brasile .ob-cta__b { flex-shrink: 0; display: inline-flex; align-items: center; gap: .5em; padding: .9em 1.9em; background: #fff; color: var(--_oped); font-family: var(--_b); font-weight: 800; font-size: .9rem; border-radius: var(--oasi-radius-pill, 999px); text-decoration: none; transition: transform var(--_dur) var(--_ease), box-shadow var(--_dur) var(--_ease); }
.oasi-c-brasile .ob-cta__b svg { transition: transform var(--_dur) var(--_ease); }
.oasi-c-brasile .ob-cta__b:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.18); }
.oasi-c-brasile .ob-cta__b:hover svg { transform: translateX(3px); }
.oasi-c-brasile .ob-cta__b:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (max-width: 820px) {
  .oasi-c-brasile .ob-place { grid-template-columns: 1fr; gap: 1rem; }
  .oasi-c-brasile .ob-place__head { position: static; }
}
@media (prefers-reduced-motion: reduce) {
  .oasi-c-brasile * { transition: none !important; }
}
.oasi-c-brasile .ob-opera__visual{margin:0 0 .9rem}
.oasi-c-brasile .ob-opera__media{position:relative;margin:0;border-radius:var(--oasi-radius-md,12px);overflow:hidden;aspect-ratio:16/10;background:#e6ecf3}
.oasi-c-brasile .ob-opera__media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;margin:0}
.oasi-c-brasile .ob-opera--feat .ob-opera__media{aspect-ratio:16/9}
.oasi-c-brasile .ob-opera__ph{display:grid;place-items:center;height:100%;min-height:100%;background:linear-gradient(145deg,#e8eef4,#d5dde6);color:var(--_mut)}
.oasi-c-brasile .ob-opera__ph-label{font-family:var(--_b);font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.7}
.oasi-c-brasile .ob-opera__link{margin:.55rem 0 0;font-family:var(--_b);font-size:.92rem}
.oasi-c-brasile .ob-opera__link a{color:var(--_oped);font-weight:700;text-decoration:underline;text-underline-offset:.15em}
.oasi-c-brasile .ob-opera__link a:hover{color:var(--_ink)}