:root {
  --c-fond: #F4F0E8;
  --c-fond-alt: #EDE9DF;
  --c-principal: #1C2B4A;
  --c-principal-deschis: #243459;
  --c-accent: #29B9A4;
  --c-accent-hover: #1F9E8C;
  --c-text: #252525;
  --c-text-subtil: #5C6474;
  --c-text-palid: #8A909E;
  --c-alb: #FFFFFF;
  --c-separator: #D8D4C8;
  --c-separator-inchis: #BFB9AC;

  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 5rem;
  --sp-7: 8rem;

  --font-baza: system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  --latime-maxima: 1120px;
  --latime-ingusta: 760px;

  --raza-mica: 3px;
  --raza-medie: 6px;
  --raza-mare: 14px;

  --tranzitie: 0.18s ease;
  --umbra-usoara: 0 2px 10px rgba(28, 43, 74, 0.07);
  --umbra-card: 0 4px 22px rgba(28, 43, 74, 0.10);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-baza);
  background-color: var(--c-fond);
  color: var(--c-text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

img,
svg {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--c-accent-hover);
  text-decoration: underline;
  transition: color var(--tranzitie);
}

a:hover {
  color: var(--c-accent);
}

a:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 3px;
  border-radius: var(--raza-mica);
}

ul,
ol {
  list-style: none;
}

button {
  cursor: pointer;
  font-family: var(--font-baza);
}

main {
  flex: 1;
}

.container {
  max-width: var(--latime-maxima);
  margin-inline: auto;
  padding-inline: var(--sp-4);
}

.container--ingust {
  max-width: var(--latime-ingusta);
  margin-inline: auto;
  padding-inline: var(--sp-4);
}

/* ===========================
   ANTET (HEADER)
   =========================== */

.antet {
  background-color: var(--c-principal);
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07);
}

.antet__interior {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0.9rem;
  max-width: var(--latime-maxima);
  margin-inline: auto;
  padding-inline: var(--sp-4);
}

.marca {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
}

.marca__simbol {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}

.marca__text {
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: var(--c-alb);
}

.navigare__lista {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.navigare__legatura {
  display: block;
  padding: 0.45rem 0.85rem;
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  border-radius: var(--raza-medie);
  transition: color var(--tranzitie), background-color var(--tranzitie);
  letter-spacing: 0.01em;
}

.navigare__legatura:hover {
  color: var(--c-alb);
  background-color: rgba(255, 255, 255, 0.09);
}

.navigare__legatura:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 2px;
}

.navigare__legatura--activa {
  color: var(--c-accent);
}

/* ===========================
   SECTIUNEA INTRO (HOMEPAGE HERO)
   =========================== */

.sectiune-intro {
  background-color: var(--c-principal);
  padding-block: var(--sp-7) var(--sp-6);
  overflow: hidden;
}

.sectiune-intro__grila {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--sp-5);
  align-items: center;
  max-width: var(--latime-maxima);
  margin-inline: auto;
  padding-inline: var(--sp-4);
}

.sectiune-intro__eticheta {
  display: inline-block;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  margin-bottom: 0.85rem;
}

.sectiune-intro__titlu {
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1.13;
  color: var(--c-alb);
  letter-spacing: -0.03em;
  margin-bottom: var(--sp-3);
}

.sectiune-intro__titlu em {
  color: var(--c-accent);
  font-style: normal;
}

.sectiune-intro__descriere {
  font-size: 1.08rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.72;
  max-width: 520px;
  margin-bottom: var(--sp-4);
}

.sectiune-intro__actiuni {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  flex-wrap: wrap;
}

.sectiune-intro__ilustratie {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===========================
   BUTOANE
   =========================== */

.buton-primar {
  display: inline-flex;
  align-items: center;
  background-color: var(--c-accent);
  color: var(--c-principal);
  text-decoration: none;
  padding: 0.78rem 1.7rem;
  border-radius: var(--raza-medie);
  font-size: 0.93rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  border: none;
  transition: background-color var(--tranzitie), transform var(--tranzitie);
}

.buton-primar:hover {
  background-color: var(--c-accent-hover);
  color: var(--c-principal);
  transform: translateY(-1px);
}

.buton-primar:focus-visible {
  outline: 2px solid var(--c-alb);
  outline-offset: 3px;
}

.buton-secundar {
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  padding: 0.78rem 1.5rem;
  border-radius: var(--raza-medie);
  font-size: 0.93rem;
  font-weight: 600;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
  transition: border-color var(--tranzitie), color var(--tranzitie);
}

.buton-secundar:hover {
  color: var(--c-alb);
  border-color: rgba(255, 255, 255, 0.58);
}

.buton-secundar:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 3px;
}

.buton-pagina {
  display: inline-flex;
  align-items: center;
  background-color: var(--c-accent);
  color: var(--c-principal);
  text-decoration: none;
  padding: 0.72rem 1.5rem;
  border-radius: var(--raza-medie);
  font-size: 0.9rem;
  font-weight: 700;
  border: none;
  transition: background-color var(--tranzitie), transform var(--tranzitie);
}

.buton-pagina:hover {
  background-color: var(--c-accent-hover);
  color: var(--c-principal);
  transform: translateY(-1px);
}

.buton-pagina:focus-visible {
  outline: 2px solid var(--c-principal);
  outline-offset: 3px;
}

.buton-contur {
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  color: var(--c-principal);
  text-decoration: none;
  padding: 0.72rem 1.5rem;
  border-radius: var(--raza-medie);
  font-size: 0.9rem;
  font-weight: 600;
  border: 1.5px solid var(--c-separator-inchis);
  transition: border-color var(--tranzitie), color var(--tranzitie);
}

.buton-contur:hover {
  border-color: var(--c-principal);
  color: var(--c-principal);
}

.buton-contur:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 3px;
}

/* ===========================
   SECTIUNEA PREZENTARE (HOMEPAGE)
   =========================== */

.sectiune-prezentare {
  padding-block: var(--sp-7);
}

.sectiune-prezentare__grila {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-6);
  align-items: center;
}

.sectiune-prezentare__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  display: block;
  margin-bottom: 0.85rem;
}

.sectiune-prezentare__titlu {
  font-size: clamp(1.55rem, 2.8vw, 2.2rem);
  font-weight: 800;
  line-height: 1.22;
  color: var(--c-principal);
  letter-spacing: -0.025em;
  margin-bottom: var(--sp-3);
}

.sectiune-prezentare__text p {
  margin-bottom: var(--sp-2);
  color: var(--c-text);
  font-size: 1rem;
  line-height: 1.78;
}

.sectiune-prezentare__text p:last-child {
  margin-bottom: 0;
}

.sectiune-prezentare__text .actiune-pagina {
  margin-top: var(--sp-3);
  display: flex;
  gap: var(--sp-2);
  flex-wrap: wrap;
}

.sectiune-prezentare__vizual {
  border-radius: var(--raza-mare);
  overflow: hidden;
  background-color: var(--c-fond-alt);
}

/* ===========================
   SECTIUNEA CAPACITATI (HOMEPAGE)
   =========================== */

.sectiune-capacitati-home {
  background-color: var(--c-principal);
  padding-block: var(--sp-7);
}

.sectiune-capacitati-home__antet {
  text-align: center;
  margin-bottom: var(--sp-5);
}

.sectiune-capacitati-home__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  display: block;
  margin-bottom: 0.85rem;
}

.sectiune-capacitati-home__titlu {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 800;
  color: var(--c-alb);
  letter-spacing: -0.025em;
  line-height: 1.25;
  max-width: 560px;
  margin-inline: auto;
}

.grila-trei-coloane {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-3);
}

.card-functie {
  background-color: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--raza-mare);
  padding: var(--sp-4);
  transition: background-color var(--tranzitie);
}

.card-functie:hover {
  background-color: rgba(255, 255, 255, 0.085);
}

.card-functie__simbol {
  width: 44px;
  height: 44px;
  background-color: rgba(41, 185, 164, 0.15);
  border-radius: var(--raza-medie);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--sp-3);
}

.card-functie__titlu {
  font-size: 1rem;
  font-weight: 700;
  color: var(--c-alb);
  margin-bottom: 0.6rem;
  letter-spacing: -0.01em;
}

.card-functie__text {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.65;
}

/* ===========================
   SECTIUNEA CTA (HOMEPAGE)
   =========================== */

.sectiune-cta-home {
  padding-block: var(--sp-7);
  background-color: var(--c-fond-alt);
}

.sectiune-cta-home__grila {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-5);
  align-items: center;
}

.sectiune-cta-home__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  display: block;
  margin-bottom: 0.85rem;
}

.sectiune-cta-home__titlu {
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  font-weight: 800;
  color: var(--c-principal);
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin-bottom: var(--sp-2);
}

.sectiune-cta-home__text {
  color: var(--c-text-subtil);
  font-size: 1rem;
  line-height: 1.7;
  max-width: 520px;
}

.sectiune-cta-home__butoane {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  flex-shrink: 0;
}

/* ===========================
   ANTET PAGINA INTERNA
   =========================== */

.antet-pagina {
  background-color: var(--c-principal);
  padding-block: var(--sp-6) var(--sp-5);
}

.antet-pagina__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  display: block;
  margin-bottom: 0.85rem;
}

.antet-pagina__titlu {
  font-size: clamp(1.75rem, 4vw, 2.9rem);
  font-weight: 800;
  color: var(--c-alb);
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: var(--sp-2);
}

.antet-pagina__subtitlu {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.68);
  max-width: 620px;
  line-height: 1.68;
}

/* ===========================
   SECTIUNEA EDITORIAL (PLATFORMA PAGE)
   =========================== */

.sectiune-editorial {
  padding-block: var(--sp-7);
}

.sectiune-editorial__grila {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: var(--sp-6);
  align-items: start;
}

.editorial-corp h2 {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--c-principal);
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-2);
  margin-top: var(--sp-5);
  line-height: 1.3;
}

.editorial-corp h2:first-child {
  margin-top: 0;
}

.editorial-corp p {
  font-size: 1rem;
  line-height: 1.82;
  color: var(--c-text);
  margin-bottom: var(--sp-2);
}

.editorial-corp .lista-puncte {
  list-style: none;
  padding: 0;
  margin-bottom: var(--sp-3);
}

.editorial-corp .lista-puncte li {
  position: relative;
  padding-left: 1.4rem;
  margin-bottom: 0.6rem;
  font-size: 1rem;
  line-height: 1.72;
  color: var(--c-text);
}

.editorial-corp .lista-puncte li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--c-accent);
}

.editorial-suport {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.panou-suport {
  background-color: var(--c-alb);
  border-radius: var(--raza-mare);
  padding: var(--sp-3);
  box-shadow: var(--umbra-card);
  border-top: 3px solid var(--c-accent);
}

.panou-suport__titlu {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-bottom: 0.6rem;
}

.panou-suport__text {
  font-size: 0.87rem;
  color: var(--c-text-subtil);
  line-height: 1.65;
}

/* ===========================
   SECTIUNEA SPLIT (PLATFORMA PAGE)
   =========================== */

.sectiune-split {
  padding-block: var(--sp-6);
}

.sectiune-split--fond-alt {
  background-color: var(--c-fond-alt);
}

.sectiune-split__grila {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-5);
  align-items: center;
}

.sectiune-split__grila--inversat {
  direction: rtl;
}

.sectiune-split__grila--inversat > * {
  direction: ltr;
}

.sectiune-split__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  display: block;
  margin-bottom: 0.85rem;
}

.sectiune-split__titlu {
  font-size: clamp(1.3rem, 2.5vw, 1.85rem);
  font-weight: 700;
  color: var(--c-principal);
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-2);
  line-height: 1.28;
}

.sectiune-split__text p {
  font-size: 1rem;
  line-height: 1.78;
  color: var(--c-text);
  margin-bottom: var(--sp-2);
}

.sectiune-split__text p:last-child {
  margin-bottom: 0;
}

.sectiune-split__vizual {
  border-radius: var(--raza-mare);
  overflow: hidden;
  background-color: var(--c-fond-alt);
}

/* ===========================
   SECTIUNEA FAQ
   =========================== */

.sectiune-faq {
  background-color: var(--c-fond-alt);
  padding-block: var(--sp-6);
}

.sectiune-faq__antet {
  margin-bottom: var(--sp-5);
}

.sectiune-faq__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  display: block;
  margin-bottom: 0.85rem;
}

.sectiune-faq__titlu {
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  font-weight: 800;
  color: var(--c-principal);
  letter-spacing: -0.025em;
  max-width: 540px;
}

.grila-faq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-3);
}

.card-faq {
  background-color: var(--c-alb);
  border-radius: var(--raza-mare);
  padding: var(--sp-4);
  box-shadow: var(--umbra-usoara);
}

.card-faq__intrebare {
  font-size: 0.97rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-bottom: var(--sp-2);
  line-height: 1.4;
}

.card-faq__raspuns {
  font-size: 0.9rem;
  line-height: 1.72;
  color: var(--c-text-subtil);
}

/* ===========================
   SECTIUNEA CAPACITATI DETALIATE (FUNCTIONALITATI PAGE)
   =========================== */

.sectiune-capacitati-detalii {
  padding-block: var(--sp-7);
}

.capacitati-detalii__grila {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: var(--sp-5);
  align-items: start;
}

.navigare-laterala {
  position: sticky;
  top: calc(56px + var(--sp-4));
  background-color: var(--c-alb);
  border-radius: var(--raza-mare);
  padding: var(--sp-3);
  box-shadow: var(--umbra-card);
  border: 1px solid var(--c-separator);
}

.navigare-laterala__antet {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-text-palid);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid var(--c-separator);
  margin-bottom: var(--sp-2);
}

.navigare-laterala__element {
  display: block;
  padding: 0.48rem var(--sp-2);
  font-size: 0.875rem;
  color: var(--c-text-subtil);
  text-decoration: none;
  border-radius: var(--raza-mica);
  transition: background-color var(--tranzitie), color var(--tranzitie);
  font-weight: 500;
  line-height: 1.4;
}

.navigare-laterala__element:hover {
  background-color: var(--c-fond);
  color: var(--c-principal);
}

.capacitati-continut {}

.bloc-capacitate {
  margin-bottom: var(--sp-6);
  padding-bottom: var(--sp-6);
  border-bottom: 1px solid var(--c-separator);
}

.bloc-capacitate:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.bloc-capacitate__indicator {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  margin-bottom: 0.6rem;
}

.bloc-capacitate__titlu {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--c-principal);
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-2);
  line-height: 1.28;
}

.bloc-capacitate__text {
  font-size: 1rem;
  line-height: 1.78;
  color: var(--c-text);
  margin-bottom: var(--sp-3);
  max-width: 680px;
}

.bloc-capacitate__lista {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem var(--sp-3);
  list-style: none;
  padding: 0;
}

.bloc-capacitate__lista li {
  position: relative;
  padding-left: 1.2rem;
  font-size: 0.93rem;
  color: var(--c-text);
  line-height: 1.6;
}

.bloc-capacitate__lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.63em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--c-accent);
}

/* ===========================
   SECTIUNEA PASI ACCES
   =========================== */

.sectiune-pasi-acces {
  background-color: var(--c-fond-alt);
  padding-block: var(--sp-6);
}

.sectiune-pasi-acces__antet {
  text-align: center;
  margin-bottom: var(--sp-5);
}

.sectiune-pasi-acces__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--c-accent);
  display: block;
  margin-bottom: 0.85rem;
}

.sectiune-pasi-acces__titlu {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--c-principal);
  letter-spacing: -0.025em;
  max-width: 480px;
  margin-inline: auto;
}

.grila-pasi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sp-3);
}

.card-pas {
  background-color: var(--c-alb);
  border-radius: var(--raza-mare);
  padding: var(--sp-4);
  box-shadow: var(--umbra-usoara);
}

.card-pas__numar {
  width: 34px;
  height: 34px;
  background-color: var(--c-accent);
  color: var(--c-principal);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.83rem;
  font-weight: 800;
  margin-bottom: var(--sp-2);
}

.card-pas__titlu {
  font-size: 0.93rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-bottom: 0.5rem;
  line-height: 1.35;
}

.card-pas__text {
  font-size: 0.85rem;
  color: var(--c-text-subtil);
  line-height: 1.65;
}

/* ===========================
   LEGATURI CATRE ALTE PAGINI
   =========================== */

.sectiune-legaturi {
  padding-block: var(--sp-5);
  border-top: 1px solid var(--c-separator);
}

.sectiune-legaturi__eticheta {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-text-palid);
  margin-bottom: var(--sp-3);
}

.grila-legaturi-pagini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-3);
}

.card-legatura-pagina {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  background-color: var(--c-alb);
  border: 1px solid var(--c-separator);
  border-radius: var(--raza-mare);
  padding: var(--sp-3);
  text-decoration: none;
  transition: border-color var(--tranzitie), box-shadow var(--tranzitie);
}

.card-legatura-pagina:hover {
  border-color: var(--c-accent);
  box-shadow: var(--umbra-card);
}

.card-legatura-pagina__titlu {
  font-size: 0.97rem;
  font-weight: 700;
  color: var(--c-principal);
}

.card-legatura-pagina__descriere {
  font-size: 0.86rem;
  color: var(--c-text-subtil);
  line-height: 1.55;
}

/* ===========================
   SECTIUNEA CONTACT
   =========================== */

.sectiune-contact {
  padding-block: var(--sp-7);
}

.sectiune-contact__grila {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: var(--sp-6);
  align-items: start;
}

.sectiune-contact__titlu-formular {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-bottom: var(--sp-3);
  letter-spacing: -0.01em;
}

.formular-solicitare {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.camp-formular {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.eticheta-camp {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--c-text);
  letter-spacing: 0.005em;
}

.eticheta-camp .marcaj-obligatoriu {
  color: var(--c-accent);
  margin-left: 2px;
}

.intrare-text,
.intrare-select,
.intrare-mesaj {
  width: 100%;
  padding: 0.68rem 0.95rem;
  background-color: var(--c-alb);
  border: 1.5px solid var(--c-separator);
  border-radius: var(--raza-medie);
  font-family: var(--font-baza);
  font-size: 0.95rem;
  color: var(--c-text);
  transition: border-color var(--tranzitie), box-shadow var(--tranzitie);
  appearance: none;
}

.intrare-text:focus,
.intrare-select:focus,
.intrare-mesaj:focus {
  outline: none;
  border-color: var(--c-accent);
  box-shadow: 0 0 0 3px rgba(41, 185, 164, 0.14);
}

.intrare-mesaj {
  resize: vertical;
  min-height: 126px;
}

.intrare-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C6474' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  padding-right: 2.4rem;
  cursor: pointer;
}

.buton-trimitere {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-accent);
  color: var(--c-principal);
  padding: 0.85rem 2rem;
  border-radius: var(--raza-medie);
  font-size: 1rem;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color var(--tranzitie), transform var(--tranzitie);
  width: 100%;
  letter-spacing: 0.01em;
}

.buton-trimitere:hover {
  background-color: var(--c-accent-hover);
  transform: translateY(-1px);
}

.buton-trimitere:focus-visible {
  outline: 2px solid var(--c-principal);
  outline-offset: 3px;
}

.nota-formular {
  font-size: 0.82rem;
  color: var(--c-text-palid);
  line-height: 1.55;
}

/* ===========================
   PANOU INFORMATII CONTACT
   =========================== */

.panou-contact {
  background-color: var(--c-principal);
  border-radius: var(--raza-mare);
  padding: var(--sp-4);
}

.panou-contact__titlu {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--c-alb);
  margin-bottom: var(--sp-3);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.panou-contact__grup {
  margin-bottom: var(--sp-3);
}

.panou-contact__eticheta {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-accent);
  margin-bottom: 0.4rem;
}

.panou-contact__valoare {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.55;
}

.panou-contact__valoare a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  transition: color var(--tranzitie);
}

.panou-contact__valoare a:hover {
  color: var(--c-accent);
}

/* ===========================
   SECTIUNEA DUPA TRIMITERE
   =========================== */

.sectiune-dupa-trimitere {
  background-color: var(--c-fond-alt);
  padding-block: var(--sp-6);
}

.sectiune-dupa-trimitere__titlu {
  font-size: clamp(1.3rem, 2.5vw, 1.8rem);
  font-weight: 700;
  color: var(--c-principal);
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-2);
  max-width: 580px;
}

.sectiune-dupa-trimitere__text {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--c-text);
  max-width: 600px;
  margin-bottom: var(--sp-4);
}

.grila-etape-procesare {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-3);
}

.card-etapa {
  background-color: var(--c-alb);
  border-radius: var(--raza-mare);
  padding: var(--sp-3);
  box-shadow: var(--umbra-usoara);
  border-left: 3px solid var(--c-accent);
}

.card-etapa__index {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--c-accent);
  margin-bottom: 0.4rem;
  font-variant-numeric: tabular-nums;
}

.card-etapa__titlu {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-bottom: 0.4rem;
}

.card-etapa__text {
  font-size: 0.86rem;
  color: var(--c-text-subtil);
  line-height: 1.6;
}

/* ===========================
   PAGINI LEGALE
   =========================== */

.sectiune-document-legal {
  padding-block: var(--sp-6) var(--sp-7);
}

.document-legal__grila {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: var(--sp-6);
  align-items: start;
}

.cuprins-document {
  position: sticky;
  top: calc(56px + var(--sp-4));
  background-color: var(--c-alb);
  border: 1px solid var(--c-separator);
  border-radius: var(--raza-mare);
  padding: var(--sp-3);
}

.cuprins-document__antet {
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-text-palid);
  margin-bottom: var(--sp-2);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid var(--c-separator);
}

.cuprins-document__element {
  display: block;
  padding: 0.4rem var(--sp-1);
  font-size: 0.85rem;
  color: var(--c-text-subtil);
  text-decoration: none;
  border-radius: var(--raza-mica);
  transition: background-color var(--tranzitie), color var(--tranzitie);
  line-height: 1.42;
}

.cuprins-document__element:hover {
  background-color: var(--c-fond);
  color: var(--c-principal);
}

.corp-document {}

.corp-document h2 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--c-principal);
  letter-spacing: -0.02em;
  margin-top: var(--sp-5);
  margin-bottom: var(--sp-2);
  padding-top: var(--sp-4);
  border-top: 1px solid var(--c-separator);
  line-height: 1.3;
}

.corp-document h2:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.corp-document h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-top: var(--sp-3);
  margin-bottom: var(--sp-1);
}

.corp-document p {
  font-size: 0.93rem;
  line-height: 1.82;
  color: var(--c-text);
  margin-bottom: var(--sp-2);
}

.corp-document ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--sp-3);
  padding-left: var(--sp-3);
}

.corp-document ul li {
  position: relative;
  font-size: 0.93rem;
  line-height: 1.72;
  color: var(--c-text);
  margin-bottom: 0.45rem;
}

.corp-document ul li::before {
  content: '';
  position: absolute;
  left: -1.2rem;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--c-accent);
}

.corp-document a {
  color: var(--c-accent-hover);
}

.corp-document a:hover {
  color: var(--c-accent);
}

/* ===========================
   PAGINA DETAILS
   =========================== */

.sectiune-detalii-suplimentare {
  padding-block: var(--sp-6) var(--sp-7);
}

.grila-panouri {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-4);
  margin-bottom: var(--sp-5);
}

.panou-informatie {
  background-color: var(--c-alb);
  border: 1px solid var(--c-separator);
  border-radius: var(--raza-mare);
  padding: var(--sp-4);
}

.panou-informatie__titlu {
  font-size: 1rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-bottom: var(--sp-2);
  padding-bottom: var(--sp-2);
  border-bottom: 2px solid var(--c-accent);
  display: inline-block;
}

.panou-informatie__corp {
  font-size: 0.93rem;
  line-height: 1.78;
  color: var(--c-text);
  margin-top: var(--sp-2);
}

.panou-informatie__corp p {
  margin-bottom: var(--sp-2);
}

.panou-informatie__corp p:last-child {
  margin-bottom: 0;
}

.panou-informatie__lista {
  list-style: none;
  padding: 0;
  margin-top: var(--sp-2);
}

.panou-informatie__lista li {
  padding: 0.38rem 0;
  border-bottom: 1px solid var(--c-fond-alt);
  font-size: 0.9rem;
  color: var(--c-text);
  display: flex;
  align-items: baseline;
  gap: var(--sp-2);
}

.panou-informatie__lista li::before {
  content: '—';
  color: var(--c-accent);
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.8rem;
}

.sectiune-detalii-suplimentare .nota-limitare {
  background-color: var(--c-fond-alt);
  border-left: 3px solid var(--c-accent);
  padding: var(--sp-3) var(--sp-4);
  border-radius: 0 var(--raza-mare) var(--raza-mare) 0;
  margin-top: var(--sp-4);
}

.sectiune-detalii-suplimentare .nota-limitare p {
  font-size: 0.93rem;
  line-height: 1.72;
  color: var(--c-text-subtil);
  margin-bottom: var(--sp-1);
}

.sectiune-detalii-suplimentare .nota-limitare p:last-child {
  margin-bottom: 0;
}

/* ===========================
   PAGINA EXTRA
   =========================== */

.sectiune-extra-info {
  padding-block: var(--sp-6) var(--sp-7);
}

.grila-blocuri-extra {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-4);
  margin-bottom: var(--sp-5);
}

.bloc-info-extra {
  background-color: var(--c-alb);
  border-radius: var(--raza-mare);
  padding: var(--sp-4);
  box-shadow: var(--umbra-usoara);
  border-top: 3px solid var(--c-accent);
}

.bloc-info-extra__titlu {
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--c-principal);
  margin-bottom: var(--sp-2);
  letter-spacing: -0.01em;
}

.bloc-info-extra__text {
  font-size: 0.93rem;
  line-height: 1.78;
  color: var(--c-text);
}

.bloc-info-extra__text p {
  margin-bottom: var(--sp-2);
}

.bloc-info-extra__text p:last-child {
  margin-bottom: 0;
}

.tabel-terminologie {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.93rem;
}

.tabel-terminologie th {
  text-align: left;
  padding: 0.6rem var(--sp-2);
  background-color: var(--c-fond-alt);
  color: var(--c-text-subtil);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-bottom: 2px solid var(--c-separator);
}

.tabel-terminologie td {
  padding: 0.7rem var(--sp-2);
  border-bottom: 1px solid var(--c-separator);
  vertical-align: top;
  line-height: 1.6;
  color: var(--c-text);
}

.tabel-terminologie tr:last-child td {
  border-bottom: none;
}

.tabel-terminologie td:first-child {
  font-weight: 600;
  color: var(--c-principal);
  white-space: nowrap;
}

/* ===========================
   UTILITARE TITLURI SECTIUNI
   =========================== */

.titlu-sectiune-interior {
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 800;
  color: var(--c-principal);
  letter-spacing: -0.025em;
  margin-bottom: var(--sp-3);
}

.titlu-sectiune-interior--spatiu-sus {
  margin-top: var(--sp-6);
}

.titlu-sectiune-interior--primul {
  margin-top: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.tabel-container {
  background-color: var(--c-alb);
  border-radius: var(--raza-mare);
  padding: var(--sp-4);
  box-shadow: var(--umbra-usoara);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ===========================
   VISUAL CANAL CONTACT
   =========================== */

.visual-canal {
  margin-bottom: var(--sp-3);
  border-radius: var(--raza-mare);
  overflow: hidden;
}

/* ===========================
   SUBSOL (FOOTER)
   =========================== */

.subsol {
  background-color: var(--c-principal);
  padding-block: var(--sp-6) var(--sp-4);
}

.subsol__principal {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--sp-5);
  padding-bottom: var(--sp-5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  margin-bottom: var(--sp-4);
  max-width: var(--latime-maxima);
  margin-inline: auto;
  padding-inline: var(--sp-4);
}

.subsol__coloana-brand {}

.subsol__legatura-brand {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
  margin-bottom: var(--sp-3);
}

.subsol__simbol {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.subsol__nume-brand {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--c-alb);
}

.subsol__descriere-scurta {
  font-size: 0.86rem;
  color: rgba(255, 255, 255, 0.48);
  line-height: 1.65;
  max-width: 270px;
}

.subsol__titlu-coloana {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
  margin-bottom: var(--sp-2);
}

.subsol__lista-navigare {}

.subsol__lista-navigare li {
  margin-bottom: 0.5rem;
}

.subsol__lista-navigare a {
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color var(--tranzitie);
  line-height: 1.4;
}

.subsol__lista-navigare a:hover {
  color: var(--c-accent);
}

.subsol__linie-contact {
  font-size: 0.87rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.55;
  margin-bottom: 0.5rem;
}

.subsol__linie-contact a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color var(--tranzitie);
}

.subsol__linie-contact a:hover {
  color: var(--c-accent);
}

.subsol__baza {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--sp-2);
  max-width: var(--latime-maxima);
  margin-inline: auto;
  padding-inline: var(--sp-4);
}

.subsol__copyright {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.32);
}

.subsol__documente-legale {
  display: flex;
  gap: var(--sp-3);
}

.subsol__documente-legale a {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  transition: color var(--tranzitie);
}

.subsol__documente-legale a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/* ===========================
   UTILITARE
   =========================== */

.separator-vizual {
  height: 1px;
  background-color: var(--c-separator);
}

.insigma-serviciu {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background-color: rgba(41, 185, 164, 0.1);
  color: var(--c-accent-hover);
  padding: 0.28rem 0.7rem;
  border-radius: 100px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* ===========================
   RESPONSIVE — 1100px
   =========================== */

@media (max-width: 1100px) {
  .sectiune-intro__grila {
    grid-template-columns: 1fr 320px;
    gap: var(--sp-4);
  }

  .grila-trei-coloane {
    grid-template-columns: repeat(2, 1fr);
  }

  .sectiune-editorial__grila {
    grid-template-columns: 1fr;
  }

  .editorial-suport {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .panou-suport {
    flex: 1 1 260px;
  }

  .capacitati-detalii__grila {
    grid-template-columns: 1fr;
  }

  .navigare-laterala {
    display: none;
  }

  .sectiune-contact__grila {
    grid-template-columns: 1fr 280px;
    gap: var(--sp-4);
  }

  .grila-pasi {
    grid-template-columns: repeat(2, 1fr);
  }

  .subsol__principal {
    grid-template-columns: 1fr 1fr;
  }

  .subsol__coloana-brand {
    grid-column: 1 / -1;
  }

  .subsol__descriere-scurta {
    max-width: none;
  }
}

/* ===========================
   RESPONSIVE — 768px
   =========================== */

@media (max-width: 768px) {
  :root {
    --sp-6: 3.5rem;
    --sp-7: 5rem;
  }

  .sectiune-intro__grila {
    grid-template-columns: 1fr;
  }

  .sectiune-intro__ilustratie {
    display: none;
  }

  .sectiune-prezentare__grila {
    grid-template-columns: 1fr;
    gap: var(--sp-4);
  }

  .sectiune-prezentare__vizual {
    order: -1;
  }

  .grila-trei-coloane {
    grid-template-columns: 1fr;
  }

  .sectiune-cta-home__grila {
    grid-template-columns: 1fr;
    gap: var(--sp-3);
  }

  .sectiune-cta-home__butoane {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .grila-faq {
    grid-template-columns: 1fr;
  }

  .sectiune-split__grila {
    grid-template-columns: 1fr;
    gap: var(--sp-4);
  }

  .sectiune-split__grila--inversat {
    direction: ltr;
  }

  .sectiune-contact__grila {
    grid-template-columns: 1fr;
    gap: var(--sp-4);
  }

  .grila-etape-procesare {
    grid-template-columns: 1fr;
  }

  .grila-pasi {
    grid-template-columns: 1fr;
  }

  .grila-legaturi-pagini {
    grid-template-columns: 1fr;
  }

  .document-legal__grila {
    grid-template-columns: 1fr;
  }

  .cuprins-document {
    display: none;
  }

  .grila-panouri {
    grid-template-columns: 1fr;
  }

  .grila-blocuri-extra {
    grid-template-columns: 1fr;
  }

  .subsol__principal {
    grid-template-columns: 1fr;
    gap: var(--sp-4);
  }

  .subsol__coloana-brand {
    grid-column: auto;
  }

  .subsol__baza {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-1);
  }

  .navigare__legatura {
    font-size: 0.82rem;
    padding: 0.4rem 0.6rem;
  }

  .bloc-capacitate__lista {
    grid-template-columns: 1fr;
  }

  .tabel-terminologie {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}