.elementor-379 .elementor-element.elementor-element-f7a9db8{--display:flex;}.elementor-379 .elementor-element.elementor-element-ecbe5bb{--display:flex;}.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-379 .elementor-element.elementor-element-792348e{--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-379 .elementor-element.elementor-element-6e30fd8{--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-379 .elementor-element.elementor-element-bc14d3d{--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-379 .elementor-element.elementor-element-48a897f{--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-8ac878e *//* 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 */