/* Landing pages de campanie (/pachete/<slug>), dupa mockup-urile din LandingPages/: titluri
   sans-serif groase, auriu intens pentru accente, fundaluri inchise la hero si la investitie. */
.lp {
  --lp-inchis: #08182b;
  --lp-auriu: #f5c518;
  --lp-auriu-pal: #fff3c4;
  --lp-text: #1d232a;
  --lp-text-slab: #4b5563;
  --lp-fundal: #f6f7f9;
  background: var(--lp-fundal);
  color: var(--lp-text);
}
/* Titlurile groase, fara serife, doar in sectiunile proprii landing-ului; formularul si newsletter-ul
   pastreaza stilul site-ului. */
:is(.lp-hero, .lp-pentru, .lp-carduri, .lp-investitie) :is(h1, h2, h3) { font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.02em; }
.lp-accent { color: var(--lp-auriu); }
.lp-linie { display: block; width: 84px; height: 4px; border-radius: 2px; background: var(--lp-auriu); }
.lp-icoana { flex: none; }

/* Hero */
.lp-hero { position: relative; overflow: hidden; background: var(--lp-inchis); color: #fff; }
.lp-hero-foto {
  position: absolute; inset: 0 0 0 auto; width: 58%; height: 100%; object-fit: cover; object-position: center;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 38%);
  mask-image: linear-gradient(90deg, transparent 0, #000 38%);
}
.lp-hero-continut { position: relative; padding-block: 64px 72px; max-width: 1180px; }
.lp-hero-continut > * { max-width: 600px; }
.lp-hero h1 { margin: 22px 0 18px; font-size: clamp(2.6rem, 6vw, 4.6rem); font-weight: 900; line-height: 0.98; }
.lp-hero-linia1 { display: block; }
.lp-hero-accent { display: block; color: var(--lp-auriu); }
.lp-hero-subtitlu { margin: 0 0 10px; font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 800; line-height: 1.25; }
.lp-hero-text { margin: 0; color: #e5e9ee; font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.45; }

.lp-titlu-sectiune { position: relative; margin: 0 0 28px; padding-bottom: 14px; font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 900; color: var(--lp-text); }
.lp-titlu-sectiune::after { content: ""; position: absolute; left: 0; bottom: 0; width: 72px; height: 4px; border-radius: 2px; background: var(--lp-auriu); }

/* Pentru cine este */
.lp-pentru { background: #fff; padding-block: 34px; }
.lp-pentru-grila { display: grid; grid-template-columns: 1.1fr repeat(3, 1fr); gap: 0; align-items: center; }
.lp-pentru .lp-titlu-sectiune { margin: 0; padding-right: 24px; }
.lp-pentru-element { display: flex; gap: 14px; align-items: flex-start; padding: 6px 22px; border-left: 2px solid var(--lp-auriu); }
.lp-pentru-element .lp-icoana { color: #c99a00; }
.lp-pentru-element p { margin: 0; color: var(--lp-text); font-size: 0.98rem; line-height: 1.45; }

/* Carduri */
.lp-carduri { padding-block: 40px 48px; }
.lp-carduri-grila { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.lp-card { display: flex; min-height: 170px; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 10px 30px #08182b14; }
.lp-card-media { position: relative; flex: 0 0 38%; }
.lp-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lp-card-icoana {
  position: absolute; top: 50%; right: -38px; transform: translateY(-50%);
  display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%;
  background: var(--lp-auriu-pal); color: var(--lp-text); box-shadow: 0 0 0 6px #fff;
}
.lp-card-text { padding: 22px 22px 22px 56px; }
.lp-card h3 { margin: 0 0 8px; font-size: 1.12rem; font-weight: 800; line-height: 1.25; color: var(--lp-text); }
.lp-card p { margin: 0; color: var(--lp-text-slab); font-size: 0.95rem; line-height: 1.5; }

/* Investitie */
.lp-investitie { background: #0e2440; color: #fff; padding-block: 44px; }
.lp-investitie-grila { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 36px; align-items: center; }
.lp-investitie h2 { margin: 0 0 12px; font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight: 900; line-height: 1.1; }
.lp-investitie h2 .lp-accent { display: block; }
.lp-investitie-text p { margin: 0 0 22px; color: #e5e9ee; font-size: 1.05rem; line-height: 1.5; }
.lp-preturi { padding: 22px 26px; border-radius: 18px; background: #fff; color: var(--lp-text); }
.lp-preturi-rand { display: grid; grid-template-columns: repeat(3, 1fr); }
.lp-pret { display: flex; gap: 12px; align-items: flex-start; padding: 4px 16px; }
.lp-pret + .lp-pret { border-left: 2px solid var(--lp-auriu); }
.lp-pret .lp-icoana { color: #c99a00; }
.lp-pret-eticheta { display: block; color: var(--lp-text); font-size: 0.95rem; }
.lp-pret-valoare { display: block; margin-top: 4px; font-size: clamp(1.8rem, 3vw, 2.3rem); font-weight: 900; line-height: 1; }
.lp-pret-detaliu { display: block; margin-top: 6px; color: var(--lp-text-slab); font-size: 0.78rem; line-height: 1.35; }
.lp-pret-nota { display: flex; gap: 10px; align-items: center; justify-content: center; margin: 18px 0 0; color: var(--lp-text-slab); font-size: 0.85rem; }
.lp-nota-icoana { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--lp-auriu); color: #fff; flex: none; }

/* Formularul de impresariere (src/components/SectiuneImpresariere.astro), integrat dupa preturi,
   in acelasi aspect ca formularele paginilor de servicii. */
.lp-formular .contact-main { background: var(--lp-fundal); }

@media (max-width: 900px) {
  .lp-hero-foto { position: relative; inset: auto; width: 100%; height: 300px; -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent); mask-image: linear-gradient(180deg, #000 60%, transparent); }
  .lp-hero { display: flex; flex-direction: column-reverse; }
  .lp-hero-continut { padding-block: 28px 8px; }
  .lp-pentru-grila { grid-template-columns: 1fr; gap: 14px; }
  .lp-pentru .lp-titlu-sectiune { margin-bottom: 6px; }
  .lp-pentru-element { padding: 12px 0 0; border-left: 0; border-top: 1px solid #e6e8eb; }
  .lp-carduri-grila, .lp-investitie-grila { grid-template-columns: 1fr; }
  .lp-preturi-rand { grid-template-columns: 1fr; gap: 14px; }
  .lp-pret + .lp-pret { border-left: 0; border-top: 2px solid var(--lp-auriu); padding-top: 14px; }
}
@media (max-width: 560px) {
  .lp-card { flex-direction: column; }
  .lp-card-media { flex-basis: 170px; }
  .lp-card-icoana { top: auto; bottom: -34px; right: 50%; transform: translateX(50%); width: 68px; height: 68px; }
  .lp-card-text { padding: 44px 20px 20px; text-align: center; }
}

/* Sub preturi: un singur link discret spre comparatia celor trei pachete (fara sageata). */
.lp-comparatie { grid-column: 2; margin: -14px 0 0; text-align: center; color: #c9d3de; font-size: 0.95rem; }
.lp-comparatie a { color: var(--lp-auriu); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.lp-comparatie a:hover, .lp-comparatie a:focus-visible { text-decoration-thickness: 2px; }
@media (max-width: 900px) { .lp-comparatie { grid-column: auto; margin-top: 0; } }