/* proyectos.css — CSS page-specific plantilla Proyectos (grid alternating + filtros). Card en components.css, modal en _content-modal.css. Subset EXACTO de main.css. Fase final. */

/* ============================================================
   BASE RULES (source order preserved from main.css)
   ============================================================ */

/* Lines 2629–2635: section-proyectos1-content-tag */
.section-proyectos1-content-tag {
  font-size: clamp(26px, 2.0834vw, 52px);
  line-height: clamp(36px, 2.6042vw, 65px);
  color: #0f0f0f;
  text-decoration: none !important;
  margin-right: clamp(9px, 0.7292vw, 16px);
  transition: all 0.3s ease;
}

.section-proyectos1-content-tag:hover,
.section-proyectos1-content-tag.active {
  color: #ff4343;
}

.section-proyectos1-content-tag span {
  font-size: clamp(14px, 1.042vw, 26px);
  line-height: clamp(20px, 1.563vw, 39px);
}

.section-proyectos1-content-tags {
  padding: clamp(90px, 7.136vw, 137px) 0 24px 0;
  width: 61%;
  display: flex;
  flex-wrap: wrap;
}

/* Lines 3964–3967: content-main.content-main-int */
.content-main.content-main-int {
  padding: 0;
  padding-bottom: 100px;
}

/* Lines 4297–4304: section-proyectos1 */
.section-proyectos1 {
  opacity: 1;
  padding-bottom: 0;
}

.section-proyectos1.active {
  opacity: 0;
}

/* Lines 4333–4335: section-proyectos1-content-items-30 */
.section-proyectos1-content-items-30 .section-proyectos1-content-item {
  width: 33.33333%;
}

/* Lines 4984–4986: section-proyectos1 .section-proyectos1-content-tags */
.section-proyectos1 .section-proyectos1-content-tags {
  padding-bottom: clamp(72px, 5vw, 120px);
}

/* Lines 5353–5363: section-proyectos1-content-items-left / -right */
.section-proyectos1-content-items-left {
  width: 50%;
  position: absolute;
  left: 0;
}

.section-proyectos1-content-items-right {
  width: 50%;
  position: relative;
  margin-left: auto;
}

/* ============================================================
   @media (min-width: 991px) — line 6686
   ============================================================ */
@media (min-width: 991px) {
  .section-proyectos1-content-items-left
    .section-proyectos1-content-item:nth-child(1)
    .section-proyectos1-content-item-bg,
  .section-proyectos1-content-items-right
    .section-proyectos1-content-item:nth-child(1)
    .section-proyectos1-content-item-bg {
    transform: translateY(-100%) !important;
  }

  .section-proyectos1-content-items-left
    .section-proyectos1-content-item:nth-child(1)
    .section-proyectos1-content-item-card-image
    img,
  .section-proyectos1-content-items-right
    .section-proyectos1-content-item:nth-child(1)
    .section-proyectos1-content-item-card-image
    img {
    transform: translateY(0) !important;
  }
}

/* ============================================================
   @media (max-width: 991px) — line 6874 (large block)
   ============================================================ */
@media (max-width: 991px) {
  .section-proyectos1-content-tag {
    font-size: 20px;
    line-height: 24px;
  }

  .section-proyectos1-content-tags {
    width: 100%;
    padding: 45px 0 35px;
  }

  .section-proyectos1-content-items-30 .section-proyectos1-content-item {
    width: 100%;
  }

  .section-proyectos1 .section-proyectos1-content-tags {
    padding-bottom: clamp(18px, 6.1538462vw, 30px);
  }

  .section-proyectos1-content-items-left {
    width: 100%;
    position: initial;
  }

  .section-proyectos1-content-items-right {
    width: 100%;
  }
}