Dava Harcı Hesaplama

#sce-dava-harci{--p:#23385f;--p2:#162743;--a:#d5a45f;--ad:#b9853d;--bg:#f4f6f9;--card:#fff;--txt:#222936;--muted:#626d7d;--line:#dce2ea;box-sizing:border-box;width:100%;color:var(--txt);font-family:inherit;font-size:16px;line-height:1.76} #sce-dava-harci *,#sce-dava-harci *:before,#sce-dava-harci *:after{box-sizing:border-box} #sce-dava-harci .sce-container{width:min(1120px,calc(100% - 30px));margin:auto} #sce-dava-harci .sce-hero{padding:54px 0 46px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(213,164,95,.3),transparent 31%),linear-gradient(135deg,var(--p),#0e192c);border-radius:0 0 28px 28px} #sce-dava-harci .sce-kicker{display:inline-block;margin-bottom:14px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.09);font-size:.82rem;font-weight:760;letter-spacing:.05em;text-transform:uppercase} #sce-dava-harci h1,#sce-dava-harci h2,#sce-dava-harci h3{line-height:1.3;letter-spacing:-.015em;color:var(--p)} #sce-dava-harci .sce-hero h1{max-width:920px;margin:0 0 15px;color:#fff;font-size:clamp(2rem,4.5vw,3.35rem)} #sce-dava-harci .sce-hero p{max-width:920px;margin:0;color:rgba(255,255,255,.88);font-size:1.08rem} #sce-dava-harci .sce-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px} #sce-dava-harci .sce-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:10px;font:inherit;font-weight:760;text-decoration:none;cursor:pointer;transition:.2s} #sce-dava-harci .sce-btn:hover{transform:translateY(-1px)} #sce-dava-harci .sce-primary{color:#fff;background:var(--a);box-shadow:0 9px 22px rgba(213,164,95,.25)} #sce-dava-harci .sce-primary:hover{color:#fff;background:var(--ad)} #sce-dava-harci .sce-light{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)} #sce-dava-harci .sce-main{padding:36px 0 65px;background:var(--bg)} #sce-dava-harci .sce-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;align-items:start} #sce-dava-harci .sce-card{padding:25px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 34px rgba(19,32,56,.07)} #sce-dava-harci .sce-card h2{margin:0 0 8px;font-size:1.55rem} #sce-dava-harci .sce-intro{margin:0 0 21px;color:var(--muted)} #sce-dava-harci .sce-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #sce-dava-harci .sce-field label{display:block;margin-bottom:6px;color:var(--p);font-weight:700} #sce-dava-harci input,#sce-dava-harci select{width:100%;min-height:46px;padding:10px 12px;color:var(--txt);background:#fff;border:1px solid #cfd7e1;border-radius:9px;font:inherit} #sce-dava-harci input:focus,#sce-dava-harci select:focus{outline:3px solid rgba(213,164,95,.18);border-color:var(--a)} #sce-dava-harci .sce-check{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:9px} #sce-dava-harci .sce-check input{width:18px;min-height:auto;height:18px;margin-top:4px;flex:none} #sce-dava-harci .sce-check label{margin:0;cursor:pointer} #sce-dava-harci .sce-help{display:block;margin-top:6px;color:var(--muted);font-size:.85rem;line-height:1.5} #sce-dava-harci .sce-full{grid-column:1/-1} #sce-dava-harci .sce-advanced{grid-column:1/-1;margin-top:2px;border:1px solid var(--line);border-radius:10px;background:#fafbfc} #sce-dava-harci .sce-advanced summary{padding:13px 15px;color:var(--p);font-weight:760;cursor:pointer} #sce-dava-harci .sce-advanced-inner{padding:3px 15px 16px} #sce-dava-harci .sce-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} #sce-dava-harci .sce-secondary{color:var(--p);background:#fff;border-color:var(--line)} #sce-dava-harci .sce-error{display:none;margin-top:16px;padding:12px 14px;color:#792020;background:#fff1f1;border:1px solid #efc4c4;border-radius:9px;font-weight:650} #sce-dava-harci .sce-side{padding:21px;border-radius:14px;background:#f8f2e9;border:1px solid #e6d4b7} #sce-dava-harci .sce-side h3{margin:0 0 8px} #sce-dava-harci .sce-side ul{margin:12px 0 0;padding-left:20px} #sce-dava-harci .sce-badge{display:inline-block;margin:5px 4px 0 0;padding:5px 9px;border-radius:999px;background:#eef2f7;color:var(--p);font-size:.8rem;font-weight:720} #sce-dava-harci .sce-result{display:none;margin-top:22px;padding:24px;background:#fff;border:2px solid var(--a);border-radius:16px;box-shadow:0 14px 36px rgba(19,32,56,.08)} #sce-dava-harci .sce-result h2{margin:0 0 15px} #sce-dava-harci .sce-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px} #sce-dava-harci .sce-result-item{padding:14px;background:#f7f8fa;border:1px solid var(--line);border-radius:10px} #sce-dava-harci .sce-result-item span{display:block;color:var(--muted);font-size:.82rem} #sce-dava-harci .sce-result-item strong{display:block;margin-top:3px;color:var(--p);font-size:1rem;word-break:break-word} #sce-dava-harci .sce-total{grid-column:1/-1;padding:19px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:11px} #sce-dava-harci .sce-total span{color:rgba(255,255,255,.76)}#sce-dava-harci .sce-total strong{color:#fff;font-size:1.7rem} #sce-dava-harci .sce-note{margin-top:14px;padding:13px 14px;background:#fff8e9;border-left:4px solid var(--a);border-radius:7px} #sce-dava-harci .sce-note ul{margin:0;padding-left:20px} #sce-dava-harci .sce-article{margin-top:28px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 11px 31px rgba(19,32,56,.055)} #sce-dava-harci .sce-article h2{margin:34px 0 12px;font-size:1.6rem}#sce-dava-harci .sce-article h2:first-child{margin-top:0} #sce-dava-harci .sce-article p{margin:0 0 15px;text-align:justify;hyphens:auto} #sce-dava-harci .sce-callout{margin:20px 0;padding:17px 19px;background:#f4f7fb;border-left:4px solid var(--p);border-radius:8px} #sce-dava-harci .sce-formula{margin:18px 0;padding:17px;text-align:center;color:var(--p);background:#faf6ef;border:1px solid #eadbc4;border-radius:10px;font-weight:800} #sce-dava-harci details.sce-faq{margin:10px 0;background:#fff;border:1px solid var(--line);border-radius:10px} #sce-dava-harci details.sce-faq summary{padding:15px 17px;color:var(--p);font-weight:760;cursor:pointer}#sce-dava-harci details.sce-faq div{padding:0 17px 16px} #sce-dava-harci .sce-cta{margin-top:28px;padding:25px;color:#fff;background:linear-gradient(135deg,var(--p),#101b30);border-radius:15px} #sce-dava-harci .sce-cta h2{margin:0 0 8px;color:#fff}#sce-dava-harci .sce-cta p{margin:0 0 17px;color:rgba(255,255,255,.84);text-align:left} #sce-dava-harci .sce-sources{font-size:.9rem;color:var(--muted)}#sce-dava-harci .sce-sources a{color:var(--p)} @media(max-width:840px){#sce-dava-harci .sce-grid{grid-template-columns:1fr}#sce-dava-harci .sce-form-grid{grid-template-columns:1fr}#sce-dava-harci .sce-full,#sce-dava-harci .sce-advanced{grid-column:auto}} @media(max-width:620px){#sce-dava-harci .sce-container{width:min(100% - 20px,1120px)}#sce-dava-harci .sce-card,#sce-dava-harci .sce-article{padding:19px}#sce-dava-harci .sce-result-grid{grid-template-columns:1fr}#sce-dava-harci .sce-total{grid-column:auto}} @media print{#sce-dava-harci .sce-hero,#sce-dava-harci form,#sce-dava-harci .sce-side,#sce-dava-harci .sce-article{display:none!important}#sce-dava-harci .sce-result{display:block!important;border:1px solid #222;box-shadow:none}}
2026 güncel yargı harçları ve gider avansları

Dava Harcı Hesaplama 2026

Dava değeri, mahkeme türü, taraf sayısı ve delil giderlerini girerek dava açılışında ödenecek harç, gider avansı ve tahmini yargılama bütçesini ayrı ayrı hesaplayın.

Dava Açma Masrafı Hesaplama Aracı

Araç, zorunlu açılış masrafı ile yargılama sırasında istenebilecek delil avansını birbirinden ayırır. Avukatlık hizmet ücreti hesaplamaya dahil değildir.

Asliye Hukuk MahkemesiSulh Hukuk MahkemesiAile / İş / Kadastro MahkemesiAsliye Ticaret / Fikri ve Sınai HaklarTüketici Mahkemesiİdare MahkemesiVergi Mahkemesi
Nispi harca tabi davaMaktu harca tabi davaİdari iptal davasıTam yargı davasıİdari yargıda ölüm / yaralanma tazminatıVergi mahkemesi davasıPara veya para ile ölçülebilen talepler çoğunlukla nispi harca tabidir.
Maktu ve vergi davası seçeneğinde bu alan kullanılmaz.
Davacı ve davalıların toplamı. HMK gider avansını etkiler.
Muafiyet yokYalnız harç muafiyeti varAdli yardım kabul edilmişMuafiyet, kanuni şartları ayrıca incelenmeden seçilmemelidir.
İdari yargı ve delil giderleri
04.02.2026 sonrası 100 grama kadar normal tebligat için 265 TL. Yalnız HMK davalarında kullanılır.
2026 tarifesi kişi başına 130–200 TL aralığındadır; yol ve konaklama hariçtir.
Mahkeme türüne göre 2026 asgari bilirkişi ücreti otomatik uygulanır.
Araç, keşif harcını ekler; araç, yol ve bilirkişi giderleri ayrıca doğabilir.

Hesaplama Sonucu

Başvurma harcı—
Peşin / maktu karar harcı—
Gider / posta avansı—
Yürütmeyi durdurma harcı—
Vekâlet sunma masrafı—
Tahmini delil avansı—
Dava açılışında tahmini ödeme—
Karar sonunda çıkabilecek bakiye harç—
Açılış + seçilen deliller için tahmini bütçe—

Dava Harcı Hesaplama Nedir?

Dava harcı hesaplama, bir hukuk veya idare davası açılırken mahkeme veznesine yatırılması gereken başvurma harcı, peşin karar ve ilam harcı ile gider avansının yaklaşık olarak belirlenmesidir. Halk arasında “dava açma ücreti” olarak kullanılan ifade yalnız harcı değil; tebligat, posta, vekâlet sunma ve gerektiğinde bilirkişi, tanık ya da keşif giderlerini de kapsayabilir. Bu nedenle gerçek dava masrafı tek kalemden oluşmaz.

Hazırlanan dava masrafı hesaplama aracı, dava açılışında zorunlu olarak yatırılan tutarlarla yargılama sırasında mahkemece ayrıca istenebilecek delil avansını ayırır. Avukatla müvekkil arasındaki serbest avukatlık ücreti ise mahkeme harcı değildir ve hesaplamaya dahil edilmez.

2026 Dava Harçları Nasıl Hesaplanır?

492 sayılı Harçlar Kanunu’na bağlı tarifede 2026 yılı için sulh hukuk mahkemelerinde başvurma harcı 335,20 TL; asliye, aile, iş, tüketici, ticaret ve idare mahkemeleri düzeyindeki başvurularda ise 732 TL olarak belirlenmiştir. Konusu para ile değerlendirilemeyen boşanma gibi davalarda kural olarak maktu karar ve ilam harcı uygulanır. 2026 yılı maktu karar harcı 732 TL’dir.

Alacak, tazminat, tapu iptali ve tescil veya menfi tespit gibi konusu para ya da para ile ölçülebilen davalar çoğunlukla nispi harca tabidir. Nispi karar ve ilam harcı dava değerinin binde 68,31’i üzerinden hesaplanır. Dava açılırken bu harcın dörtte biri peşin alınır; uygulamada peşin nispi harç 732 TL’den az olamaz.

Peşin nispi harç = Dava değeri × 68,31 / 1.000 / 4
2026 asgari peşin harç: 732 TL

Örneğin 500.000 TL değerindeki nispi harca tabi bir davada toplam karar ve ilam harcı 34.155 TL, dava açılışında yatırılacak peşin harç ise 8.538,75 TL olur. Karar sonunda hüküm altına alınan tutar, kabul-ret oranı ve tarafların muafiyet durumu bakiye harcı değiştirebilir.

Gider Avansı Nasıl Belirlenir?

Hukuk Muhakemeleri Kanunu’nun 120. maddesi uyarınca davacı, dava açarken harçlarla birlikte gider avansını yatırır. 28 Ekim 2025 tarihli Gider Avansı Tarifesine göre avans; taraf sayısının beş katı tutarında tebligat ücreti ile diğer işlemler için 530 TL’nin toplamıdır. PTT’nin 4 Şubat 2026’dan itibaren geçerli tarifesinde 100 grama kadar normal fiziki tebligat 265 TL’dir. Buna göre iki taraflı standart bir hukuk davasında gider avansı yaklaşık 3.180 TL’ye ulaşmaktadır.

HMK gider avansı = Toplam taraf sayısı × 5 × 265 TL + 530 TL

İdare ve vergi mahkemelerinde farklı bir posta avansı listesi uygulanmaktadır. 2026 yılında standart yeni dava posta masrafı 2.100 TL; duruşma istemli dava 2.520 TL; yürütmenin durdurulması istemli dava 2.940 TL; her iki talebin birlikte bulunduğu dava ise 3.360 TL’dir. Kullanılmayan gider avansı, karar kesinleştikten sonra davacıya iade edilir.

Tanık, Bilirkişi ve Keşif Masrafları

Gider avansı ile delil avansı aynı değildir. Tanık dinlenmesi, bilirkişi incelemesi veya keşif yapılması gerekiyorsa mahkeme bu delili isteyen tarafa ayrıca avans yatırması için süre verebilir. 2026 Tanık Ücret Tarifesinde tanık başına 130 TL ile 200 TL arasında ücret öngörülmüştür; seyahat, konaklama ve beslenme giderleri ayrıca karşılanabilir.

2026 Bilirkişilik Asgari Ücret Tarifesinde sulh hukuk ve tüketici mahkemeleri için 2.200 TL, aile ve iş mahkemeleri için 2.800 TL, asliye hukuk için 3.600 TL, asliye ticaret ile fikri ve sınai haklar mahkemeleri için 4.100 TL asgari ücret belirlenmiştir. Dosyanın kapsamı, uzmanlık alanı ve heyet sayısı nedeniyle mahkeme daha yüksek ücret takdir edebilir. Keşif harcı genel yargı tarifesinde 5.118 TL’dir; keşif aracı, yol ve bilirkişi giderleri bunun dışındadır.

Harç Muafiyeti ve Adli Yardım

Bazı davacılar özel kanun gereğince harçtan muaftır. Tüketicinin tüketici mahkemesinde açtığı davalar ile belirli şartları taşıyan işçilerin iş mahkemesindeki davaları buna örnek gösterilebilir. Ancak harç muafiyeti çoğu zaman tebligat ve delil giderlerinden otomatik muafiyet sağlamaz. Bu nedenle araçta “yalnız harç muafiyeti” seçildiğinde başvurma ve karar harcı sıfırlanırken gider avansı hesaplanmaya devam eder.

Yargılama giderlerini karşılayamayacak durumda olan kişi, haklılık ihtimali de bulunuyorsa adli yardım talep edebilir. Adli yardım kendiliğinden doğmayacaktır, mahkeme kararı gerekir. Kabul hâlinde harç ve giderlerin geçici olarak alınmaması veya devletçe karşılanması mümkündür. Yargılama sonundaki sonuçlara göre bu giderlerin daha sonra tahsili gündeme gelebilir.

Dava Masraflarını Sonunda Kim Öder?

Dava açılışında harç ve avansı kural olarak davacı yatırır. Yargılama sonunda haksız çıkan taraf, mahkeme kararında belirtilen yargılama giderlerinden sorumlu tutulur. Dava kısmen kabul edilirse giderler kabul ve ret oranına göre paylaştırılabilir. Davacı tarafından peşin yatırılan harç, gider avansı ve belgeli diğer masraflar şartları oluştuğunda karşı taraftan tahsil edilebilir.

Hesaplama sonucunun kesin vezne tutarı olmadığı unutulmamalıdır. UYAP’ın yuvarlama sistemi, elektronik tebligat uygulanması, çok sayıda taraf, yurt dışı tebligat, ek dava talebi, ihtiyati tedbir, delil tespiti ve mahkemenin istediği ek avans sonucu değiştirebilir. Dava açılmadan önce görevli mahkeme, harç türü, dava değeri ve muafiyet ayrıca kontrol edilmelidir.

Dava Harcı Hesaplama Hakkında Sıkça Sorulan Sorular

1 milyon TL’lik davanın açılış harcı ne kadardır?

Nispi harca tabi 1.000.000 TL değerindeki davada toplam karar ve ilam harcı 68.310 TL, açılışta alınan dörtte bir peşin harç 17.077,50 TL’dir. Başvurma harcı ve gider avansı ayrıca eklenir.

Boşanma davasında dava değeri girilir mi?

Yalnız boşanma talebi para ile ölçülemeyen ve maktu harca tabi bir taleptir. Maddi-manevi tazminat, ziynet veya mal rejimi talebi bulunması hâlinde bu taleplerin harç durumu ayrıca değerlendirilir.

Bilirkişi ücreti dava açarken zorunlu mudur?

Her davada bilirkişi ücreti açılışta alınmaz. Bilirkişi deliline başvurulmasına karar verilirse mahkeme, ilgili tarafa delil avansı yatırması için süre verir.

Avukatlık ücreti hesaplamaya dahil mi?

Hayır. Araç yalnız 104 TL vekâlet suret harcı ile 164 TL vekâlet pulunu isteğe bağlı ekler. Avukatla kararlaştırılacak hizmet ücreti ayrı bir sözleşme konusudur.

Kullanılmayan gider avansı geri alınır mı?

Evet. Gider Avansı Tarifesine göre kullanılmayan kısım hükmün kesinleşmesinden sonra davacıya iade edilir.

Hesaplama sonucu UYAP ile aynı çıkar mı?

Araç güncel resmî tarifeleri kullanır; ancak elektronik tebligat, mahkeme uygulaması, taraf sayımı, yuvarlama ve dosyaya özgü ek işlemler nedeniyle UYAP vezne tutarı küçük farklılık gösterebilir.

Hukuki uyarı: Hesaplama genel bilgilendirme amacı taşır. Dava türünün yanlış seçilmesi, görevli mahkeme veya harç muafiyeti konusunda hata yapılması hak kaybına yol açabilir. Kesin tutar UYAP ve mahkeme veznesinde dosyaya göre oluşur.

Dava Öncesi Harç ve Usul İncelemesi

Dava türü, görevli mahkeme, talep sonucu, dava değeri ve zorunlu başvuru yolları birlikte incelenerek açılış masrafı ve hukuki strateji somut dosyaya göre belirlenebilir.

Resmî Kaynaklar

Hesaplama ve içerik; 2026 Harçlar Kanunu tarifeleri, HMK Gider Avansı Tarifesi, 2026 PTT Posta ve Tebligat Tarifesi, 2026 Bilirkişilik Asgari Ücret Tarifesi, HMK Tanık Ücret Tarifesi, 2026 idarî yargı posta masraf ve harç listesi ve 2026 vekâlet pulu duyurusu esas alınarak hazırlanmıştır.

{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"1 milyon TL'lik davanın açılış harcı ne kadardır?","acceptedAnswer":{"@type":"Answer","text":"Nispi harca tabi 1.000.000 TL değerindeki davada toplam karar ve ilam harcı 68.310 TL, açılışta alınan peşin harç 17.077,50 TL'dir. Başvurma harcı ve gider avansı ayrıca eklenir."}},{"@type":"Question","name":"Bilirkişi ücreti dava açarken zorunlu mudur?","acceptedAnswer":{"@type":"Answer","text":"Her davada bilirkişi ücreti açılışta alınmaz. Bilirkişi incelemesine karar verilirse mahkeme ilgili tarafa delil avansı yatırması için süre verir."}},{"@type":"Question","name":"Kullanılmayan gider avansı geri alınır mı?","acceptedAnswer":{"@type":"Answer","text":"Evet. Kullanılmayan gider avansı hükmün kesinleşmesinden sonra davacıya iade edilir."}}]}

İdari yargıda harç ve posta ücreti eksikliğinin davanın açılmamış sayılmasına yol açabileceğini idari davada harç ve posta ücreti yazımızda açıkladık.

Hukuki Destek Bizimle doğrudan iletişime geçin
:root { --sce-contact-navy: #1c3155; --sce-contact-navy-dark: #12233e; --sce-contact-gold: #d5a45f; --sce-contact-gold-light: #ecc987; --sce-contact-white: #ffffff; --sce-contact-green: #18a957; } .sce-contact-widget, .sce-contact-widget *, .sce-contact-reopen, .sce-contact-reopen * { box-sizing: border-box; } .sce-contact-widget { position: fixed; right: 24px; bottom: 24px; z-index: 999999; width: min(360px, calc(100vw - 32px)); padding: 22px 18px 16px; overflow: hidden; background: radial-gradient( circle at top right, rgba(213, 164, 95, 0.19), transparent 42% ), linear-gradient( 145deg, var(--sce-contact-navy-dark), var(--sce-contact-navy) ); border: 1px solid rgba(213, 164, 95, 0.65); border-radius: 13px; box-shadow: 0 20px 55px rgba(10, 27, 53, 0.32), 0 4px 13px rgba(10, 27, 53, 0.18); font-family: inherit; transform-origin: bottom right; animation: sceContactOpen 0.4s ease both; } .sce-contact-widget::before { content: ""; position: absolute; top: -75px; right: -60px; width: 170px; height: 170px; border: 1px solid rgba(213, 164, 95, 0.16); border-radius: 50%; pointer-events: none; } .sce-contact-heading { position: relative; display: flex; align-items: center; gap: 13px; padding: 0 36px 17px 2px; } .sce-contact-heading-icon { display: inline-flex; flex: 0 0 45px; align-items: center; justify-content: center; width: 45px; height: 45px; color: var(--sce-contact-navy-dark); background: linear-gradient( 145deg, var(--sce-contact-gold-light), var(--sce-contact-gold) ); border-radius: 50%; box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18); } .sce-contact-heading-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .sce-contact-heading strong { display: block; margin-bottom: 2px; color: var(--sce-contact-white); font-size: 19px; line-height: 1.3; font-weight: 750; } .sce-contact-heading small { display: block; color: rgba(255, 255, 255, 0.72); font-size: 12.5px; line-height: 1.45; } .sce-contact-close { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: rgba(255, 255, 255, 0.72); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 50%; cursor: pointer; transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease; } .sce-contact-close:hover { color: var(--sce-contact-white); background: rgba(255, 255, 255, 0.16); transform: rotate(90deg); } .sce-contact-close svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; } .sce-contact-actions { position: relative; display: grid; gap: 10px; } .sce-contact-button { display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 11px 13px; border-radius: 8px; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } .sce-call-button { color: var(--sce-contact-navy-dark) !important; background: linear-gradient( 135deg, var(--sce-contact-gold-light), var(--sce-contact-gold) ); box-shadow: 0 8px 20px rgba(8, 23, 45, 0.2); } .sce-whatsapp-button { color: var(--sce-contact-white) !important; background: linear-gradient(135deg, #1ebd63, #128c4a); box-shadow: 0 8px 20px rgba(5, 72, 37, 0.22); } .sce-contact-button:hover { transform: translateY(-2px); } .sce-call-button:hover { box-shadow: 0 12px 25px rgba(8, 23, 45, 0.27); } .sce-whatsapp-button:hover { box-shadow: 0 12px 25px rgba(5, 72, 37, 0.29); } .sce-button-icon { display: inline-flex; flex: 0 0 42px; align-items: center; justify-content: center; width: 42px; height: 42px; color: inherit; background: rgba(255, 255, 255, 0.22); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 50%; } .sce-call-button .sce-button-icon { background: rgba(255, 255, 255, 0.3); border-color: rgba(28, 49, 85, 0.12); } .sce-button-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .sce-button-text { flex: 1; min-width: 0; } .sce-button-text strong { display: block; color: inherit; font-size: 15.5px; line-height: 1.3; font-weight: 780; } .sce-button-text small { display: block; margin-top: 2px; color: inherit; font-size: 12.5px; line-height: 1.35; opacity: 0.76; } .sce-button-arrow { font-size: 27px; line-height: 1; opacity: 0.75; transition: transform 0.2s ease; } .sce-contact-button:hover .sce-button-arrow { transform: translateX(3px); } .sce-contact-footer { padding-top: 13px; color: rgba(255, 255, 255, 0.53); font-size: 11.5px; line-height: 1.4; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; } .sce-contact-reopen { position: fixed; right: 24px; bottom: 24px; z-index: 999998; display: none; align-items: center; justify-content: center; width: 58px; height: 58px; padding: 0; color: var(--sce-contact-navy-dark); background: linear-gradient( 145deg, var(--sce-contact-gold-light), var(--sce-contact-gold) ); border: 2px solid var(--sce-contact-white); border-radius: 50%; box-shadow: 0 13px 30px rgba(10, 27, 53, 0.3), 0 0 0 5px rgba(213, 164, 95, 0.18); cursor: pointer; animation: sceContactOpen 0.3s ease both; } .sce-contact-reopen:hover { transform: translateY(-3px) scale(1.04); } .sce-contact-reopen svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .sce-contact-widget.sce-is-hidden { display: none; } .sce-contact-reopen.sce-is-visible { display: inline-flex; } @keyframes sceContactOpen { from { opacity: 0; transform: translateY(18px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } } @media (max-width: 600px) { .sce-contact-widget { right: 12px; bottom: 12px; width: calc(100vw - 24px); padding: 19px 14px 14px; border-radius: 11px; } .sce-contact-heading { padding-bottom: 14px; } .sce-contact-heading strong { font-size: 17px; } .sce-contact-button { min-height: 62px; padding: 9px 11px; } .sce-contact-footer { padding-top: 10px; } .sce-contact-reopen { right: 15px; bottom: 15px; width: 54px; height: 54px; } } @media (prefers-reduced-motion: reduce) { .sce-contact-widget, .sce-contact-reopen, .sce-contact-button, .sce-contact-close { animation: none; transition: none; } } document.addEventListener("DOMContentLoaded", function () { const widget = document.getElementById("sceContactWidget"); const closeButton = document.getElementById("sceContactClose"); const reopenButton = document.getElementById("sceContactReopen"); if (!widget || !closeButton || !reopenButton) { return; } closeButton.addEventListener("click", function () { widget.classList.add("sce-is-hidden"); reopenButton.classList.add("sce-is-visible"); }); reopenButton.addEventListener("click", function () { reopenButton.classList.remove("sce-is-visible"); widget.classList.remove("sce-is-hidden"); }); });