/* OBRAZIL Home Conversion V4 — calculadoras na primeira dobra + dashboard narrativo */
.obriva-hero-v4{padding:58px 0 54px!important}
.obriva-hero-grid-v4{grid-template-columns:.76fr 1.24fr!important;gap:34px!important;align-items:center}
.obriva-hero-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:#5f6b65}
.obriva-hero-trust span{padding:9px 11px;border:1px solid #e7dfe1;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 4px 18px rgba(24,10,14,.04)}
.obriva-hero-trust strong{color:#0c1110}

.obriva-quick-calcs{position:relative;background:linear-gradient(145deg,#0b1110,#161011);border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:18px;box-shadow:0 32px 80px rgba(26,13,16,.19);overflow:hidden}
.obriva-quick-calcs:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(143,39,52,.34),rgba(143,39,52,0) 68%);pointer-events:none}
.obriva-quick-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:3px 4px 15px}
.obriva-quick-head div>span{display:block;color:#d7818b;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}
.obriva-quick-head div>strong{display:block;color:#fff;font-size:18px;line-height:1.18;letter-spacing:-.025em;max-width:500px}
.obriva-quick-head>a{color:#fff;font-size:11px;font-weight:900;white-space:nowrap;text-decoration:none}
.obriva-quick-head>a:hover{color:#d7818b!important}
.obriva-quick-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.obriva-quick-card{background:#fff;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:16px;box-shadow:0 14px 40px rgba(0,0,0,.12);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease}
.obriva-quick-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(0,0,0,.19)}
.obriva-quick-title>span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#8e2634}
.obriva-quick-title h2{font-size:21px;letter-spacing:-.04em;margin:5px 0 3px;line-height:1.05}
.obriva-quick-title p{margin:0;color:#69736f;font-size:11px;line-height:1.4}
.obriva-quick-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.obriva-quick-fields label{display:grid;gap:5px;font-size:9px;font-weight:800;color:#414a46}
.obriva-quick-fields label.wide{grid-column:1/-1}
.obriva-quick-fields input{width:100%;box-sizing:border-box;border:1px solid #dfe4e1;border-radius:10px;padding:10px 11px;background:#fbfcfb;color:#0b1110;font:inherit;font-size:12px;outline:0;transition:border-color .2s ease,box-shadow .2s ease}
.obriva-quick-fields input:focus{border-color:#8e2634;box-shadow:0 0 0 3px rgba(142,38,52,.10)}
.obriva-quick-button{width:100%;border:0;border-radius:11px;padding:11px 12px;margin-top:10px;background:#741c27;color:#fff;font-size:11px;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease}
.obriva-quick-button:hover{background:#8e2634;transform:translateY(-1px)}
.obriva-quick-result{min-height:49px;margin-top:9px;padding:9px 10px;border-radius:11px;background:#f8f2f3;border:1px solid #ecdde0;display:flex;flex-direction:column;justify-content:center}
.obriva-quick-result span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#8e2634}
.obriva-quick-result strong{font-size:12px;letter-spacing:-.015em;margin-top:3px;color:#171d1a}
.obriva-quick-full{display:inline-block;margin-top:9px;color:#741c27;font-size:9px;font-weight:900;text-decoration:none}
.obriva-quick-full:hover{color:#a13a47!important}
.obriva-quick-note{position:relative;z-index:1;margin:11px 4px 0;color:#9faaa5;font-size:9px;line-height:1.4}

.obriva-popular-tools{padding:26px 0 34px;background:#fff;border-top:1px solid #eee8e9;border-bottom:1px solid #eee8e9}
.obriva-popular-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:15px}
.obriva-popular-head h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.045em;margin:4px 0 0}
.obriva-popular-head>a{font-size:11px;font-weight:900;color:#741c27;text-decoration:none;white-space:nowrap}
.obriva-popular-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.obriva-popular-grid>a{display:block;min-height:112px;padding:14px;border:1px solid #e7e1e2;border-radius:15px;background:#fcfcfb;color:#101512;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.obriva-popular-grid>a:hover{transform:translateY(-4px);border-color:#c58a92;box-shadow:0 16px 34px rgba(73,26,35,.08)}
.obriva-popular-grid span{font-size:8px;font-weight:900;color:#a34a56;letter-spacing:.09em}
.obriva-popular-grid strong{display:block;font-size:14px;line-height:1.15;margin-top:13px;letter-spacing:-.02em}
.obriva-popular-grid small{display:block;color:#69736f;font-size:9px;line-height:1.4;margin-top:6px}

.obriva-dashboard-story{padding:72px 0;background:linear-gradient(180deg,#f7f7f6,#f2eeee)}
.obriva-dashboard-story-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:36px;align-items:center}
.obriva-dashboard-story-copy h2{font-size:clamp(38px,5vw,62px);line-height:.96;letter-spacing:-.055em;margin:9px 0 18px;max-width:480px}
.obriva-dashboard-story-copy>p{color:#5d6863;font-size:15px;line-height:1.65;max-width:470px;margin-bottom:20px}
.obriva-flow-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 22px}
.obriva-flow-line span{padding:7px 9px;border-radius:999px;background:#fff;border:1px solid #e2dbdd;font-size:9px;font-weight:900;color:#4d5652}
.obriva-flow-line i{font-style:normal;color:#9b6970;font-size:10px}
.obriva-dashboard-frame-v4{animation:obrivaFloat 7s ease-in-out infinite!important}
.obriva-dashboard-frame-v4 .ds-product-window{min-height:405px}

@media(max-width:1160px){
  .obriva-hero-grid-v4{grid-template-columns:1fr!important}
  .obriva-quick-calcs{max-width:920px;width:100%;box-sizing:border-box}
  .obriva-popular-grid{grid-template-columns:repeat(3,1fr)}
  .obriva-dashboard-story-grid{grid-template-columns:1fr}
  .obriva-dashboard-story-copy{max-width:760px}
}
@media(max-width:720px){
  .obriva-hero-v4{padding-top:36px!important}
  .obriva-quick-grid{grid-template-columns:1fr}
  .obriva-quick-head{align-items:flex-start;flex-direction:column}
  .obriva-popular-head{align-items:flex-start;flex-direction:column}
  .obriva-popular-grid{grid-template-columns:1fr 1fr}
  .obriva-dashboard-story{padding:54px 0}
}
@media(max-width:520px){
  .obriva-quick-calcs{padding:11px;border-radius:21px}
  .obriva-quick-card{padding:14px}
  .obriva-quick-fields{grid-template-columns:1fr}
  .obriva-quick-fields label.wide{grid-column:auto}
  .obriva-popular-grid{grid-template-columns:1fr}
  .obriva-popular-grid>a{min-height:auto}
  .obriva-dashboard-story-copy h2{font-size:42px}
}
@media(prefers-reduced-motion:reduce){.obriva-quick-card,.obriva-popular-grid>a,.obriva-dashboard-frame-v4{transition:none!important;animation:none!important}}



/* =========================================================
   OBRAZIL V4 — PORTAL COMPLETO / HOME
   ========================================================= */
.ds-public{background:#f4f7fb!important;color:#0b1420!important}
.ds-public .topbar{
  background:linear-gradient(135deg,#091522,#0d2134)!important;
  border-bottom:1px solid #20364a!important;
  box-shadow:0 10px 28px rgba(8,20,34,.13)!important;
}
.ds-public .topbar .brand,
.ds-public .topbar a{color:#eaf1f7!important}
.ds-public .topbar a:hover{color:#ff8b69!important}
.obriva-hero-v4{
  background:
    radial-gradient(circle at 88% 15%,rgba(37,99,235,.10),transparent 28%),
    radial-gradient(circle at 12% 10%,rgba(255,96,56,.11),transparent 25%),
    #f8fbff!important;
}
.obriva-hero-v4 .ds-public-copy h1{color:#09121f!important;letter-spacing:-.058em!important}
.obriva-hero-v4 .ds-public-copy p{color:#4c5d70!important}
.obriva-hero-v4 .ds-kicker{color:#df4b27!important}
.obriva-hero-v4 .ds-btn.dark{
  background:linear-gradient(135deg,#ff6038,#ff7c53)!important;
  border-color:#ff6038!important;color:#fff!important;
  box-shadow:0 10px 25px rgba(255,96,56,.22)!important;
}
.obriva-quick-calcs{
  background:linear-gradient(145deg,#0b1624,#14283d)!important;
  box-shadow:0 24px 58px rgba(8,20,34,.20)!important;
  border:1px solid #263d52!important;
}
.obriva-quick-card{background:#fff!important;border-color:#e0e7ef!important}
.obriva-quick-button{background:linear-gradient(135deg,#ff6038,#ff774e)!important}
.obriva-popular-tools,.obriva-dashboard-story,.obriva-real-section{background:#f4f7fb!important}
.obriva-popular-grid>a,
.ds-public-feature,
.obriva-photo-card{
  background:#fff!important;border:1px solid #dce5ee!important;
  box-shadow:0 14px 34px rgba(20,42,66,.055)!important;
}
.obriva-popular-grid>a:hover,
.ds-public-feature:hover,
.obriva-photo-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(20,42,66,.10)!important}
.obriva-dashboard-frame-v4{
  border-color:#24384c!important;
  box-shadow:0 30px 70px rgba(9,22,36,.20)!important;
}


/* =========================================================
   OBRAZIL PERFORMANCE V1 — renderização progressiva
   Conteúdo abaixo da primeira dobra só é renderizado quando
   se aproxima do viewport. Não altera o visual.
   ========================================================= */
@supports (content-visibility:auto){
  .obriva-popular-tools,
  .obriva-dashboard-story,
  .obriva-real-section,
  .ds-public-section{
    content-visibility:auto;
    contain-intrinsic-size:auto 780px;
  }
}
