/* serviciu.css — arhetipul Serviciu (DESIGN-SPEC §6): H1 cu termenul, poza mare din seria lui, „ce include” cu straturile mici,
   lucrările serviciului, întrebările, chemarea. Vine după comun.css (firimiturile, secțiunea desenată mică, galeria, sursele sunt acolo);
   culorile vin numai din tokens.css. Fără JS: pagina n-are nimic de ascuns sau de mișcat. */

/* Capul: firimiturile, textul pe coloana de 720 px, apoi poza mare cu umbra-semnătură (1 pe pagină, §7) */
.serviciu-cap { padding-block: var(--acd-sp-card) var(--acd-sp-sectiune); }
.serviciu-cap__text { display: grid; gap: var(--acd-sp-card); margin-top: var(--acd-sp-micro); }
.serviciu-cap__text > :not(.serviciu-cap__poza) { max-width: var(--acd-coloana); }
.serviciu-cap__lede { font-size: 1.25rem; line-height: 1.5; }
/* P1 (S25b): poza stă sub H1 pe telefon; de la 768 se mută după butoane, pe toată lățimea, unde era */
@media (min-width: 768px) { .serviciu-cap__poza { order: 1; margin-top: calc(var(--acd-sp-rand) - var(--acd-sp-card)); } }
.serviciu-cap__poza img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; box-shadow: var(--acd-umbra-semnatura); }
.serviciu-cap__poza figcaption { margin-top: calc(var(--acd-sp-micro) + 10px); font-size: var(--acd-mic); line-height: 1.5; color: var(--acd-otel); }
@media (min-width: 768px) { .serviciu-cap__poza img { aspect-ratio: 5 / 2; } }

/* Ce include: secțiunea desenată lângă lista straturilor (asimetria 5/7 a semnăturii, §2), apoi trei poze din seria serviciului */
.include__grila { display: grid; gap: var(--acd-sp-card); align-items: start; }
.include__poze { list-style: none; display: grid; gap: var(--acd-sp-card); margin-top: var(--acd-sp-rand); }
.include__poze figure { display: grid; gap: 10px; }
.include__poze img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.include__poze figcaption { font-size: var(--acd-mic); line-height: 1.45; color: var(--acd-otel); }
@media (min-width: 640px) { .include__poze { grid-template-columns: repeat(3, minmax(0, 1fr)); } .include__poze--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Fără desen (serviciile care nu sunt învelitori): lista lucrărilor pe două coloane */
@media (min-width: 768px) { .straturi-mici--lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--acd-sp-rand); row-gap: 16px; } }
@media (min-width: 1024px) { .include__grila { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--acd-sp-rand); } }

/* Legăturile spre Acasă și nota faptelor lipsă, sub galerie și sub poze */
.serviciu__mai-mult { margin-top: var(--acd-sp-card); }
.serviciu__mai-mult a { display: inline-flex; align-items: center; gap: .1em; min-height: 44px; font-weight: 700; text-underline-offset: .25em; }
.serviciu__mai-mult a:hover { text-decoration-color: var(--acd-padure); }
.serviciu__mai-mult .semn { color: var(--acd-padure); }

/* Sursele, sub întrebări, pe verticala lor */
.serviciu__surse { margin-top: var(--acd-sp-titlu); padding-top: var(--acd-sp-card); border-top: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); max-width: var(--acd-coloana); }
.serviciu__surse h3 { font-size: 1.125rem; }
.intrebari .raspuns a { text-underline-offset: .2em; }
.intrebari .raspuns a:hover { text-decoration-color: var(--acd-padure); }
/* Ce mai facem (S24c): frații serviciului, din SERVICII_TOATE */
.frati__lista { list-style: none; display: grid; gap: 0 var(--acd-sp-card); }
.frati__lista li { display: grid; padding-block: 8px 12px; border-bottom: 1px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); }
.frati__lista a { display: inline-flex; align-items: center; min-height: 44px; font: 600 1.0625rem / 1.35 var(--acd-font-titlu); color: var(--acd-ardezie); text-decoration-color: var(--acd-padure); text-underline-offset: .25em; }
.frati__lista span { font-size: var(--acd-mic); color: var(--acd-otel); }
@media (min-width: 640px) { .frati__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .frati__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Hub-ul /servicii/: carduri de text, numerotate (pozele serviciilor stau pe Acasă și pe paginile lor, E19) */
.hub-servicii { list-style: none; display: grid; gap: var(--acd-sp-card); }
.hub-serv { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 4px 16px; height: 100%; padding: var(--acd-sp-card); background-color: var(--acd-alb); border-top: 4px solid var(--acd-padure);
  box-shadow: var(--acd-umbra-treapta); color: var(--acd-ardezie); text-decoration: none; }
.hub-serv__nr { font: 600 1.5rem / 1.1 var(--acd-font-titlu); color: var(--acd-padure); }
.hub-serv__corp { display: grid; gap: 8px; align-content: start; }
.hub-serv__titlu { font: 600 var(--acd-h3) / 1.25 var(--acd-font-titlu); }
.hub-serv__text { line-height: 1.5; }
.hub-serv__sub { font-size: var(--acd-mic); color: var(--acd-otel); }
.hub-serv__mai-mult { display: inline-flex; align-items: center; gap: .1em; margin-top: 4px; font-weight: 700; text-decoration: underline; text-decoration-color: var(--acd-padure); text-underline-offset: .25em; }
.hub-serv:hover .hub-serv__mai-mult, .hub-serv:focus-visible .hub-serv__mai-mult { text-decoration-thickness: 2px; }
@media (min-width: 768px) { .hub-servicii { grid-template-columns: repeat(2, minmax(0, 1fr)); } }