.page-main_content article[data-display="banner-top"]{
    margin-top: -20px;
}
.page-main__header{padding-bottom: 20px;}

.asp-main.page-main .asp-content-bottom {padding: 0;}


.page-main-cards {
  width: 100%;
  padding: 0 10px var(--spacing-32);
}

.page-main-cards__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-24);
}

.page-main-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-24);
  gap: var(--spacing-32);
  background: var(--white);
  border: 1px solid var(--gray-130);
  box-shadow:
    0 0 0.5px rgba(0, 0, 0, 0.12),
    0 10px 24px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius-16);
  min-height: 220px;
  transition: box-shadow 0.2s;
}
.page-main-card:hover {
  box-shadow:
    0 0 0.5px rgba(0, 0, 0, 0.15),
    0 12px 32px rgba(0, 0, 0, 0.12),
    0 4px 12px rgba(0, 0, 0, 0.10);
}


.page-main-card__icon {
  display: flex;
  align-items: flex-start;
  width: 44px;
  height: 40px;
  flex-shrink: 0;
  color: var(--color-brand-dark); 
}
.page-main-card__icon svg { width: 44px; height: 40px; }


.page-main-card__title {
  font-family: var(--font-family-base);
  font-size: 32px;  
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: var(--color-text-primary);  
  margin: 0;
  width: 100%;
}

.page-main-card__description {
  font-family: var(--font-family-base);
  font-size: var(--text-desktop-body-md-size);
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text-primary);
  margin: 0;
}

.page-main-card__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 10px;
  width: 100%;
  isolation: isolate;
  position: relative;
  min-height: 32px;
}

.page-main-card__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px var(--spacing-8);
  gap: var(--spacing-6);
  height: 32px;
  min-width: 72px;
  background: var(--blue-sky-100);    
  border-radius: var(--border-radius-8);
  border: none;
  font-family: var(--font-family-base);
  font-size: var(--text-desktop-body-md-500-size);
  font-weight: 500;
  line-height: 20px;
  color: var(--color-brand-dark);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s;
  z-index: 0;
}
.page-main-card__btn-primary:hover {
  background: var(--blue-sky-150);
}
.page-main-card__btn-primary svg {
  width: 20px; height: 20px; flex-shrink: 0;
}

.page-main-card__btns-guide {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 19px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.page-main-card__btn-guide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px var(--spacing-8);
  gap: var(--spacing-6);
  width: 78px;
  min-width: 72px;
  height: 32px;
  background: var(--color-brand-primary); 
  border-radius: var(--border-radius-8);
  border: none;
  font-family: var(--font-family-base);
  font-size: var(--text-desktop-body-md-500-size);
  font-weight: 500;
  line-height: 20px;
  color: var(--white);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s;
}
.page-main-card__btn-guide:hover {
  background: var(--color-brand-primary-hover);
}
.page-main-card__btn-guide svg {
  width: 20px; height: 20px; flex-shrink: 0;
}

.page-main__banner {
  width: 100%;
  height: 460px;
  min-height: 460px;
  box-sizing: border-box;
  background-color: var(--gray-120);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.page-main__banner-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

/**
 * About agentia
 */
.about-agentia-tabs {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  width: 100%;
  max-width: var(--breakpoint-2xl);
  font-family: var(--font-family-base);
  margin-bottom: var(--spacing-24);
}

.about-agentia-tabs .nav.nav-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  gap: var(--spacing-24);
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border: none;
}

.about-agentia-tabs .nav.nav-tabs > li {
  float: none;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  background: none;
}

.about-agentia-tabs .nav.nav-tabs > li > a.tab-link {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-16);
  width: 100%;
  min-height: 15.75rem;
  padding: var(--spacing-24);
  margin: 0;
  border: var(--border-width-1) solid var(--gray-120)!important;
  border-radius: var(--border-radius-16);
  background: var(--color-bg-primary);
  box-shadow: var(--drop-shadow-200);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: var(--text-desktop-body-md-weight);
  line-height: 1;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.about-agentia-tabs .tab-content > .active {border:0;}

.about-agentia-tabs .nav.nav-tabs > li > a.tab-link:hover,
.about-agentia-tabs .nav.nav-tabs > li > a.tab-link:focus {
  border-color: var(--color-border-secondary);
  outline: none;
}

.about-agentia-tabs .nav.nav-tabs > li.active > a.tab-link,
.about-agentia-tabs .nav.nav-tabs > li.active > a.tab-link:hover,
.about-agentia-tabs .nav.nav-tabs > li.active > a.tab-link:focus {
  border-color: var(--color-brand-dark);
  box-shadow: var(--drop-shadow-400);
  background: var(--gray-130);
}

.about-agentia-tabs__icon {
  display: block;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.5rem;
  color: var(--color-brand-dark);
}

.about-agentia-tabs__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.about-agentia-tabs__title {
  display: block;
  width: 100%;
  font-size: var(--text-desktop-heading-sm-size);
  font-weight: var(--text-desktop-body-md-500-weight);
  line-height: calc(var(--text-desktop-heading-sm-size) * 1.5);
  letter-spacing: -0.01em;
  color: var(--color-text-primary);
}

.about-agentia-tabs__desc {
  display: block;
  width: 100%;
  font-size: var(--text-desktop-body-md-size);
  font-weight: var(--text-desktop-body-md-weight);
  line-height: var(--text-desktop-body-md-height);
  color: var(--color-text-primary);
}

.about-agentia-tabs .tab-content .tab-pane {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: var(--spacing-24);
  background: var(--color-bg-primary);
  border: var(--border-width-1) solid var(--gray-120);
  border-radius: var(--border-radius-16);
  box-shadow: var(--drop-shadow-400);
  font-size: var(--text-desktop-body-md-size);
  line-height: var(--text-desktop-body-md-height);
  color: var(--color-text-primary);
}

.about-agentia-tabs .tab-content .tab-pane-content > p,
.about-agentia-tabs .tab-content .tab-pane-content > ul {
  margin: 0 0 var(--spacing-16);
}

.about-agentia-tabs .tab-content .tab-pane-content > p:last-child,
.about-agentia-tabs .tab-content .tab-pane-content > ul:last-child {
  margin-bottom: 0;
}

.about-agentia-tabs .tab-content .tab-pane-content h2,
.about-agentia-tabs .tab-content .tab-pane-content h3 {
  font-size: var(--text-desktop-body-lg-500-size);
  font-weight: var(--text-desktop-heading-2xs-weight);
  line-height: var(--text-desktop-body-lg-500-height);
  margin: var(--spacing-20) 0 var(--spacing-8);
  color: var(--color-text-primary);
}

.about-agentia-tabs .tab-content .tab-pane-content h2:first-child,
.about-agentia-tabs .tab-content .tab-pane-content h3:first-child {
  margin-top: 0;
}

.about-agentia-tabs .tab-content .tab-pane-content ul {
  padding-left: var(--spacing-20);
}

.about-agentia-tabs .nav.nav-tabs::after {
  display: none;
}


@media (max-width: 991px) {
  .about-agentia-tabs .nav.nav-tabs > li {
    flex: 1 1 16.25rem;
    min-width: min(100%, 16.25rem);
  }

  .about-agentia-tabs .nav.nav-tabs > li > a.tab-link {
    min-height: 0;
  }
}

.contact-asp{margin-bottom: -50px;}

/**
 * Conducerea
 */
.section-anexa {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: var(--spacing-24);
  font-family: var(--font-family-base);
  clear: both;
}

.section-anexa__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-24);
  width: 100%;
  max-width: var(--breakpoint-2xl);
}

.section-anexa__inner > div {width: 100%;}

.section-anexa__head {
  width: 100%;
  text-align: center;
}

.section-anexa__title {
  margin: 0;
  width: 100%;
  font-size: 36px;
  font-weight: 500;
  line-height: 3rem;
  text-align: center;
  color: var(--gray-700);
}


body.page--agentia .asp-hero, 
body.page--transparenta .asp-hero, 
body.page--date-deschise .asp-hero {
    background-image: url('/themes/custom/aspgovmd/images/fon/fon-asp-logo.png');                                   
    background-size: cover;
    background-position: center center;
    min-height: 408px;
    background-color: var(--gray-120);
}


body.page--informatii-utile .asp-hero{
    min-height: 700px; 
    background-color: var(--color-bg-primary);
    background-image: url('/themes/custom/aspgovmd/images/fon/grid-oval-center.svg');
    background-size: cover;
    background-position: center center;
}

.edemocratie-banner {min-height: 0; background-color: #0058D2;}


/* .page--agentia */
.page--agentia #main-content, .page--transparenta #main-content{background: linear-gradient(180deg, var(--white) 0%, var(--gray-120) 100%);}
.page--agentia .section-banner-vector, .page--transparenta .section-banner-vector{background: linear-gradient(326deg, #FFF 20%, #e0edffad 80%);}
.page--agentia .asp-content-wrap, .page--transparenta .asp-content-wrap {background: none;}

.page--agentia .page-main_content article{margin-top: -10px;}

.page--agentia .asp-section-electronic > .container, 
.page--transparenta .asp-section-electronic > .container, 
.page--date-deschise .asp-section-electronic > .container {gap: var(--spacing-56);}


@media (min-width: 1920px) {
.page-main__banner {background-size: 100% auto;}
}

@media (min-width: 1300px) {
.section-conducerea__adjuncts {margin-top: -280px}
}


@media (max-width: 991px) {
.contact-top .card-grid--3 {grid-template-columns: repeat(1, minmax(0, 1fr));}
  .page-main-cards__inner { grid-template-columns: 1fr; }
  .page-main-card__title  { font-size: 24px; line-height: 32px; }
  .page-main__banner {width: 100%; height: 320px; min-height: 320px; }
  .section-conducerea .media-block__header {height: 22rem;}
  .section-conducerea__adjuncts {justify-content: center;}
  #block-aspgovmd-svgplatformeutile{display: none;}
  body.page--informatii-utile .asp-hero {min-height: 0;}
}


@media (max-width: 767px) {
  .page-main_content article{margin-top: 0; padding-bottom: 0;}
  .page-main-cards { padding: 0 8px var(--spacing-24); }
  .page-main-card__btns-guide { position: static; }
  .page-main-card__footer { flex-wrap: wrap; }
  .page-main__banner {width: 100%; height: 220px; min-height: 220px; }
  .page-main__banner {background-image: none!important;}
  .page-main__header {text-align: center; width: 100%; padding-bottom:0!important;}
  .section-conducerea {padding: var(--spacing-16) var(--spacing-8) var(--spacing-40);}
  .section-conducerea__title {line-height: 2.5rem;}
  .section-conducerea__director .media-block {max-width: 22rem;}
  .section-conducerea__adjuncts {column-gap: 0;}
  .section-conducerea__adjuncts .media-block {max-width: 22rem; width: 100%;}
}