/* ====== HERO: Centru de Arși ====== */

.centru-arsi-homepage {
  /* pune aici imaginea ta reală */

  --bg: url("./../../../img/centru-arsi-homepage.webp");

  position: relative;

  max-width: 1400px; /* ca în restul paginii */

  margin: 0 auto;

  min-height: 560px; /* ~530px */

  border-radius: 2.6rem;

  overflow: hidden;

  background: #fff;

  background-image: linear-gradient(
      110deg,
      rgb(0 0 0 / 25%) 0%,
      rgb(0 0 0 / 0%) 38%
    ),
    var(--bg);

  background-size: cover;

  background-position: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  gap: 1.6rem;

  padding: clamp(3.2rem, 4vw, 4rem) clamp(1.5rem, 3.8vw, 3.8rem);
}

/* strat de întunecare fin, ca să se citească textul */

.centru-arsi-homepage::after {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.35) 100%
  );

  pointer-events: none;
}

/* conținutul să stea deasupra overlay-ului */

.centru-arsi-homepage > * {
  position: relative;

  z-index: 2;
}

/* titlul mare */

.centru-arsi-homepage .title {
  font-size: clamp(3.4rem, 4.5vw, 7rem);

  line-height: 1.02;

  font-weight: 700;

  color: #fff;

  letter-spacing: -0.01em;
}

/* textul sub titlu */

.centru-arsi-homepage p {
  max-width: 700px;

  color: #fff;

  font-size: 1.7rem;

  line-height: 1.35;

  text-wrap: balance;

  margin: 10px 0px;
}

/* butonul */

.centru-arsi-homepage a {
  display: inline-flex;

  align-items: center;

  gap: 0.4rem;

  color: #fff;

  background: var(--color-secondary);

  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.centru-arsi-homepage .buton-custom {
  font-size: 1.1em;

  padding: 15px 28px;

  border-radius: 14px;

  font-weight: 500;
}

.centru-arsi-homepage .buton-custom:hover {
  background: var(--color-primary);
}

.centru-arsi-homepage a::after {
  content: "chevron_right";

  font-family: "Material Symbols Outlined";

  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;

  font-size: 1.25rem;
}

.centru-arsi-homepage a:hover {
  transform: translateY(-2px);

  box-shadow: 0 23px 38px rgba(0, 191, 255, 0.4);

  text-decoration: none;

  color: #fff;

  background-color: var(--color-primary);
}

@media (max-width: 1400px) {
  .centru-arsi-homepage {
    max-width: 100%; /* ca în restul paginii */

    margin: 0 15px;

    padding: 60px 30px;
  }
}

/* ====== RESPONSIVE ====== */

@media (max-width: 900px) {
  .centru-arsi-homepage {
    border-radius: 1.8rem;

    min-height: 26rem;

    background-position: 40% center;
  }

  .centru-arsi-homepage .title {
    font-size: clamp(2.7rem, 10vw, 3.4rem);
  }
}

@media (max-width: 560px) {
  .centru-arsi-homepage {
    min-height: 23rem;

    gap: 1.2rem;
  }

  .centru-arsi-homepage p {
    font-size: 1.4rem;
  }

  .centru-arsi-homepage a {
    width: fit-content;
  }
}