/*
 * titulos-unificados.css
 * Unifica todos los títulos de sección al mismo estilo visual.
 * Se carga DESPUÉS de style.css en todas las páginas.
 * NO modifica archivos compartidos.
 *
 * Paleta aprobada:
 *   Títulos sobre fondo claro  → #0B1F4A  sólido, sin gradiente
 *   Títulos sobre fondo oscuro → #FFFFFF
 *   Subtítulos                 → #6B7280
 *   Acento decorativo          → gradiente #1E5FD3 → #0D8C6D (línea, no texto)
 */

/* ══════════════════════════════════════════
   1. Títulos sobre fondo CLARO
   Clases: h2-baslik-anasayfa-ozel, h2-baslik-hizmetler,
           h2-baslik-hizmetler-2, h2-baslik-hizmetler-yorum,
           h2-baslik-ahb, h2-baslik-bottom, h2-baslik-projeler-ozel,
           h2-baslik-iletisim-ozel
   ══════════════════════════════════════════ */
.h2-baslik-anasayfa-ozel,
.h2-baslik-hizmetler,
.h2-baslik-hizmetler-4,
.h2-baslik-hizmetler-2,
.h2-baslik-hizmetler-yorum,
.h2-baslik-ahb,
.h2-baslik-bottom,
.h2-baslik-projeler-ozel,
.h2-baslik-iletisim-ozel {
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #0B1F4A !important;
  color: #0B1F4A !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  border-bottom: none !important;
  transform: none !important;
  transition: none !important;
}

/* Tamaño base uniforme con clamp para responsividad */
.h2-baslik-anasayfa-ozel {
  font-size: clamp(2.2rem, 3.2vw, 3.6rem) !important;
}
.h2-baslik-hizmetler,
.h2-baslik-hizmetler-4,
.h2-baslik-hizmetler-2,
.h2-baslik-hizmetler-yorum,
.h2-baslik-ahb,
.h2-baslik-bottom,
.h2-baslik-projeler-ozel,
.h2-baslik-iletisim-ozel {
  font-size: clamp(2rem, 3vw, 3.2rem) !important;
}

/* ══════════════════════════════════════════
   2. h2-baslik-hizmetler-21 — fondo claro por defecto,
      blanco solo dentro de secciones oscuras
   ══════════════════════════════════════════ */
.h2-baslik-hizmetler-21 {
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #0B1F4A !important;
  color: #0B1F4A !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  font-size: clamp(2rem, 3vw, 3.2rem) !important;
}

/* Blanco cuando está dentro de secciones con fondo oscuro */
section.ozellika .h2-baslik-hizmetler-21,
[data-background] .h2-baslik-hizmetler-21,
.bg-dark .h2-baslik-hizmetler-21 {
  -webkit-text-fill-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* ══════════════════════════════════════════
   3. Subtítulos / párrafos de sección
   ══════════════════════════════════════════ */
.h2-baslik-hizmetler__paragraf,
.h2-baslik-hizmetler-4__paragraf,
.h2-baslik-hizmetler-2__paragraf,
.h2-baslik-hizmetler-21__paragraf,
.h2-baslik-hizmetler-yorum__yorum {
  color: #6B7280 !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* Subtítulos sobre fondo oscuro */
.h2-baslik-hizmetler-21__paragraf {
  color: rgba(255,255,255,0.72) !important;
}

/* ══════════════════════════════════════════
   4. Título principal del hero (h2-baslik-anasayfa)
      — solo se usa en el hero principal
   ══════════════════════════════════════════ */
.h2-baslik-anasayfa {
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #FFFFFF !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  border-bottom: none !important;
  transform: none !important;
  font-size: clamp(3rem, 5vw, 5rem) !important;
}
.h2-baslik-anasayfa:hover {
  transform: none !important;
}

/* ══════════════════════════════════════════
   5. Título de la sección de servicios (tsv-titulo)
      — ya está bien, solo refuerzo
   ══════════════════════════════════════════ */
.tsv-titulo {
  color: #0B1F4A !important;
  -webkit-text-fill-color: #0B1F4A !important;
  background-image: none !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}