/* base */
*{ box-sizing:border-box; }
body{ margin:0; font-family: Arial, Helvetica, sans-serif; background:#fff; }

/* HERO full width */
.hero-nosotros{
  position: relative;
  width: 100%;
  height: 260px;
  background: url("../img/nosotros/hero.jpg") center/cover no-repeat;
}
.hero-overlay{ position:absolute; inset:0; background: rgba(0,0,0,.45); }
.hero-content{
  position:absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1200px, 92%);
  color:#fff;
}
.hero-content h1{
  margin:0 0 8px;
  font-size: 56px;
  font-weight: 900;
}
.breadcrumb{ font-size:14px; opacity:.95; }
.breadcrumb a{ color:#fff; text-decoration:none; }
.breadcrumb span{ margin:0 6px; }

/* =========================
   50/50 (imagen + texto)
   ========================= */
.about-grid{
  display:grid;
  grid-template-columns: 1fr 1fr; /* 50% / 50% */
  width: 100%;
  align-items: stretch;
  gap: 0;
}

/* IZQ imagen */
.about-img-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  padding: 60px 30px;
  background:black;
}

/* la “imagen única” con efecto collage */
.about-img-wrap img{
  width: min(560px, 100%);
  height: auto;
  display:block;
  background:black;
}

/* DER texto */
.about-text{
  padding: 70px 70px 70px 40px;
  background:black;
}

.about-text h2{
  margin:0 0 18px;
  font-size: 54px;
  font-weight: 900;
  color:#f58220;
}

.about-text p{
  margin:0 0 18px;
  color:white;
  line-height:1.8;
  font-size:16px;
}

.about-text .lead{
  font-weight: 700;
  color:white;
}

/* responsive */
@media (max-width: 980px){
  .about-grid{ grid-template-columns: 1fr; }
  .about-img-wrap{ padding: 30px 18px; }
  .about-text{ padding: 34px 22px; }
  .hero-content h1{ font-size: 40px; }
  .about-text h2{ font-size: 38px; }
}