/* =====================================================================
   Site Andreea Maxim – foaia de stil principală
   ---------------------------------------------------------------------
   CUM MODIFICI DESIGNUL:
   Toate culorile, fonturile, spațierile și colțurile rotunjite sunt
   definite O SINGURĂ DATĂ, mai jos, în secțiunea „SETĂRI DESIGN”.
   Schimbi o valoare acolo și se schimbă peste tot pe site.
   ===================================================================== */

/* === SETĂRI DESIGN === */
:root {
  /* --- Culori --- */
  --culoare-fundal: #FBFBF8;            /* fundalul general al paginii (alb cald) */
  --culoare-fundal-alt: #EEF3F0;        /* fundal pentru secțiunile alternante (verde-salvie foarte deschis) */
  --culoare-card: #FFFFFF;              /* fundalul cardurilor */
  --culoare-text: #1E2A2B;              /* textul principal */
  --culoare-text-secundar: #4A5859;     /* texte explicative, mai discrete */
  --culoare-principala: #22575A;        /* culoarea de bază: butoane, linkuri, titluri mici */
  --culoare-principala-inchisa: #163E40;/* varianta mai închisă (la trecerea cu mouse-ul) */
  --culoare-principala-deschisa: #DCEAE7;/* varianta foarte deschisă (etichete, fundaluri mici) */
  --culoare-accent: #D9A441;            /* accent cald (miere) – folosit cu măsură */
  --culoare-accent-deschis: #F7ECD5;    /* accent foarte deschis */
  --culoare-linie: #DCE3DF;             /* linii și contururi fine */
  --culoare-whatsapp: #1FAF54;          /* butonul WhatsApp */
  --culoare-subsol: #163E40;            /* fundalul subsolului (footer) */
  --culoare-text-subsol: #E3ECEA;       /* textul din subsol */
  --culoare-text-subsol-discret: #B9CBC8; /* textul mic din josul subsolului */
  --culoare-antet: rgba(251, 251, 248, 0.94); /* fundalul antetului (ușor transparent) */
  --culoare-whatsapp-hover: #178a42;    /* butonul WhatsApp, la trecerea cu mouse-ul */

  /* --- Fonturi (maximum 2) --- */
  --font-titluri: "Literata", Georgia, "Times New Roman", serif;
  --font-text: "Figtree", "Segoe UI", Roboto, Arial, sans-serif;
  --greutate-titluri: 600;  /* cât de „groase” sunt titlurile */

  /* --- Mărimi de text --- */
  --text-mic: 0.9375rem;     /* 15px */
  --text-normal: 1.0625rem;  /* 17px – textul obișnuit */
  --text-mare: 1.25rem;      /* 20px */
  --titlu-3: 1.3rem;
  --titlu-2: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
  --titlu-1: clamp(2.1rem, 1.5rem + 2.8vw, 3.4rem);

  /* --- Spațieri --- */
  --spatiu-xs: 0.5rem;
  --spatiu-s: 1rem;
  --spatiu-m: 1.5rem;
  --spatiu-l: 2.5rem;
  --spatiu-xl: clamp(3.5rem, 2.5rem + 4vw, 6rem);  /* spațiul dintre secțiuni */

  /* --- Colțuri rotunjite --- */
  --colt-mic: 8px;
  --colt-mediu: 14px;
  --colt-mare: 22px;

  /* --- Lățimi --- */
  --latime-maxima: 1140px;   /* lățimea maximă a conținutului */
  --latime-text: 68ch;       /* lățimea maximă a paragrafelor, pentru citire ușoară */

  /* --- Umbră --- */
  --umbra: 0 1px 2px rgba(22, 62, 64, 0.06), 0 8px 24px rgba(22, 62, 64, 0.07);
}
/* === SFÂRȘIT SETĂRI DESIGN === */


/* === BAZĂ === */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }
body {
  margin: 0;
  background: var(--culoare-fundal);
  color: var(--culoare-text);
  font-family: var(--font-text);
  font-size: var(--text-normal);
  line-height: 1.65;
}
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3 {
  font-family: var(--font-titluri);
  font-weight: var(--greutate-titluri);
  line-height: 1.2;
  margin: 0 0 var(--spatiu-s);
  text-wrap: balance;
  color: var(--culoare-text);
}
h1 { font-size: var(--titlu-1); letter-spacing: -0.01em; }
h2 { font-size: var(--titlu-2); }
h3 { font-size: var(--titlu-3); }
p { margin: 0 0 var(--spatiu-s); max-width: var(--latime-text); }
ul { margin: 0 0 var(--spatiu-s); padding-left: 1.2rem; }
li { margin-bottom: 0.35rem; }
a { color: var(--culoare-principala); text-underline-offset: 3px; }
a:hover { color: var(--culoare-principala-inchisa); }
:focus-visible { outline: 3px solid var(--culoare-accent); outline-offset: 3px; border-radius: 4px; }
strong { font-weight: 600; }

.container {
  width: 100%;
  max-width: var(--latime-maxima);
  margin-inline: auto;
  padding-inline: var(--spatiu-s);
}
@media (min-width: 700px) { .container { padding-inline: var(--spatiu-m); } }

.sectiune { padding-block: var(--spatiu-xl); }
.sectiune--alt { background: var(--culoare-fundal-alt); }
.sectiune__intro { margin-bottom: var(--spatiu-l); }
.sectiune__intro p { color: var(--culoare-text-secundar); font-size: var(--text-mare); }

.eticheta {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--culoare-principala);
  margin-bottom: var(--spatiu-xs);
}

.sari-la-continut {
  position: absolute; left: -9999px; top: 0;
  background: var(--culoare-principala); color: #fff; padding: 0.75rem 1rem; z-index: 100;
}
.sari-la-continut:focus { left: 1rem; top: 1rem; }


/* === BUTOANE === */
.buton {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  min-height: 48px;
  padding: 0.75rem 1.4rem;
  border-radius: 999px;
  font-family: var(--font-text);
  font-size: var(--text-normal);
  font-weight: 600;
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  transition: background-color .2s, color .2s, border-color .2s;
}
.buton--principal { background: var(--culoare-principala); color: #fff; }
.buton--principal:hover { background: var(--culoare-principala-inchisa); color: #fff; }
.buton--secundar { background: transparent; color: var(--culoare-principala); border-color: var(--culoare-principala); }
.buton--secundar:hover { background: var(--culoare-principala-deschisa); }
.buton--whatsapp { background: var(--culoare-whatsapp); color: #fff; }
.buton--whatsapp:hover { background: var(--culoare-whatsapp-hover); color: #fff; }
.butoane { display: flex; flex-wrap: wrap; gap: var(--spatiu-s); }
.buton svg { width: 20px; height: 20px; flex: none; }


/* === ANTET ȘI MENIU === */
.antet {
  position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50;
  background: var(--culoare-antet);
  backdrop-filter: saturate(1.4) blur(8px);
  border-bottom: 1px solid var(--culoare-linie);
}
.antet__interior { display: flex; align-items: center; justify-content: space-between; gap: var(--spatiu-s); min-height: 68px; }
.sigla { display: flex; align-items: center; gap: 0.7rem; text-decoration: none; color: var(--culoare-text); }
.sigla__monograma {
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center; flex: none;
  background: var(--culoare-principala); color: #fff;
  font-family: var(--font-titluri); font-weight: 600; font-size: 1rem;
}
.sigla__text { display: flex; flex-direction: column; line-height: 1.15; }
.sigla__nume { font-family: var(--font-titluri); font-weight: 600; font-size: 1.1rem; }
.sigla__rol { font-size: 0.78rem; color: var(--culoare-text-secundar); }

.meniu-buton {
  display: inline-flex; align-items: center; gap: 0.4rem;
  min-height: 44px; padding: 0.5rem 0.9rem;
  border: 1px solid var(--culoare-linie); border-radius: 999px;
  background: var(--culoare-card); color: var(--culoare-text);
  font: 600 0.95rem var(--font-text); cursor: pointer;
}
.meniu-buton svg { width: 20px; height: 20px; }
.meniu { display: none; }
.meniu.deschis {
  display: block;
  position: absolute; left: 0; right: 0; top: 100%;
  background: var(--culoare-fundal);
  border-bottom: 1px solid var(--culoare-linie);
  box-shadow: var(--umbra);
  padding: var(--spatiu-xs) var(--spatiu-s) var(--spatiu-m);
}
.meniu ul { list-style: none; margin: 0; padding: 0; }
.meniu li { margin: 0; }
.meniu a {
  display: block; padding: 0.8rem 0.25rem;
  text-decoration: none; color: var(--culoare-text); font-weight: 500;
  border-bottom: 1px solid var(--culoare-linie);
}
.meniu a[aria-current="page"] { color: var(--culoare-principala); font-weight: 700; }
.meniu .meniu__contact { margin-top: var(--spatiu-s); border: 0; text-align: center; }

@media (min-width: 1180px) {
  .meniu-buton { display: none; }
  .meniu, .meniu.deschis { display: block; position: static; padding: 0; background: none; border: 0; box-shadow: none; }
  .meniu ul { display: flex; align-items: center; gap: 0.2rem; }
  .meniu a { border: 0; padding: 0.5rem 0.6rem; border-radius: 999px; font-size: 0.95rem; white-space: nowrap; }
  .meniu a:hover { background: var(--culoare-principala-deschisa); }
  .meniu a[aria-current="page"] { background: var(--culoare-principala-deschisa); }
  .meniu .meniu__contact { margin: 0 0 0 0.4rem; padding: 0.55rem 1.1rem; background: var(--culoare-principala); color: #fff; }
  .meniu .meniu__contact:hover, .meniu .meniu__contact[aria-current="page"] { background: var(--culoare-principala-inchisa); color: #fff; }
}


/* === BUTONUL DE LIMBĂ (RO / EN) === */
.antet__actiuni { display: flex; align-items: center; gap: 0.5rem; }
.limba {
  display: inline-grid; place-items: center;
  min-width: 44px; min-height: 44px; padding: 0 0.6rem;
  border: 1px solid var(--culoare-linie); border-radius: 999px;
  background: var(--culoare-card); color: var(--culoare-principala);
  font-weight: 700; font-size: 0.9rem; letter-spacing: 0.04em; text-decoration: none;
}
.limba:hover { background: var(--culoare-principala-deschisa); }
@media (min-width: 1180px) {
  .antet__interior { flex-wrap: nowrap; }
  .antet__actiuni { order: 3; }
  .meniu { margin-left: auto; }
}
@media (max-width: 400px) { .sigla__rol { display: none; } }
.sigla { flex: none; }
.sigla__nume, .sigla__rol { white-space: nowrap; }
/* Pe ecrane medii, cu meniul complet afișat, ascundem rândul mic de sub nume ca să încapă meniul */
@media (min-width: 1180px) and (max-width: 1439px) { .sigla__rol { display: none; } }


/* === MOTTO-URI === */
.motto {
  font-family: var(--font-titluri); font-style: italic; font-weight: 500;
  color: var(--culoare-principala) !important;
  margin-top: var(--spatiu-s) !important;
  padding-left: 0.9rem; border-left: 3px solid var(--culoare-accent);
}
.card__motto { font-family: var(--font-titluri); font-style: italic; color: var(--culoare-principala); font-size: var(--text-mic); margin-bottom: 0.6rem; }


/* === TRIMITERE CĂTRE PAGINA „PROFESIONIST vs. IA” (pe Acasă) === */
.trimitere-ia {
  display: grid; gap: var(--spatiu-m); align-items: center;
  border: 1px solid var(--culoare-linie); border-radius: var(--colt-mare);
  background: var(--culoare-card); padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}
@media (min-width: 860px) { .trimitere-ia { grid-template-columns: 1fr auto; } }
.trimitere-ia p { margin: 0; color: var(--culoare-text-secundar); }


/* === PRIMA SECȚIUNE (HERO) === */
.hero { padding-block: var(--spatiu-l) var(--spatiu-xl); }
.hero__grila { display: grid; gap: var(--spatiu-l); align-items: center; }
@media (min-width: 900px) { .hero__grila { grid-template-columns: 1.25fr 1fr; gap: var(--spatiu-xl); } }
.hero h1 { margin-bottom: var(--spatiu-s); }
.hero h1 .accent { color: var(--culoare-principala); }
.hero__motto {
  font-family: var(--font-titluri); font-style: italic; font-weight: 500;
  font-size: clamp(1.15rem, 1rem + 0.7vw, 1.45rem);
  color: var(--culoare-principala);
  margin: -0.25rem 0 var(--spatiu-m);
  padding-left: 0.9rem; border-left: 3px solid var(--culoare-accent);
}
.hero__mesaj { font-size: var(--text-mare); color: var(--culoare-text-secundar); }
.hero__mesaj strong { color: var(--culoare-text); }
.hero__prezentare { margin-bottom: var(--spatiu-m); }
.hero .butoane { margin-top: var(--spatiu-m); }

/* Cardul cu fotografia / prezentarea */
.portret {
  position: relative;
  background: var(--culoare-card);
  border: 1px solid var(--culoare-linie);
  border-radius: var(--colt-mare);
  padding: var(--spatiu-m);
  box-shadow: var(--umbra);
}
.portret__foto {
  aspect-ratio: 4 / 5; max-width: 100%; /* format portret, ca să se vadă fotografia până la piept */
  border-radius: var(--colt-mediu);
  background:
    radial-gradient(circle at 70% 25%, var(--culoare-accent-deschis) 0 18%, transparent 19%),
    linear-gradient(160deg, var(--culoare-principala-deschisa), var(--culoare-fundal-alt));
  display: grid; place-items: center; overflow: hidden;
}
.portret__foto img { width: 100%; height: 100%; object-fit: cover; }
.portret__initiale { font-family: var(--font-titluri); font-size: 4.5rem; color: var(--culoare-principala); opacity: 0.85; }
.portret__nume { font-family: var(--font-titluri); font-size: 1.3rem; font-weight: 600; margin: var(--spatiu-s) 0 0.2rem; }
.portret__loc { color: var(--culoare-text-secundar); font-size: var(--text-mic); margin: 0; }

/* Lista de calități cu anii */
.calitati { list-style: none; padding: 0; margin: var(--spatiu-s) 0 0; display: grid; gap: 0.6rem; }
.calitati li { display: flex; gap: 0.8rem; align-items: baseline; margin: 0; font-size: var(--text-mic); }
.calitati__an {
  flex: none; font-variant-numeric: tabular-nums; font-weight: 700;
  color: var(--culoare-principala-inchisa);
  background: var(--culoare-accent-deschis);
  border-radius: 6px; padding: 0.05rem 0.45rem; font-size: 0.85rem;
}


/* === CARDURI SERVICII === */
.carduri { display: grid; gap: var(--spatiu-m); }
@media (min-width: 760px) { .carduri { grid-template-columns: repeat(3, 1fr); } }
.card {
  display: flex; flex-direction: column;
  background: var(--culoare-card);
  border: 1px solid var(--culoare-linie);
  border-radius: var(--colt-mare);
  padding: var(--spatiu-m);
  min-width: 0;
}
.card__iconita {
  width: 52px; height: 52px; border-radius: 14px;
  display: grid; place-items: center;
  background: var(--culoare-principala-deschisa); color: var(--culoare-principala);
  margin-bottom: var(--spatiu-s);
}
.card__iconita svg { width: 28px; height: 28px; }
.card__an { font-size: var(--text-mic); color: var(--culoare-text-secundar); margin-bottom: 0.4rem; }
.card ul { font-size: var(--text-mic); color: var(--culoare-text-secundar); }
.card__link { margin-top: auto; padding-top: var(--spatiu-s); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 0.35rem; }
.card__link:hover { text-decoration: underline; }


/* === LISTA „DE CE SĂ LUCREZI CU MINE” === */
.motive { display: grid; gap: var(--spatiu-m); list-style: none; padding: 0; margin: 0; }
@media (min-width: 700px) { .motive { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .motive { grid-template-columns: repeat(3, 1fr); } }
.motive li { margin: 0; padding-left: 1rem; border-left: 3px solid var(--culoare-accent); }
.motive h3 { font-size: 1.1rem; margin-bottom: 0.3rem; font-family: var(--font-text); font-weight: 700; }
.motive p { margin: 0; color: var(--culoare-text-secundar); font-size: var(--text-mic); }


/* === PAȘI (CUM LUCRĂM) === */
.pasi { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--spatiu-m); counter-reset: pas; }
@media (min-width: 800px) { .pasi { grid-template-columns: repeat(3, 1fr); } }
.pasi li { margin: 0; counter-increment: pas; }
.pasi li::before {
  content: counter(pas);
  display: grid; place-items: center;
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--culoare-principala); color: #fff; font-weight: 700;
  margin-bottom: 0.7rem;
}
.pasi h3 { font-size: 1.1rem; font-family: var(--font-text); font-weight: 700; margin-bottom: 0.3rem; }
.pasi p { color: var(--culoare-text-secundar); font-size: var(--text-mic); margin: 0; }


/* === TABEL „IA vs. PROFESIONIST” === */
.comparatie__intro { font-family: var(--font-titluri); font-size: var(--text-mare); font-weight: 500; max-width: 60ch; }
.comparatie__tabel { width: 100%; border-collapse: separate; border-spacing: 0; margin-block: var(--spatiu-m); }
.comparatie__tabel th, .comparatie__tabel td { text-align: left; vertical-align: top; padding: 0.9rem 1rem; }
.comparatie__tabel thead th { font-family: var(--font-titluri); font-size: 1.15rem; }
.comparatie__tabel thead th:first-child { color: var(--culoare-text-secundar); }
.comparatie__tabel thead th:last-child { background: var(--culoare-principala); color: #fff; border-radius: var(--colt-mediu) var(--colt-mediu) 0 0; }
.comparatie__tabel tbody td { border-top: 1px solid var(--culoare-linie); }
.comparatie__tabel tbody td:first-child { color: var(--culoare-text-secundar); }
.comparatie__tabel tbody td:last-child { background: var(--culoare-card); font-weight: 500; }
.comparatie__tabel tbody tr:last-child td:last-child { border-radius: 0 0 var(--colt-mediu) var(--colt-mediu); }
.comparatie__incheiere { font-weight: 600; max-width: 60ch; }

/* Pe telefon, tabelul devine o listă de carduri */
@media (max-width: 699px) {
  .comparatie__tabel thead { position: absolute; left: -9999px; }
  .comparatie__tabel, .comparatie__tabel tbody, .comparatie__tabel tr, .comparatie__tabel td { display: block; width: 100%; }
  .comparatie__tabel tr {
    background: var(--culoare-card); border: 1px solid var(--culoare-linie);
    border-radius: var(--colt-mediu); margin-bottom: var(--spatiu-s); overflow: hidden;
  }
  .comparatie__tabel tbody td { border: 0; padding: 0.75rem 1rem; }
  .comparatie__tabel tbody td::before {
    content: attr(data-coloana); display: block;
    font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.15rem;
  }
  .comparatie__tabel tbody td:first-child::before { color: var(--culoare-text-secundar); }
  .comparatie__tabel tbody td:last-child { background: var(--culoare-principala-deschisa); }
  .comparatie__tabel tbody td:last-child::before { color: var(--culoare-principala); }
  .comparatie__tabel tbody tr:last-child td:last-child { border-radius: 0; }
}


/* === BLOC „ÎNDEMN LA CONTACT” === */
.indemn {
  background: var(--culoare-principala);
  color: #fff;
  border-radius: var(--colt-mare);
  padding: clamp(1.75rem, 1rem + 3vw, 3rem);
  display: grid; gap: var(--spatiu-m); align-items: center;
}
@media (min-width: 860px) { .indemn { grid-template-columns: 1.4fr auto; } }
.indemn h2 { color: #fff; }
.indemn p { color: var(--culoare-principala-deschisa); margin: 0; }
.indemn .buton--principal { background: #fff; color: var(--culoare-principala-inchisa); }
.indemn .buton--principal:hover { background: var(--culoare-accent-deschis); }
.indemn .buton--secundar { color: #fff; border-color: rgba(255,255,255,.7); }
.indemn .buton--secundar:hover { background: rgba(255,255,255,.12); }


/* === PAGINI INTERIOARE: TITLU DE PAGINĂ === */
.pagina-titlu { padding-block: var(--spatiu-l); background: var(--culoare-fundal-alt); border-bottom: 1px solid var(--culoare-linie); }
.pagina-titlu p { font-size: var(--text-mare); color: var(--culoare-text-secundar); margin: 0; }
.firimituri { font-size: 0.875rem; margin-bottom: var(--spatiu-s); color: var(--culoare-text-secundar); }
.firimituri ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }
.firimituri li { margin: 0; }
.firimituri li + li::before { content: "›"; margin-right: 0.4rem; }

/* Două coloane: text + casetă laterală */
.doua-coloane { display: grid; gap: var(--spatiu-l); }
@media (min-width: 900px) { .doua-coloane { grid-template-columns: 1.6fr 1fr; align-items: start; } }
.doua-coloane > * { min-width: 0; }
.caseta {
  background: var(--culoare-card); border: 1px solid var(--culoare-linie);
  border-radius: var(--colt-mare); padding: var(--spatiu-m);
}
.caseta--lipita { position: sticky; top: calc(88px + env(safe-area-inset-top, 0px)); }
.caseta h2, .caseta h3 { font-size: 1.2rem; }
.caseta .buton { width: 100%; margin-top: 0.6rem; }

.lista-bifata { list-style: none; padding: 0; }
.lista-bifata li { position: relative; padding-left: 1.8rem; margin-bottom: 0.55rem; }
.lista-bifata li::before {
  content: ""; position: absolute; left: 0; top: 0.45em;
  width: 1.05rem; height: 1.05rem; border-radius: 50%;
  background: var(--culoare-principala-deschisa)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322575A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 70% no-repeat;
}

.legi { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; padding: 0; margin: var(--spatiu-s) 0; }
.legi li {
  margin: 0; font-size: 0.85rem; font-weight: 600;
  padding: 0.3rem 0.75rem; border-radius: 999px;
  background: var(--culoare-accent-deschis); color: var(--culoare-principala-inchisa);
}

.bloc-text + .bloc-text { margin-top: var(--spatiu-l); }


/* === ÎNTREBĂRI FRECVENTE === */
.intrebari { display: grid; gap: 0.75rem; max-width: 820px; }
.intrebari details {
  background: var(--culoare-card); border: 1px solid var(--culoare-linie);
  border-radius: var(--colt-mediu); padding: 0 1.1rem;
}
.intrebari summary {
  cursor: pointer; list-style: none;
  padding: 1rem 2rem 1rem 0; position: relative;
  font-weight: 600; min-height: 48px;
}
.intrebari summary::-webkit-details-marker { display: none; }
.intrebari summary::after {
  content: "+"; position: absolute; right: 0; top: 0.8rem;
  font-size: 1.5rem; line-height: 1; color: var(--culoare-principala);
}
.intrebari details[open] summary::after { content: "–"; }
.intrebari details p { color: var(--culoare-text-secundar); }

.mentiune { font-size: 0.875rem; color: var(--culoare-text-secundar); margin-top: var(--spatiu-m); }


/* === CRONOLOGIE (DESPRE MINE) === */
.cronologie { list-style: none; padding: 0; margin: 0; position: relative; }
.cronologie::before { content: ""; position: absolute; left: 30px; top: 8px; bottom: 8px; width: 2px; background: var(--culoare-linie); }
.cronologie > li { position: relative; padding-left: 82px; margin-bottom: var(--spatiu-l); }
.cronologie__an {
  position: absolute; left: 0; top: 0;
  width: 62px; text-align: center;
  font-variant-numeric: tabular-nums; font-weight: 700;
  background: var(--culoare-principala); color: #fff;
  border-radius: 999px; padding: 0.2rem 0;
}
.cronologie h3 { margin-bottom: 0.4rem; }


/* === PUBLICAȚII === */
.teme { display: grid; gap: var(--spatiu-l); }
.tema h2 { font-size: 1.45rem; }
.tema__descriere { color: var(--culoare-text-secundar); }
.tema__subtitlu { font-size: 1.1rem; font-family: var(--font-text); font-weight: 700; margin: var(--spatiu-m) 0 0.6rem; color: var(--culoare-principala); }
.publicatii { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.75rem; }
.publicatii li {
  margin: 0; background: var(--culoare-card); border: 1px solid var(--culoare-linie);
  border-radius: var(--colt-mediu); padding: 1rem 1.1rem;
}
.publicatii__titlu { font-family: var(--font-titluri); font-weight: 500; font-size: 1.05rem; display: block; margin-bottom: 0.25rem; }
.publicatii__sursa { font-size: var(--text-mic); color: var(--culoare-text-secundar); }

.repere { display: grid; gap: var(--spatiu-m); list-style: none; padding: 0; margin: 0; }
@media (min-width: 760px) { .repere { grid-template-columns: repeat(3, 1fr); } }
.repere li { margin: 0; }
.repere h3 { font-size: 1.05rem; font-family: var(--font-text); font-weight: 700; margin-bottom: 0.3rem; }
.repere p { font-size: var(--text-mic); color: var(--culoare-text-secundar); margin: 0; }


/* === CONTACT === */
.contact-grila { display: grid; gap: var(--spatiu-m); }
@media (min-width: 760px) { .contact-grila { grid-template-columns: repeat(3, 1fr); } }
.contact-card { background: var(--culoare-card); border: 1px solid var(--culoare-linie); border-radius: var(--colt-mare); padding: var(--spatiu-m); min-width: 0; }
.contact-card h2 { font-size: 1.15rem; font-family: var(--font-text); font-weight: 700; }
.contact-card__valoare { font-size: 1.2rem; font-weight: 600; word-break: break-word; display: block; margin-bottom: var(--spatiu-s); }
.contact-card .buton { width: 100%; }


/* === SUBSOL (FOOTER) === */
.subsol { background: var(--culoare-subsol); color: var(--culoare-text-subsol); padding-block: var(--spatiu-l) var(--spatiu-m); font-size: var(--text-mic); }
.subsol a { color: #fff; }
.subsol__grila { display: grid; gap: var(--spatiu-l); }
@media (min-width: 800px) { .subsol__grila { grid-template-columns: 1.4fr 1fr 1fr; } }
.subsol h2 { color: #fff; font-size: 1.05rem; font-family: var(--font-text); font-weight: 700; margin-bottom: 0.6rem; }
.subsol ul { list-style: none; padding: 0; margin: 0; }
.subsol li { margin-bottom: 0.4rem; }
.subsol p { max-width: 46ch; }
.subsol__jos { border-top: 1px solid rgba(255,255,255,.15); margin-top: var(--spatiu-l); padding-top: var(--spatiu-m); display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--spatiu-s); font-size: 0.85rem; color: var(--culoare-text-subsol-discret); }
.subsol__jos p { margin: 0; }


/* === BUTON WHATSAPP PLUTITOR === */
.whatsapp-plutitor {
  position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 60;
  display: inline-flex; align-items: center; gap: 0.5rem;
  min-height: 56px; padding: 0 1.1rem 0 0.95rem;
  border-radius: 999px;
  background: var(--culoare-whatsapp); color: #fff;
  text-decoration: none; font-weight: 600;
  box-shadow: 0 6px 20px rgba(0,0,0,.18);
}
.whatsapp-plutitor:hover { background: var(--culoare-whatsapp-hover); color: #fff; }
.whatsapp-plutitor svg { width: 26px; height: 26px; }
@media (max-width: 480px) { .whatsapp-plutitor__text { display: none; } .whatsapp-plutitor { padding: 0; width: 56px; justify-content: center; } }


/* === PAGINA 404 === */
.pagina-404 { text-align: center; padding-block: var(--spatiu-xl); }
.pagina-404 p { margin-inline: auto; }
.pagina-404 .butoane { justify-content: center; }


/* === AUTORIZĂRI ȘI ÎNSCRIERI PROFESIONALE === */
.autorizari { list-style: none; padding: 0; margin: var(--spatiu-m) 0 0; display: grid; gap: var(--spatiu-m); }
@media (min-width: 860px) { .autorizari { grid-template-columns: repeat(3, 1fr); } }
.autorizari li {
  margin: 0; display: flex; flex-direction: column; min-width: 0;
  background: var(--culoare-card); border: 1px solid var(--culoare-linie);
  border-radius: var(--colt-mare); padding: var(--spatiu-m);
}
.autorizari h3 { font-size: 1.1rem; font-family: var(--font-text); font-weight: 700; margin-bottom: 0.4rem; }
.autorizari p { font-size: var(--text-mic); color: var(--culoare-text-secundar); }
.autorizari strong { color: var(--culoare-text); font-variant-numeric: tabular-nums; }
.autorizari .card__link { margin-top: auto; }
.subsol__autorizari {
  max-width: none !important; margin: var(--spatiu-l) 0 0;
  padding-top: var(--spatiu-m); border-top: 1px solid rgba(255,255,255,.15);
  font-size: 0.85rem; color: var(--culoare-text-subsol-discret);
}
.subsol__autorizari + .subsol__jos { border-top: 0; margin-top: 0; }


/* === CUVINTE EVIDENȚIATE (bold) în titluri și etichete === */
.eticheta strong { font-weight: 800; }
h1 strong, h2 strong { font-weight: 700; }
.eticheta strong { color: var(--culoare-principala-inchisa); }
.indemn h2 strong { color: var(--culoare-accent); }