{"id":751,"date":"2022-05-09T08:54:27","date_gmt":"2022-05-09T08:54:27","guid":{"rendered":"https:\/\/www.obadifferentbyluxury.ro\/site2\/?page_id=751"},"modified":"2026-04-14T10:55:26","modified_gmt":"2026-04-14T07:55:26","slug":"oba-inovator-sebes","status":"publish","type":"page","link":"https:\/\/www.obadifferentbyluxury.ro\/en\/proiecte-finalizate\/oba-inovator-sebes\/","title":{"rendered":"O.B.A. INOVATOR SEBE\u0218"},"content":{"rendered":"\n<!-- ================== OBA \u2014 PROJECT HERO (O.B.A. Inovator Sebe\u0219) ================== -->\n<header id=\"oba-project-hero\" role=\"banner\" aria-labelledby=\"project-hero-title\">\n  <style>\n    #oba-project-hero{\n      --gold:#bfa046;\n      --gold-light:#d4b872;\n      --gold2:#9f8438;\n      --ink:#fff;\n      --muted:rgba(255,255,255,.92);\n      --shadow:0 20px 60px rgba(0,0,0,.4);\n\n      position:relative;\n      width:100vw;\n      margin-left:calc(50% - 50vw);\n      margin-right:calc(50% - 50vw);\n      background:#000;\n      color:#fff;\n      font-family:'Inter',system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;\n      overflow:hidden;\n      isolation:isolate;\n      scroll-behavior:smooth;\n    }\n\n    \/* GRID *\/\n    #oba-project-hero .frame{\n      min-height:clamp(600px,90vh,900px);\n      display:grid;\n      grid-template-rows:1fr auto;\n      position:relative;\n    }\n\n    \/* MEDIA *\/\n    #oba-project-hero .media{\n      position:relative;\n      overflow:hidden;\n    }\n\n    #oba-project-hero .media::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(\n        135deg,\n        rgba(0,0,0,.72) 0%,\n        rgba(0,0,0,.40) 42%,\n        rgba(0,0,0,.66) 100%\n      );\n      z-index:1;\n    }\n\n    #oba-project-hero .media::after{\n      content:\"\";\n      position:absolute;\n      top:0;\n      left:0;\n      right:0;\n      height:200px;\n      background:linear-gradient(180deg, rgba(191,160,70,.10) 0%, transparent 100%);\n      z-index:1;\n      pointer-events:none;\n    }\n\n    #oba-project-hero .media img{\n      position:absolute;\n      inset:0;\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      object-position:center 58%;\n      filter:contrast(1.06) saturate(1.05) brightness(1.04);\n    }\n\n    \/* CONTENT *\/\n    #oba-project-hero .wrap{\n      position:relative;\n      z-index:2;\n      width:min(1320px,92vw);\n      margin:0 auto;\n      height:100%;\n      display:flex;\n      align-items:flex-end;\n      padding:0 0 clamp(70px,9vw,130px);\n    }\n\n    #oba-project-hero .content{\n      max-width:920px;\n    }\n\n    \/* Badge *\/\n    #oba-project-hero .badge{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      background:linear-gradient(135deg, var(--gold) 0%, var(--gold2) 100%);\n      color:#fff;\n      font-size:11px;\n      font-weight:900;\n      letter-spacing:1.5px;\n      text-transform:uppercase;\n      padding:10px 20px;\n      border-radius:100px;\n      margin:0 0 24px;\n      box-shadow:0 6px 20px rgba(191,160,70,.35);\n      border:1px solid rgba(255,255,255,.2);\n    }\n\n    #oba-project-hero .badge::before{\n      content:\"\u25c6\";\n      font-size:8px;\n    }\n\n    \/* TITLE *\/\n    #oba-project-hero h1{\n      margin:0 0 22px;\n      font-size:clamp(38px,5.2vw,72px);\n      font-weight:950;\n      line-height:1.08;\n      color:#fff;\n      text-shadow:0 12px 40px rgba(0,0,0,.5);\n      letter-spacing:-.8px;\n    }\n\n    #oba-project-hero h1 .highlight{\n      background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n      background-clip:text;\n      font-weight:950;\n    }\n\n    #oba-project-hero .lead{\n      font-size:clamp(16px,1.45vw,20px);\n      line-height:1.75;\n      color:rgba(255,255,255,.95);\n      max-width:72ch;\n      margin:0 0 32px;\n      text-shadow:0 4px 16px rgba(0,0,0,.4);\n      font-weight:500;\n    }\n\n    #oba-project-hero .lead strong{\n      font-weight:850;\n      color:#fff;\n    }\n\n    \/* CTA *\/\n    #oba-project-hero .hero-cta{\n      display:flex;\n      align-items:center;\n      gap:16px;\n      flex-wrap:wrap;\n    }\n\n    #oba-project-hero .btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      height:52px;\n      padding:0 32px;\n      font-size:15px;\n      font-weight:900;\n      text-decoration:none;\n      border-radius:12px;\n      transition:all .3s cubic-bezier(.4,0,.2,1);\n      letter-spacing:-.2px;\n    }\n\n    #oba-project-hero .btn-primary{\n      background:linear-gradient(135deg, var(--gold) 0%, var(--gold2) 100%);\n      color:#fff;\n      border:2px solid transparent;\n      box-shadow:0 8px 24px rgba(191,160,70,.35);\n    }\n\n    #oba-project-hero .btn-primary:hover{\n      transform:translateY(-3px);\n      box-shadow:0 12px 32px rgba(191,160,70,.45);\n    }\n\n    #oba-project-hero .btn-secondary{\n      background:rgba(255,255,255,.12);\n      color:#fff;\n      border:2px solid rgba(255,255,255,.30);\n      backdrop-filter:blur(10px);\n    }\n\n    #oba-project-hero .btn-secondary:hover{\n      background:rgba(255,255,255,.20);\n      border-color:rgba(255,255,255,.50);\n    }\n\n    \/* BENEFITS BAR *\/\n    #oba-project-hero .benefits-bar{\n      background:linear-gradient(180deg, rgba(0,0,0,.94), rgba(11,14,20,.97));\n      border-top:1px solid rgba(191,160,70,.2);\n      position:relative;\n      z-index:3;\n      backdrop-filter:blur(20px);\n    }\n\n    #oba-project-hero .benefits-bar::before{\n      content:\"\";\n      position:absolute;\n      top:0;\n      left:0;\n      right:0;\n      height:1px;\n      background:linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);\n      opacity:.4;\n    }\n\n    #oba-project-hero .benefits{\n      width:min(1320px,92vw);\n      margin:0 auto;\n      padding:clamp(24px,3vw,32px) 0;\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      gap:20px;\n    }\n\n    #oba-project-hero .bcard{\n      padding:24px;\n      border-radius:16px;\n      background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);\n      border:1px solid rgba(191,160,70,.2);\n      box-shadow:0 8px 32px rgba(0,0,0,.3);\n      transition:all .3s ease;\n      position:relative;\n      overflow:hidden;\n    }\n\n    #oba-project-hero .bcard::before{\n      content:\"\";\n      position:absolute;\n      top:0;\n      left:0;\n      right:0;\n      height:3px;\n      background:linear-gradient(90deg, var(--gold) 0%, var(--gold-light) 100%);\n      transform:scaleX(0);\n      transform-origin:left;\n      transition:transform .3s ease;\n    }\n\n    #oba-project-hero .bcard:hover{\n      transform:translateY(-4px);\n      border-color:var(--gold);\n      background:linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.08) 100%);\n    }\n\n    #oba-project-hero .bcard:hover::before{\n      transform:scaleX(1);\n    }\n\n    #oba-project-hero .bicon{\n      width:40px;\n      height:40px;\n      background:#fff;\n      border:2px solid var(--gold);\n      border-radius:10px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      font-size:20px;\n      margin-bottom:14px;\n      box-shadow:0 4px 16px rgba(0,0,0,.2);\n    }\n\n    #oba-project-hero .btitle{\n      font-size:16px;\n      font-weight:900;\n      margin:0 0 8px;\n      color:#fff;\n      letter-spacing:-.2px;\n    }\n\n    #oba-project-hero .bdesc{\n      font-size:14px;\n      line-height:1.6;\n      color:rgba(255,255,255,.85);\n      margin:0;\n      font-weight:500;\n    }\n\n    @media(max-width:980px){\n      #oba-project-hero .benefits{grid-template-columns:repeat(2,1fr);}\n      #oba-project-hero .hero-cta{\n        flex-direction:column;\n        align-items:stretch;\n      }\n      #oba-project-hero .btn{width:100%;}\n    }\n\n    @media(max-width:560px){\n      #oba-project-hero .wrap{padding:80px 0 40px;}\n      #oba-project-hero .benefits{grid-template-columns:1fr;gap:16px;}\n      #oba-project-hero .bcard{padding:20px;}\n      #oba-project-hero h1{font-size:32px;}\n    }\n  <\/style>\n\n  <div class=\"frame\">\n    <div class=\"media\" aria-hidden=\"true\">\n      <img\n        src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/sebes_bogdan-3.jpg\"\n        alt=\"O.B.A. Inovator Sebe\u0219 \u2013 proiect reziden\u021bial modern cu apartamente noi, arhitectur\u0103 contemporan\u0103 \u0219i spa\u021bii g\u00e2ndite pentru locuire confortabil\u0103\"\n        width=\"1920\"\n        height=\"1080\"\n        loading=\"eager\"\n        decoding=\"async\"\n        fetchpriority=\"high\">\n\n      <div class=\"wrap\">\n        <div class=\"content\">\n          <div class=\"badge\">Proiect reziden\u021bial \u2022 Sebe\u0219<\/div>\n\n          <h1 id=\"project-hero-title\">\n            <span class=\"highlight\">O.B.A. Inovator Sebe\u0219<\/span><br>\n            apartamente moderne \u00eentr-un proiect g\u00e2ndit pentru confort real\n          <\/h1>\n\n          <p class=\"lead\">\n            <strong>O.B.A. Inovator Sebe\u0219<\/strong> este un proiect reziden\u021bial nou, creat pentru cei care caut\u0103\n            <strong>apartamente bine compartimentate<\/strong>, un design actual \u0219i un cadru urban potrivit pentru\n            <strong>locuire pe termen lung<\/strong> sau pentru <strong>investi\u021bie imobiliar\u0103<\/strong>. Arhitectura modern\u0103,\n            finisajele atent alese \u0219i atmosfera echilibrat\u0103 transform\u0103 acest ansamblu \u00eentr-o alegere fireasc\u0103 pentru\n            cei care vor mai mult dec\u00e2t un simplu apartament.\n          <\/p>\n\n          <div class=\"hero-cta\">\n            <a href=\"#oba-apartments\" class=\"btn btn-primary\">Vezi apartamentele<\/a>\n            <a href=\"#oba-cta\" class=\"btn btn-secondary\">Solicit\u0103 informa\u021bii<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"benefits-bar\">\n      <div class=\"benefits\">\n        <div class=\"bcard\">\n          <div class=\"bicon\">\ud83c\udfe2<\/div>\n          <p class=\"btitle\">Arhitectur\u0103 modern\u0103<\/p>\n          <p class=\"bdesc\">Un proiect cu imagine contemporan\u0103, linii curate \u0219i o prezen\u021b\u0103 vizual\u0103 premium.<\/p>\n        <\/div>\n\n        <div class=\"bcard\">\n          <div class=\"bicon\">\ud83d\udecb\ufe0f<\/div>\n          <p class=\"btitle\">Compartiment\u0103ri eficiente<\/p>\n          <p class=\"bdesc\">Spa\u021bii interioare g\u00e2ndite logic pentru confort zilnic, func\u021bionalitate \u0219i lumin\u0103 natural\u0103.<\/p>\n        <\/div>\n\n        <div class=\"bcard\">\n          <div class=\"bicon\">\ud83d\udccd<\/div>\n          <p class=\"btitle\">Pozi\u021bionare potrivit\u0103 pentru locuire<\/p>\n          <p class=\"bdesc\">Un proiect potrivit pentru via\u021ba de zi cu zi, cu acces facil c\u0103tre punctele importante din ora\u0219.<\/p>\n        <\/div>\n\n        <div class=\"bcard\">\n          <div class=\"bicon\">\ud83d\udcc8<\/div>\n          <p class=\"btitle\">Alegere bun\u0103 pentru investi\u021bie<\/p>\n          <p class=\"bdesc\">Un ansamblu nou, cu poten\u021bial bun pentru achizi\u021bie personal\u0103 sau pentru valorificare \u00een timp.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n<!-- ================== \/OBA \u2014 PROJECT HERO (O.B.A. Inovator Sebe\u0219) ================== -->\n\n\n\n<!-- ================== OBA \u2014 DESPRE PROIECT (O.B.A. Inovator Sebe\u0219) ================== -->\n<section id=\"oba-inovator-about\" aria-label=\"O.B.A. Inovator Sebe\u0219 \u2013 proiect reziden\u021bial modern cu apartamente noi \u00een Sebe\u0219\">\n  <style>\n    #oba-inovator-about{\n      --gold:#bfa046;\n      --gold-light:#d4b872;\n      --gold-dark:#9f8438;\n      --ink:#0b0e14;\n      --muted:#5b6472;\n      --line:rgba(191,160,70,.15);\n      --bg:#ffffff;\n      --soft:#fafbfc;\n\n      font-family:'Inter',system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;\n      color:var(--ink);\n      width:100%;\n      margin:0;\n      background:linear-gradient(135deg, #fafbfc 0%, #ffffff 100%);\n      position:relative;\n      overflow:hidden;\n      overflow-x:clip;\n      isolation:isolate;\n    }\n\n    #oba-inovator-about::before{\n      content:\"\";\n      position:absolute;\n      top:-140px;\n      right:-140px;\n      width:420px;\n      height:420px;\n      background:radial-gradient(circle, rgba(191,160,70,.08) 0%, transparent 70%);\n      border-radius:50%;\n      pointer-events:none;\n      opacity:.9;\n      transform:translateZ(0);\n    }\n\n    #oba-inovator-about::after{\n      content:\"\";\n      position:absolute;\n      bottom:-180px;\n      left:-180px;\n      width:520px;\n      height:520px;\n      background:radial-gradient(circle, rgba(191,160,70,.06) 0%, transparent 70%);\n      border-radius:50%;\n      pointer-events:none;\n      opacity:.9;\n      transform:translateZ(0);\n    }\n\n    #oba-inovator-about .oba-wrap{\n      max-width:1240px;\n      margin:0 auto;\n      padding:clamp(40px,6vw,80px) clamp(18px,3vw,40px);\n      position:relative;\n      z-index:1;\n    }\n\n    #oba-inovator-about .oba-header{\n      text-align:center;\n      max-width:980px;\n      margin:0 auto 44px;\n    }\n\n    #oba-inovator-about .oba-badge{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n      color:#fff;\n      font-size:11px;\n      font-weight:850;\n      text-transform:uppercase;\n      letter-spacing:1.2px;\n      padding:8px 18px;\n      border-radius:999px;\n      margin-bottom:18px;\n      box-shadow:0 4px 12px rgba(191,160,70,.22);\n      border:1px solid rgba(255,255,255,.22);\n    }\n\n    #oba-inovator-about .oba-badge::before{\n      content:\"\u25c6\";\n      font-size:8px;\n    }\n\n    #oba-inovator-about .oba-title{\n      margin:0 0 14px;\n      font-size:clamp(26px,3.6vw,42px);\n      font-weight:950;\n      line-height:1.14;\n      letter-spacing:-.55px;\n      background:linear-gradient(135deg, var(--ink) 0%, #2a2e36 100%);\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n      background-clip:text;\n    }\n\n    #oba-inovator-about .oba-lead{\n      margin:0 auto;\n      color:var(--muted);\n      font-size:clamp(15px,1.65vw,18px);\n      font-weight:600;\n      line-height:1.75;\n      max-width:86ch;\n    }\n\n    #oba-inovator-about .oba-lead strong{\n      color:var(--ink);\n      font-weight:900;\n    }\n\n    #oba-inovator-about .oba-grid{\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\n      gap:18px;\n      margin-bottom:26px;\n    }\n\n    #oba-inovator-about .oba-card{\n      background:var(--bg);\n      border:1px solid var(--line);\n      border-radius:18px;\n      padding:28px;\n      box-shadow:0 8px 22px rgba(11,14,20,.06);\n      position:relative;\n      overflow:hidden;\n      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;\n      will-change:transform;\n    }\n\n    #oba-inovator-about .oba-card::before{\n      content:\"\";\n      position:absolute;\n      top:0;\n      left:0;\n      right:0;\n      height:4px;\n      background:linear-gradient(90deg, var(--gold) 0%, var(--gold-light) 100%);\n      transform:scaleX(0);\n      transform-origin:left;\n      transition:transform .22s ease;\n    }\n\n    #oba-inovator-about .oba-card:hover{\n      transform:translateY(-3px);\n      box-shadow:0 14px 34px rgba(11,14,20,.10);\n      border-color:rgba(191,160,70,.40);\n      background:linear-gradient(180deg,#fff,rgba(250,251,252,.95));\n    }\n\n    #oba-inovator-about .oba-card:hover::before{\n      transform:scaleX(1);\n    }\n\n    #oba-inovator-about .oba-card-icon{\n      width:54px;\n      height:54px;\n      background:transparent;\n      border:2.5px solid var(--gold);\n      border-radius:16px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      font-size:26px;\n      margin-bottom:16px;\n      transition:transform .22s ease, border-color .22s ease;\n    }\n\n    #oba-inovator-about .oba-card:hover .oba-card-icon{\n      border-color:var(--gold-dark);\n      transform:rotate(4deg);\n    }\n\n    #oba-inovator-about .oba-card-title{\n      margin:0 0 10px;\n      font-size:clamp(17px,1.6vw,21px);\n      font-weight:950;\n      line-height:1.25;\n      letter-spacing:-.25px;\n      color:var(--ink);\n    }\n\n    #oba-inovator-about .oba-card-text{\n      margin:0;\n      font-size:14.5px;\n      line-height:1.7;\n      color:rgba(11,14,20,.78);\n      font-weight:600;\n    }\n\n    #oba-inovator-about .oba-card-text strong{\n      color:var(--ink);\n      font-weight:900;\n    }\n\n    #oba-inovator-about .oba-main-card{\n      background:#fff;\n      border:1px solid var(--line);\n      border-radius:22px;\n      padding:clamp(28px,3.8vw,44px);\n      box-shadow:0 12px 30px rgba(11,14,20,.08);\n      position:relative;\n      overflow:hidden;\n    }\n\n    #oba-inovator-about .oba-main-card::before{\n      content:\"\";\n      position:absolute;\n      top:-55%;\n      right:-6%;\n      width:320px;\n      height:320px;\n      background:radial-gradient(circle, rgba(191,160,70,.06) 0%, transparent 70%);\n      border-radius:50%;\n      pointer-events:none;\n      opacity:.9;\n      transform:translateZ(0);\n    }\n\n    #oba-inovator-about .oba-content{\n      position:relative;\n      z-index:1;\n    }\n\n    #oba-inovator-about .oba-content-title{\n      margin:0 0 18px;\n      font-size:clamp(20px,2.3vw,30px);\n      font-weight:950;\n      line-height:1.22;\n      color:var(--ink);\n      letter-spacing:-.35px;\n      display:flex;\n      align-items:center;\n      gap:14px;\n    }\n\n    #oba-inovator-about .oba-content-title::before{\n      content:\"\";\n      width:6px;\n      height:1.25em;\n      background:linear-gradient(180deg,var(--gold),var(--gold-dark));\n      border-radius:10px;\n      flex:0 0 auto;\n    }\n\n    #oba-inovator-about .oba-text-grid{\n      display:grid;\n      gap:16px;\n    }\n\n    #oba-inovator-about .oba-text-grid p{\n      margin:0;\n      font-size:15.2px;\n      line-height:1.85;\n      color:rgba(11,14,20,.86);\n      font-weight:600;\n    }\n\n    #oba-inovator-about .oba-text-grid strong{\n      color:var(--ink);\n      font-weight:950;\n    }\n\n    #oba-inovator-about .oba-chips{\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      gap:12px;\n      margin-top:26px;\n      padding-top:22px;\n      border-top:1px solid rgba(191,160,70,.12);\n    }\n\n    #oba-inovator-about .oba-chip{\n      background:linear-gradient(135deg, var(--soft) 0%, #ffffff 100%);\n      border:1.5px solid var(--line);\n      color:rgba(11,14,20,.9);\n      font-size:14px;\n      font-weight:750;\n      padding:14px 16px;\n      border-radius:12px;\n      line-height:1.4;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;\n      display:flex;\n      align-items:center;\n      gap:10px;\n      box-shadow:0 2px 8px rgba(11,14,20,.04);\n      will-change:transform;\n    }\n\n    #oba-inovator-about .oba-chip:hover{\n      background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);\n      border-color:rgba(191,160,70,.55);\n      color:#fff;\n      transform:translateY(-2px);\n      box-shadow:0 8px 18px rgba(191,160,70,.18);\n    }\n\n    #oba-inovator-about .oba-chip::before{\n      content:\"\u2726\";\n      font-size:12px;\n      opacity:.75;\n      flex-shrink:0;\n    }\n\n    #oba-inovator-about .oba-chip b{\n      font-weight:950;\n    }\n\n    #oba-inovator-about .oba-stats{\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(200px,1fr));\n      gap:1px;\n      background:var(--line);\n      border-radius:16px;\n      overflow:hidden;\n      margin-top:26px;\n    }\n\n    #oba-inovator-about .oba-stat{\n      background:#fff;\n      padding:22px;\n      text-align:center;\n    }\n\n    #oba-inovator-about .oba-stat-value{\n      display:block;\n      font-size:clamp(22px,2.7vw,34px);\n      font-weight:950;\n      background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n      background-clip:text;\n      margin-bottom:6px;\n      letter-spacing:-.5px;\n    }\n\n    #oba-inovator-about .oba-stat-label{\n      font-size:12px;\n      font-weight:800;\n      color:var(--muted);\n      text-transform:uppercase;\n      letter-spacing:.5px;\n    }\n\n    @media (max-width:768px){\n      #oba-inovator-about .oba-grid{ grid-template-columns:1fr; }\n      #oba-inovator-about .oba-chips{ grid-template-columns:repeat(2,1fr); }\n      #oba-inovator-about .oba-card{ padding:22px; }\n      #oba-inovator-about .oba-main-card{ border-radius:20px; }\n    }\n\n    @media (max-width:480px){\n      #oba-inovator-about .oba-chips{ grid-template-columns:1fr; }\n      #oba-inovator-about .oba-lead{ font-weight:650; }\n      #oba-inovator-about .oba-text-grid p{ font-size:14.6px; }\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      #oba-inovator-about .oba-card,\n      #oba-inovator-about .oba-card::before,\n      #oba-inovator-about .oba-card-icon,\n      #oba-inovator-about .oba-chip{\n        transition:none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"oba-wrap\">\n    <div class=\"oba-header\">\n      <div class=\"oba-badge\">Proiect reziden\u021bial \u2022 Sebe\u0219<\/div>\n      <h2 class=\"oba-title\">O.B.A. Inovator Sebe\u0219 \u2013 apartamente noi \u00eentr-un proiect modern \u0219i bine g\u00e2ndit<\/h2>\n      <p class=\"oba-lead\">\n        <strong>O.B.A. Inovator Sebe\u0219<\/strong> este un proiect reziden\u021bial creat pentru cei care caut\u0103\n        <strong>apartamente moderne \u00een Sebe\u0219<\/strong>, cu accent pe <strong>compartimentare eficient\u0103<\/strong>,\n        <strong>design actual<\/strong> \u0219i o experien\u021b\u0103 de locuire potrivit\u0103 pentru via\u021ba de zi cu zi.\n        Este genul de ansamblu care r\u0103spunde at\u00e2t nevoilor unei familii, c\u00e2t \u0219i cerin\u021belor unei\n        <strong>investi\u021bii imobiliare bine alese<\/strong>.\n      <\/p>\n    <\/div>\n\n    <div class=\"oba-grid\">\n      <div class=\"oba-card\">\n        <div class=\"oba-card-icon\">\ud83c\udfe2<\/div>\n        <h3 class=\"oba-card-title\">Arhitectur\u0103 modern\u0103 \u0219i imagine premium<\/h3>\n        <p class=\"oba-card-text\">\n          Proiectul propune o <strong>arhitectur\u0103 contemporan\u0103<\/strong>, cu linii curate \u0219i un aspect elegant,\n          potrivit pentru un ansamblu reziden\u021bial nou \u0219i relevant pe termen lung.\n        <\/p>\n      <\/div>\n\n      <div class=\"oba-card\">\n        <div class=\"oba-card-icon\">\ud83d\udecb\ufe0f<\/div>\n        <h3 class=\"oba-card-title\">Apartamente g\u00e2ndite pentru confort real<\/h3>\n        <p class=\"oba-card-text\">\n          Spa\u021biile sunt proiectate logic, cu <strong>compartiment\u0103ri eficiente<\/strong>, zone de zi bine definite\n          \u0219i interioare care pot fi mobilate u\u0219or \u0219i practic.\n        <\/p>\n      <\/div>\n\n      <div class=\"oba-card\">\n        <div class=\"oba-card-icon\">\ud83d\udccd<\/div>\n        <h3 class=\"oba-card-title\">Locuire urban\u0103 potrivit\u0103 pentru Sebe\u0219<\/h3>\n        <p class=\"oba-card-text\">\n          <strong>O.B.A. Inovator Sebe\u0219<\/strong> este g\u00e2ndit pentru un stil de via\u021b\u0103 urban echilibrat,\n          cu acces firesc c\u0103tre punctele importante din ora\u0219 \u0219i cu un plus de confort pentru locuire permanent\u0103.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"oba-main-card\">\n      <div class=\"oba-content\">\n        <h3 class=\"oba-content-title\">Despre proiectul O.B.A. Inovator Sebe\u0219<\/h3>\n\n        <div class=\"oba-text-grid\">\n          <p>\n            <strong>O.B.A. Inovator Sebe\u0219<\/strong> este un proiect reziden\u021bial nou, conceput pentru cei care caut\u0103\n            mai mult dec\u00e2t un simplu apartament. Totul porne\u0219te de la ideea de <strong>locuire practic\u0103<\/strong>,\n            dar bine prezentat\u0103 estetic, \u00eentr-un ansamblu care transmite echilibru, ordine \u0219i calitate.\n          <\/p>\n\n          <p>\n            Unul dintre punctele forte ale proiectului este modul \u00een care sunt g\u00e2ndite spa\u021biile interioare.\n            \u00centr-un apartament bun, nu conteaz\u0103 doar suprafa\u021ba, ci \u0219i felul \u00een care este distribuit\u0103.\n            De aceea, proiectul pune accent pe <strong>compartiment\u0103ri eficiente<\/strong>, lumin\u0103 natural\u0103\n            \u0219i o organizare clar\u0103 \u00eentre zona de zi \u0219i zona privat\u0103.\n          <\/p>\n\n          <p>\n            Dincolo de partea estetic\u0103, <strong>O.B.A. Inovator Sebe\u0219<\/strong> este o alegere logic\u0103 \u0219i pentru\n            cei care urm\u0103resc o <strong>investi\u021bie imobiliar\u0103<\/strong>. Proiectele noi, bine pozi\u021bionate \u0219i bine\n            construite, r\u0103m\u00e2n atractive \u00een timp, at\u00e2t pentru cump\u0103rare direct\u0103, c\u00e2t \u0219i pentru valorificare ulterioar\u0103.\n          <\/p>\n\n          <p>\n            Ansamblul se adreseaz\u0103 celor care vor s\u0103 locuiasc\u0103 \u00eentr-un spa\u021biu actual, curat \u0219i bine organizat,\n            dar \u0219i celor care caut\u0103 un proiect cu imagine solid\u0103 \u00een pia\u021b\u0103. Prin arhitectur\u0103, func\u021bionalitate \u0219i\n            atmosfer\u0103, <strong>O.B.A. Inovator Sebe\u0219<\/strong> se pozi\u021bioneaz\u0103 ca o op\u021biune foarte bun\u0103 pentru\n            locuire modern\u0103 \u00een <strong>Sebe\u0219<\/strong>.\n          <\/p>\n        <\/div>\n\n        <div class=\"oba-chips\" aria-label=\"Detalii rapide proiect\">\n          <span class=\"oba-chip\"><b>Loca\u021bie:<\/b> Sebe\u0219<\/span>\n          <span class=\"oba-chip\"><b>Tip proiect:<\/b> reziden\u021bial<\/span>\n          <span class=\"oba-chip\"><b>Concept:<\/b> modern<\/span>\n          <span class=\"oba-chip\"><b>Destina\u021bie:<\/b> locuire &amp; investi\u021bie<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"oba-stats\" aria-label=\"Rezumat proiect\">\n      <div class=\"oba-stat\">\n        <span class=\"oba-stat-value\">Sebe\u0219<\/span>\n        <span class=\"oba-stat-label\">Ora\u0219 proiect<\/span>\n      <\/div>\n      <div class=\"oba-stat\">\n        <span class=\"oba-stat-value\">Nou<\/span>\n        <span class=\"oba-stat-label\">Tip ansamblu<\/span>\n      <\/div>\n      <div class=\"oba-stat\">\n        <span class=\"oba-stat-value\">Modern<\/span>\n        <span class=\"oba-stat-label\">Concept reziden\u021bial<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ================== \/OBA \u2014 DESPRE PROIECT (O.B.A. Inovator Sebe\u0219) ================== -->\n\n\n\n<!-- ================== OBA \u2014 GALERIE SEO (ACCORDION FLEX SAFE) \u2014 O.B.A. Inovator Sebe\u0219 ================== -->\n<section id=\"oba-accordion-gallery\" aria-label=\"Galerie foto O.B.A. Inovator Sebe\u0219 \u2013 proiect reziden\u021bial modern\">\n  <style>\n    #oba-accordion-gallery{\n      --gold:#bfa046;\n      --gold2:#9f8438;\n      --ink:#0b0e14;\n      --muted:#5b6472;\n      font-family:Inter,system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;\n      color:var(--ink);\n    }\n    #oba-accordion-gallery, #oba-accordion-gallery *{ box-sizing:border-box; }\n\n    #oba-accordion-gallery .wrap{ width:100%; max-width:100%; margin:0; padding:0; overflow:hidden; }\n\n    #oba-accordion-gallery .seo{ max-width:100%; margin:0; padding:0 0 14px 0; text-align:left; }\n    #oba-accordion-gallery .kicker{\n      display:flex; align-items:center; gap:12px;\n      font-size:12px; font-weight:950; letter-spacing:.14em; text-transform:uppercase;\n      color:rgba(11,14,20,.70); margin:0 0 10px;\n    }\n    #oba-accordion-gallery .kicker i{\n      width:54px;height:2px;border-radius:999px;\n      background:linear-gradient(90deg,var(--gold),var(--gold2));\n      display:inline-block;\n    }\n    #oba-accordion-gallery .seo h2{\n      margin:0 0 10px;\n      font-size:clamp(20px,2.2vw,30px);\n      font-weight:980; letter-spacing:-.3px; line-height:1.14;\n    }\n    #oba-accordion-gallery .seo p{\n      margin:0;\n      color:var(--muted);\n      font-size:14.5px; font-weight:800; line-height:1.8;\n      max-width:92ch;\n    }\n\n    #oba-accordion-gallery .accordion{\n      display:flex;\n      width:100%;\n      max-width:100%;\n      overflow:hidden;\n      background:#0b0e14;\n      contain:layout paint size;\n      aspect-ratio:16 \/ 7;\n      min-height:360px;\n      max-height:520px;\n    }\n\n    #oba-accordion-gallery .accordion .item{\n      flex:1 1 0%;\n      flex-basis:0%;\n      min-width:0;\n      position:relative;\n      overflow:hidden;\n      background-repeat:no-repeat;\n      background-position:center;\n      background-size:cover;\n      transition:flex-basis 380ms ease;\n      will-change:flex-basis;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      #oba-accordion-gallery .accordion .item:hover{ flex-basis:45%; }\n    }\n\n    #oba-accordion-gallery .overlay{\n      position:absolute; inset:0;\n      display:flex; align-items:flex-end;\n      padding:18px;\n      background:linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.82) 100%);\n    }\n\n    #oba-accordion-gallery .overlay-inner{\n      width:100%; color:#fff;\n      opacity:.92;\n      transform:translateY(6px);\n      transition:transform 200ms ease, opacity 200ms ease;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      #oba-accordion-gallery .item:hover .overlay-inner{ transform:translateY(0); opacity:1; }\n    }\n\n    #oba-accordion-gallery .overlay-inner h3{\n      margin:0 0 6px;\n      font-size:clamp(15px,1.25vw,20px);\n      font-weight:950; letter-spacing:-.2px; line-height:1.12;\n      text-shadow:0 10px 24px rgba(0,0,0,.40);\n    }\n\n    #oba-accordion-gallery .overlay-inner p{\n      margin:0;\n      font-size:12px; font-weight:750; line-height:1.45;\n      color:rgba(255,255,255,.86);\n      text-shadow:0 10px 24px rgba(0,0,0,.38);\n      display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;\n    }\n\n    #oba-accordion-gallery .sr-only{\n      position:absolute !important;\n      width:1px;height:1px;padding:0;margin:-1px;\n      overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;\n    }\n\n    @media (max-width:900px){\n      #oba-accordion-gallery .accordion{\n        aspect-ratio:auto;\n        height:360px;\n        overflow-x:auto;\n        overflow-y:hidden;\n        scroll-snap-type:x mandatory;\n        -webkit-overflow-scrolling:touch;\n        contain:layout paint;\n      }\n      #oba-accordion-gallery .accordion .item{\n        flex:0 0 86%;\n        transition:none;\n        will-change:auto;\n        background-size:contain;\n        background-color:#0b0e14;\n        scroll-snap-align:start;\n      }\n      #oba-accordion-gallery .overlay{ padding:16px; }\n      #oba-accordion-gallery .overlay-inner{ transform:none; opacity:1; }\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      #oba-accordion-gallery .accordion .item{ transition:none; }\n      #oba-accordion-gallery .overlay-inner{ transition:none; }\n    }\n  <\/style>\n\n  <div class=\"wrap\">\n    <div class=\"seo\">\n      <div class=\"kicker\"><i><\/i> Galerie foto \u2022 O.B.A. Inovator Sebe\u0219<\/div>\n      <h2>O.B.A. Inovator Sebe\u0219 \u2013 imagini din proiectul reziden\u021bial<\/h2>\n      <p>\n        Galerie foto pentru <b>O.B.A. Inovator Sebe\u0219<\/b> \u2013 proiect reziden\u021bial modern, cu <b>arhitectur\u0103 contemporan\u0103<\/b>,\n        <b>volumetrie elegant\u0103<\/b> \u0219i apartamente g\u00e2ndite pentru <b>locuire confortabil\u0103<\/b> sau <b>investi\u021bie imobiliar\u0103<\/b>\n        \u00een Sebe\u0219.\n      <\/p>\n    <\/div>\n\n    <div class=\"accordion\" role=\"list\" aria-label=\"Galerie imagini O.B.A. Inovator Sebe\u0219\">\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/sebes_bogdan-3.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Imagine de ansamblu \u2013 O.B.A. Inovator Sebe\u0219<\/h3>\n          <p>Perspectiv\u0103 ampl\u0103 asupra proiectului \u0219i a arhitecturii sale moderne.<\/p>\n          <span class=\"sr-only\">O.B.A. Inovator Sebe\u0219, vedere general\u0103 a proiectului reziden\u021bial<\/span>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/1_3-Photo.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Fa\u021bade moderne \u0219i linii curate<\/h3>\n          <p>Un proiect cu imagine actual\u0103, bine propor\u021bionat\u0103 \u0219i elegant\u0103.<\/p>\n          <span class=\"sr-only\">O.B.A. Inovator Sebe\u0219, fa\u021bade moderne \u0219i design contemporan<\/span>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/1_4-Photo.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Detalii de arhitectur\u0103 \u0219i compozi\u021bie<\/h3>\n          <p>Volume bine echilibrate \u0219i o estetic\u0103 premium potrivit\u0103 pentru locuire modern\u0103.<\/p>\n          <span class=\"sr-only\">O.B.A. Inovator Sebe\u0219, detalii de arhitectur\u0103 \u0219i imagine premium<\/span>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/1_3-Photo.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Cadru exterior din proiect<\/h3>\n          <p>Randare reprezentativ\u0103 pentru stilul \u0219i prezen\u021ba vizual\u0103 a ansamblului.<\/p>\n          <span class=\"sr-only\">O.B.A. Inovator Sebe\u0219, cadru exterior din proiectul reziden\u021bial<\/span>\n        <\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <img src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/1_4-Photo.jpg\"\n         alt=\"O.B.A. Inovator Sebe\u0219, imagine reprezentativ\u0103 din proiectul reziden\u021bial modern\"\n         width=\"1600\" height=\"900\" loading=\"lazy\" decoding=\"async\"\n         style=\"position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;\" aria-hidden=\"true\">\n  <\/div>\n<\/section>\n<!-- ================== \/OBA \u2014 GALERIE SEO (ACCORDION FLEX SAFE) \u2014 O.B.A. Inovator Sebe\u0219 ================== -->\n\n\n\n<!-- ================== OBA \u2014 CTA PREMIUM ================== --> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\"> <section id=\"oba-cta\" aria-labelledby=\"oba-cta-title\"> <style> #oba-cta { --gold: #C4973A; --gold2: #9f8438; --gold-dim: rgba(196,151,58,0.10); --gold-border: rgba(196,151,58,0.22); --ink: #0E0E0E; --ink-soft: #1C1C1E; --muted: #6B6B6B; --line: rgba(255,255,255,0.09); --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'DM Sans', system-ui, sans-serif; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; background: #0D0F14; position: relative; overflow: hidden; } #oba-cta * { box-sizing: border-box; margin: 0; padding: 0; } #oba-cta a { text-decoration: none; color: inherit; } #oba-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(900px 600px at 10% 40%, rgba(196,151,58,0.09), transparent 55%), radial-gradient(700px 500px at 90% 20%, rgba(196,151,58,0.05), transparent 55%); pointer-events: none; } #oba-cta::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(196,151,58,0.5) 40%, rgba(196,151,58,0.15) 100%); } #oba-cta .wrap { position: relative; z-index: 1; width: min(1280px, 92vw); margin: 0 auto; padding: clamp(64px, 8vw, 110px) 0; } \/* ===== LAYOUT GRID ===== *\/ #oba-cta .grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(460px, 520px); gap: clamp(40px, 5vw, 84px); align-items: start; } \/* ===== ST\u00c2NGA ===== *\/ #oba-cta .eyebrow { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } #oba-cta .eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--gold); flex-shrink: 0; } #oba-cta .eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 3px rgba(196,151,58,0.2); animation: obaPulse 2.4s ease infinite; display: inline-block; flex-shrink: 0; } @keyframes obaPulse { 0%, 100% { opacity: 1; box-shadow: 0 0 0 3px rgba(196,151,58,0.2); } 50% { opacity: 0.7; box-shadow: 0 0 0 6px rgba(196,151,58,0.08); } } #oba-cta h2 { font-family: var(--serif); font-size: clamp(34px, 3.6vw, 56px); font-weight: 400; line-height: 1.08; letter-spacing: -0.02em; color: #ffffff; margin-bottom: 24px; text-wrap: balance; max-width: 16ch; } #oba-cta h2 em { font-style: italic; color: var(--gold); } #oba-cta .lead { font-family: var(--sans); font-size: 15.5px; line-height: 1.8; color: rgba(255,255,255,0.58); font-weight: 300; max-width: 56ch; margin-bottom: 44px; } #oba-cta .lead strong { color: rgba(255,255,255,0.88); font-weight: 500; } \/* ===== MINI CARDS ===== *\/ #oba-cta .mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 40px; } #oba-cta .mini-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: rgba(255,255,255,0.04); border: 1px solid var(--line); border-radius: 14px; transition: background 0.2s, border-color 0.2s; } #oba-cta .mini-card:hover { background: rgba(255,255,255,0.07); border-color: var(--gold-border); } #oba-cta .mini-ico { width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: var(--gold-dim); border: 1px solid var(--gold-border); display: flex; align-items: center; justify-content: center; color: var(--gold); margin-top: 1px; } #oba-cta .mini-ico svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; } #oba-cta .mini-card b { display: block; font-family: var(--sans); font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 3px; line-height: 1.3; } #oba-cta .mini-card span { font-family: var(--sans); font-size: 12.5px; color: rgba(255,255,255,0.42); font-weight: 300; line-height: 1.5; } \/* ===== BUTOANE ===== *\/ #oba-cta .actions { display: flex; gap: 12px; flex-wrap: wrap; } #oba-cta .btn { display: inline-flex; align-items: center; gap: 9px; padding: 14px 26px; border-radius: 10px; font-family: var(--sans); font-size: 13.5px; font-weight: 500; letter-spacing: 0.01em; border: 1.5px solid transparent; cursor: pointer; transition: all 0.22s ease; white-space: nowrap; } #oba-cta .btn svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; transition: transform 0.22s ease; } #oba-cta .btn:hover svg { transform: translateX(3px); } #oba-cta .btn-primary { background: linear-gradient(135deg, var(--gold), var(--gold2)); color: #0E0E0E; font-weight: 600; border-color: transparent; } #oba-cta .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(196,151,58,0.28); } #oba-cta .btn-ghost { background: transparent; color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.15); } #oba-cta .btn-ghost:hover { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.95); border-color: rgba(255,255,255,0.25); } \/* ===== DREAPTA \u2014 FORM CARD ===== *\/ #oba-cta .form-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 22px; overflow: hidden; position: relative; backdrop-filter: blur(12px); box-shadow: 0 18px 60px rgba(0,0,0,0.22); } #oba-cta .form-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--gold), rgba(196,151,58,0.3)); } #oba-cta .form-head { padding: 24px 26px 20px; border-bottom: 1px solid rgba(255,255,255,0.07); display: flex; align-items: center; justify-content: space-between; gap: 14px; } #oba-cta .form-title { font-family: var(--serif); font-size: 24px; font-weight: 600; color: #fff; letter-spacing: -0.01em; line-height: 1.15; } #oba-cta .form-sub { font-family: var(--sans); font-size: 13px; color: rgba(255,255,255,0.44); font-weight: 300; margin-top: 4px; line-height: 1.5; } #oba-cta .form-badge { display: inline-flex; align-items: center; gap: 6px; font-family: var(--sans); font-size: 11px; font-weight: 500; color: var(--gold); background: var(--gold-dim); border: 1px solid var(--gold-border); border-radius: 999px; padding: 7px 13px; white-space: nowrap; flex-shrink: 0; } #oba-cta .form-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); animation: obaPulse 2.4s ease infinite; } #oba-cta .form-body { padding: 24px; } #oba-cta .wpforms-wrap { min-height: 500px; } \/* ===== WPFORMS TUNING ===== *\/ #oba-cta .wpforms-container, #oba-cta .wpforms-form, #oba-cta .wpforms-field-container, #oba-cta .wpforms-wrap { width: 100% !important; max-width: 100% !important; } #oba-cta .wpforms-container-full { margin: 0 !important; } #oba-cta .wpforms-field { padding: 0 !important; margin-bottom: 14px !important; } #oba-cta .wpforms-field label { display: block !important; margin-bottom: 8px !important; color: rgba(255,255,255,0.78) !important; font-family: var(--sans) !important; font-size: 13px !important; font-weight: 400 !important; } #oba-cta .wpforms-field input[type=\"text\"], #oba-cta .wpforms-field input[type=\"email\"], #oba-cta .wpforms-field input[type=\"tel\"], #oba-cta .wpforms-field input[type=\"number\"], #oba-cta .wpforms-field textarea, #oba-cta .wpforms-field select { width: 100% !important; max-width: 100% !important; min-height: 52px !important; padding: 14px 16px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.10) !important; background: rgba(255,255,255,0.04) !important; color: #ffffff !important; font-family: var(--sans) !important; font-size: 14px !important; line-height: 1.4 !important; box-shadow: none !important; outline: none !important; } #oba-cta .wpforms-field textarea { min-height: 120px !important; resize: vertical !important; } #oba-cta .wpforms-field input::placeholder, #oba-cta .wpforms-field textarea::placeholder { color: rgba(255,255,255,0.42) !important; opacity: 1 !important; } #oba-cta .wpforms-field input:focus, #oba-cta .wpforms-field textarea:focus, #oba-cta .wpforms-field select:focus { border-color: rgba(196,151,58,0.65) !important; box-shadow: 0 0 0 3px rgba(196,151,58,0.12) !important; } #oba-cta .wpforms-field-description, #oba-cta .wpforms-description { color: rgba(255,255,255,0.42) !important; font-family: var(--sans) !important; font-size: 12px !important; } #oba-cta .wpforms-error { color: #ffb3b3 !important; font-size: 12px !important; margin-top: 6px !important; font-family: var(--sans) !important; } #oba-cta .wpforms-required-label { color: var(--gold) !important; } #oba-cta .wpforms-submit-container { padding: 0 !important; margin-top: 10px !important; } #oba-cta button.wpforms-submit, #oba-cta .wpforms-page-button, #oba-cta input[type=\"submit\"].wpforms-submit { width: 100% !important; min-height: 54px !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(135deg, var(--gold), var(--gold2)) !important; color: #0E0E0E !important; font-family: var(--sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.01em !important; cursor: pointer !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; box-shadow: none !important; padding: 14px 20px !important; } #oba-cta button.wpforms-submit:hover, #oba-cta .wpforms-page-button:hover, #oba-cta input[type=\"submit\"].wpforms-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(196,151,58,0.28) !important; } #oba-cta .wpforms-confirmation-container-full, #oba-cta .wpforms-confirmation-container { border-radius: 12px !important; padding: 14px 16px !important; font-family: var(--sans) !important; font-size: 13px !important; line-height: 1.6 !important; background: rgba(255,255,255,0.05) !important; color: rgba(255,255,255,0.82) !important; border: 1px solid rgba(196,151,58,0.18) !important; margin-top: 12px !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 1120px) { #oba-cta .grid { grid-template-columns: 1fr; gap: 48px; } #oba-cta h2 { max-width: none; } #oba-cta .lead { max-width: none; } } @media (max-width: 767px) { #oba-cta .wrap { width: min(94vw, 94vw); padding: 56px 0; } #oba-cta .mini-grid { grid-template-columns: 1fr; } #oba-cta .actions { flex-direction: column; } #oba-cta .btn { justify-content: center; width: 100%; } #oba-cta .form-head { padding: 20px 18px 18px; flex-direction: column; align-items: flex-start; } #oba-cta .form-title { font-size: 22px; } #oba-cta .form-body { padding: 18px 16px 20px; } #oba-cta .wpforms-wrap { min-height: 460px; } } @media (prefers-reduced-motion: reduce) { #oba-cta .eyebrow i, #oba-cta .form-badge::before { animation: none !important; } #oba-cta .btn, #oba-cta .mini-card, #oba-cta button.wpforms-submit, #oba-cta .wpforms-page-button, #oba-cta input[type=\"submit\"].wpforms-submit { transition: none !important; } } <\/style> <div class=\"wrap\"> <div class=\"grid\"> <!-- ST\u00c2NGA --> <div> <div class=\"eyebrow\"> <i><\/i> Vizionare \u00b7 ofert\u0103 \u00b7 disponibilit\u0103\u021bi <\/div> <h2 id=\"oba-cta-title\"> Interesat de un<br> apartament<br> <em>nou?<\/em> <\/h2> <p class=\"lead\"> Spune-ne <strong>proiectul<\/strong>, <strong>tipul de apartament<\/strong> \u0219i bugetul estimativ \u2014 revenim cu disponibilit\u0103\u021bi, planuri \u0219i pa\u0219ii pentru rezervare. F\u0103r\u0103 presiuni, f\u0103r\u0103 intermediari. <\/p> <div class=\"mini-grid\" role=\"list\"> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.6 7-11a7 7 0 1 0-14 0c0 6.4 7 11 7 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle><\/svg> <\/div> <div> <b>Recomandare corect\u0103<\/b> <span>\u00een func\u021bie de zon\u0103, compartimentare \u0219i cerere real\u0103.<\/span> <\/div> <\/div> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M3 9h18\"><\/path><path d=\"M9 4v5\"><\/path><path d=\"M15 4v5\"><\/path><\/svg> <\/div> <div> <b>R\u0103spuns rapid<\/b> <span>prime\u0219ti detalii \u0219i pa\u0219ii de vizionare sau rezervare.<\/span> <\/div> <\/div> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"11\" rx=\"2\"><\/rect><path d=\"M16 11h2\"><\/path><path d=\"M2 11h10\"><\/path><\/svg> <\/div> <div> <b>Plan de plat\u0103 clar<\/b> <span>avans, tran\u0219e, credit sau rate la dezvoltator.<\/span> <\/div> <\/div> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg> <\/div> <div> <b>Direct de la dezvoltator<\/b> <span>f\u0103r\u0103 comisioane, f\u0103r\u0103 intermediari.<\/span> <\/div> <\/div> <\/div> <div class=\"actions\"> <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/40731622622?text=Bun\u0103,+vreau+detalii+despre+un+apartament+nou.\" rel=\"noopener noreferrer\" aria-label=\"Contacteaz\u0103 pe WhatsApp\" target=\"_blank\"> WhatsApp rapid <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"><\/path><path d=\"M13 6l6 6-6 6\"><\/path><\/svg> <\/a> <a class=\"btn btn-ghost\" href=\"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/\" aria-label=\"Vezi toate proiectele OBA\"> Vezi proiectele <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"><\/path><path d=\"M13 6l6 6-6 6\"><\/path><\/svg> <\/a> <\/div> <\/div> <!-- DREAPTA --> <aside aria-label=\"Formular contact O.B.A.\"> <div class=\"form-card\"> <div class=\"form-head\"> <div class=\"form-head-left\"> <div class=\"form-title\">Cere ofert\u0103 sau vizionare<\/div> <div class=\"form-sub\">Completeaz\u0103 formularul \u2014 revenim \u00een cel mai scurt timp<\/div> <\/div> <span class=\"form-badge\">Disponibil acum<\/span> <\/div> <div class=\"form-body\"> <div class=\"wpforms-wrap\"> <style id=\"wpforms-css-vars-6878\">\n\t\t\t\t#wpforms-6878 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-6878\"><form id=\"wpforms-form-6878\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"6878\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/751\" data-token=\"e8b14ef82cf57bb522b1c1389c392300\" data-token-time=\"1776453874\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-6878-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-6878-field_4\" >Telefon Consimtamant suplimentare<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-6878-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-6878-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_1\">Nume <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-6878-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-6878-field_1-error\" required><\/div><div id=\"wpforms-6878-field_5-container\" class=\"wpforms-field wpforms-field-text phone\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_5\">Telefon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-6878-field_5\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][5]\" aria-errormessage=\"wpforms-6878-field_5-error\" required><\/div><div id=\"wpforms-6878-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-6878-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-6878-field_2-error\" required><\/div><div id=\"wpforms-6878-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_3\">Informatii suplimentare<\/label><textarea id=\"wpforms-6878-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-6878-field_3-error\" ><\/textarea><\/div><div id=\"wpforms-6878-field_8-container\" class=\"wpforms-field wpforms-field-gdpr-checkbox\" data-field-id=\"8\"><label class=\"wpforms-field-label\">Consimtamant <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><ul id=\"wpforms-6878-field_8\" class=\"wpforms-field-required\"><li class=\"choice-1\"><input type=\"checkbox\" id=\"wpforms-6878-field_8_1\" name=\"wpforms[fields][8][]\" value=\"Sunt de acord ca datele mele personale s\u0103 fie folosite pentru a fi contactat \u00een leg\u0103tur\u0103 cu aceast\u0103 solicitare, conform politicii de confiden\u021bialitate.\" aria-errormessage=\"wpforms-6878-field_8_1-error\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-6878-field_8_1\">Sunt de acord ca datele mele personale s\u0103 fie folosite pentru a fi contactat \u00een leg\u0103tur\u0103 cu aceast\u0103 solicitare, conform politicii de confiden\u021bialitate.<\/label><\/li><\/ul><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-6878-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-6878-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-6878-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"6878\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages\/751\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-6878\" class=\"wpforms-submit\" data-alt-text=\"Trimitere...\" data-submit-text=\"Trimite solicitarea\" aria-live=\"assertive\" value=\"wpforms-submit\">Trimite solicitarea<\/button><img decoding=\"async\" src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container --> <\/div> <\/div> <\/div> <\/aside> <\/div> <\/div> <\/section> <!-- ================== \/OBA \u2014 CTA PREMIUM ================== -->\n","protected":false},"excerpt":{"rendered":"<p>Proiect reziden\u021bial \u2022 Sebe\u0219 O.B.A. Inovator Sebe\u0219 apartamente moderne \u00eentr-un proiect g\u00e2ndit pentru confort real O.B.A. Inovator Sebe\u0219 este un proiect reziden\u021bial nou, creat pentru cei care caut\u0103 apartamente bine compartimentate, un design actual \u0219i un cadru urban potrivit pentru locuire pe termen lung sau pentru investi\u021bie imobiliar\u0103. Arhitectura modern\u0103, finisajele atent alese \u0219i atmosfera&hellip;<\/p>","protected":false},"author":5,"featured_media":0,"parent":1025,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-751","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages\/751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/comments?post=751"}],"version-history":[{"count":4,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages\/751\/revisions"}],"predecessor-version":[{"id":6932,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages\/751\/revisions\/6932"}],"up":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages\/1025"}],"wp:attachment":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/media?parent=751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}