.project-section { position: relative; background-color: var(--color-bg-white); padding: var(--section-padding-y) var(--header-padding-x); overflow: hidden; }
.project-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 63px; background-image: url("../../../assets/img/Index/project/ProyectoSeparatorLeft.svg"), url("../../../assets/img/Index/project/ProyectoSeparatorRight.svg"); background-position: left top, right top; background-repeat: no-repeat, no-repeat; background-size: auto 63px, auto 63px; }
.project-section::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' width='40' height='20' preserveAspectRatio='none'%3E%3Cpolygon points='0,20 20,0 40,20' fill='%23f08c3a'/%3E%3C/svg%3E"); background-repeat: repeat-x; background-size: 40px 20px; z-index: 5; }

.project-entities { text-align: center; margin-bottom: clamp(3rem, 5svw, 6rem); position: relative; z-index: 2; }
.project-entities__text { font-size: clamp(0.75rem, 1svw, 0.9rem); color: var(--color-text-light); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.5rem; }
.project-entities__logos { display: flex; justify-content: center; align-items: center; gap: clamp(2rem, 4svw, 5rem); flex-wrap: wrap; }
.logo-placeholder { height: clamp(50px, 6svw, 80px); width: auto; object-fit: contain; }

.project-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5svw, 6rem); max-width: 1400px; margin: 0 auto; align-items: center; position: relative; z-index: 2; }
.project-content { display: flex; flex-direction: column; align-items: flex-start; }
.badge { background-color: var(--color-brand-orange); color: var(--color-bg-white); padding: 0.4em 1em; font-size: clamp(0.8rem, 1svw, 0.9rem); font-weight: 600; border-radius: 4px; margin-bottom: 1.5rem; letter-spacing: 0.02em; }
.project-title { font-size: var(--font-size-h2); color: var(--color-brand-magenta); line-height: 1.1; font-weight: 800; margin-bottom: 1.5rem; }
.project-description { font-size: var(--font-size-body); color: var(--color-text-light); line-height: 1.7; margin-bottom: 1.5rem; }
.project-illustration { width: 100%; height: auto; display: block; }

.project-element--beans { top: 15%; left: 5%; width: clamp(40px, 6svw, 80px); }
.project-element--leaves { top: 15%; right: 0; width: clamp(150px, 20svw, 300px); transform: translateX(30%); }
.project-element--wheat { bottom: 5%; left: 0; width: clamp(100px, 15svw, 200px); transform: translateX(-20%); }

@media (max-width: 900px) {
  .project-grid { grid-template-columns: 1fr; gap: 3rem; }
  .project-illustration { max-width: 500px; margin: 0 auto; }
}

@media (max-width: 768px) {
  .project-element--leaves { top: 25%; width: clamp(80px, 30svw, 150px); }
  .project-element--beans { top: 50%; width: clamp(30px, 5svw, 50px); }
  .project-element--wheat { opacity: 0.4; }
}