/* ==========================================================================
   SECCIÓN: INTRODUCCIÓN I+D+i (Alineada perfectamente con los proyectos)
   ========================================================================== */
  .section-banner-idi {
  background: linear-gradient(rgba(20,20,20,0.25), rgba(20,20,20,0.25)),
  center/cover no-repeat var(--banner-img, #1a1a1a);
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  }

  .section-banner-idi h1 {
  color: #ffffff;
  font-weight: 700;
  font-size: 26px;
  margin: 0;
}

  .ppal-idi-intro {
  color: #8c8c8c !important;       /* Gris suave corporativo uniforme */
  line-height: 1.7 !important;
  
  /* Forzamos a que use el mismo inicio y ancho estándar del contenedor Bootstrap */
  width: 100% !important;          
  max-width: 100% !important;
  margin-left: 0 !important;        /* Alineación exacta con el título "Bene" */
  margin-right: 0 !important;
  
  text-align: left !important;     /* Alineación limpia a la izquierda */
  padding: 0 !important;
}

/* 1. Ajustes exclusivos para el primer párrafo largo */
.ppal-idi-intro:first-of-type {
  margin-top: 3.5rem !important;   /* Separación elegante respecto al banner superior */
  margin-bottom: 2rem !important;  /* Distancia con la frase final de liderazgo */
}

/* 2. Ajustes exclusivos para la frase "En Rother, innovar es nuestra forma de liderar." */
.ppal-idi-intro:last-of-type {
  font-weight: 500 !important;     /* Negrita sutil para dar importancia al eslogan */
  color: #8c8c8c !important;       /* Mismo tono de gris integrado */
  margin-bottom: 5rem !important;  /* Espacio de respiración amplio antes del bloque Bene */
}

/* Ajuste de seguridad y adaptabilidad para dispositivos móviles */
@media (max-width: 992px) {
  .ppal-idi-intro {
    padding: 0 1rem !important;    /* Pequeño margen interno para que no toque los bordes en pantallas táctiles */
  }
}

/* ==========================================================================
   SECCIÓN: LISTADO DE PROYECTOS (Bene, BESEA, OBtech, etc.)
   ========================================================================== */
.ppal-idi-item {
  padding: 3rem 0;
  border-bottom: 1px solid #eef0f3;
}

.ppal-idi-item:last-child {
  border-bottom: none;             /* Elimina la línea divisoria en el último elemento */
}

.ppal-idi-titulo {
  color: var(--ppal-azul);         /* Utiliza tu variable global de azul corporativo */
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.ppal-idi-descripcion {
  color: #666;                     /* Gris intermedio para las descripciones de producto */
  line-height: 1.7;
}

.ppal-idi-imagen {
  border-radius: 8px;              /* Bordes redondeados sutiles al estilo mockup */
  width: 100%;
  object-fit: cover;
}