.elementor-357 .elementor-element.elementor-element-aebdffb{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-28bfd0f{width:var( --container-widget-width, 96.947% );max-width:96.947%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:96.947%;--container-widget-flex-grow:0;}.elementor-357 .elementor-element.elementor-element-28bfd0f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-357 .elementor-element.elementor-element-cb76098{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-357 .elementor-element.elementor-element-0b13483{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-357 .elementor-element.elementor-element-290bb97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-357 .elementor-element.elementor-element-c6ec8c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-28bfd0f *//* FONT CHUNG (có thể bỏ nếu site đã khai báo) */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

/* CARD CHÍNH */
.project-info-card {
  max-width: 900px;
  margin: 40px auto;
  padding: 24px 40px 32px;
  background: #fff9f3;              /* nền kem nhạt */
  border-radius: 32px;               /* bo tròn giống ảnh */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  position: relative;
}

/* HÀNG TRÊN */
.project-info-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.project-info-title {
  font-size: 16px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #b47b47;                    /* nâu nhẹ */
}

/* NÚT TRÒN GÓC PHẢI */
.project-info-share {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: none;
  background: #b47b47;               /* nâu đậm hơn */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* GRID 3 CỘT */
.project-info-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr 2fr;
  column-gap: 24px;
  row-gap: 4px;
  margin-bottom: 24px;
}

.project-info-label {
  font-size: 12px;
  color: #c0b3a5;
  text-transform: capitalize;
  margin-bottom: 2px;
}

.project-info-value {
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #2c5364;                    /* xanh hơi xám giống ảnh */
}

/* NÚT DÀI BÊN DƯỚI */
.project-info-cta {
  margin-top: 4px;
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 12px 24px;
  background: #b47b47;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
}

/* RESPONSIVE: màn nhỏ xếp dọc */
@media (max-width: 768px) {
  .project-info-card {
    padding: 20px 20px 24px;
  }

  .project-info-grid {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}/* End custom CSS */