@charset "utf-8";
/* ============================
       NOSOTROS – CSS
    ============================ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --nosotros-bg: #ffffff;
      --nosotros-dark: #1a1a18;
      --nosotros-mid: #7a7568;
      --nosotros-gold: #b89a5e;
      --nosotros-btn-bg: #1a1a18;
      --nosotros-btn-text: #ffffff;
    }

    body {
      background: var(--nosotros-bg);
      font-family: 'Jost', sans-serif;
    }

    .nosotros-section {
      background-color: #fff;
      padding: 72px 24px 80px;
      max-width: 1200px;
      margin: 0 auto;
    }

    /* ── Header ── */
    .nosotros-header {
      text-align: center;
      margin-bottom: 48px;
    }
    .nosotros-header__eyebrow {
      font-size: 21px;
      font-weight: 400;
      letter-spacing: 0;
      color: #2D2D2D;
      text-transform: uppercase;
      margin-bottom: 12px;
	  font-family: 'Poppins';
    }
    .nosotros-header__title {
      font-family: 'Sitka Text', Georgia, serif;
      font-size: 42px;
      font-weight: 400;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #2D2D2D;
      line-height: 1.05;
      margin-bottom: 24px;
    }
    .nosotros-header__desc {
      font-size: 19px;
      font-weight: 300;
		line-height: 21px;
      color: #2D2D2D;
     max-width: 85%;
      margin: 0 auto;
      letter-spacing: 0;
		font-family: 'Poppins';
    }

 /* ── Grid de imágenes ── */
.nosotros-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 320px 320px; /* ajusta si quieres 300px */
  gap: 26px;
}

/* Contenedor común de imágenes */
.nosotros-img-wrap {
  overflow: hidden;
  background: #e8e4de;
}

/* Imagen */
.nosotros-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.nosotros-img-wrap:hover img {
  transform: scale(1.04);
}

/* Imagen grande izquierda */
.nosotros-img--main {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

/* Imágenes pequeñas (sin aspect-ratio) */
.nosotros-img--sm {
  /* nada aquí a propósito */
}

    /* ── Botón ── */
    .nosotros-cta {
      text-align: center;
      margin-top: 48px;
    }
    .nosotros-btn {
      display: inline-block;
      background-color: #C0C0C0;
      color: #2D2D2D;
      font-family: 'Poppins';
      font-size: 21px;
      font-weight: 400;
      letter-spacing: 0;
      text-transform: uppercase;
      padding: 17px 44px;
      text-decoration: none;
      cursor: pointer;
      border: none;
      transition: background 0.25s;
    }
    .nosotros-btn:hover {
		background-color: #2D2D2D;
		color: #C0C0C0;
}

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .nosotros-section { padding: 48px 16px 60px; }

      .nosotros-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
      }

      /* Imagen principal ocupa toda la fila superior */
      .nosotros-img--main {
        grid-column: 1 / 3;
        grid-row: auto;
        aspect-ratio: 4/3;
      }
      .nosotros-img--main img { min-height: unset; }

      .nosotros-img--sm {
        aspect-ratio: 1/1;
      }
    }

    @media (max-width: 480px) {
      .nosotros-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
      }
      .nosotros-header__title { letter-spacing: 0.08em; }
      .nosotros-btn { width: 100%; max-width: 320px; }
    }