/* Ilustraciones del oficio, estilo realista de objeto.
   El realismo va al objeto -conector, equipo, cable- nunca a una sala:
   asi ilustran el oficio sin afirmar nada sobre las instalaciones. */

.bs-oficio { padding: 52px 0; background: #fff; }

.bs-oficio-rejilla { display: grid; gap: 30px; margin-top: 28px; }

.bs-oficio-lamina {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 14px;
    border: 1px solid #dfe3ec;
    border-radius: 12px;
    background: linear-gradient(160deg, #fdfdfe 0%, #eef1f6 100%);
}

.bs-oficio-item h3 { margin: 0 0 6px; font-size: 1.04rem; color: #2f2b63; }
.bs-oficio-item p  { margin: 0; font-size: .95rem; line-height: 1.62; color: #3b4252; }

.bs-oficio-nota {
    margin: 28px 0 0;
    font-size: .88rem;
    color: #6b7280;
    border-left: 3px solid #f2b705;
    padding-left: 12px;
}

@media (min-width: 760px) {
    .bs-oficio-rejilla { grid-template-columns: repeat(3, 1fr); gap: 26px; }
}