/* Ilustraciones de los cuatro oficios, estilo realista de objeto.
   El realismo va al objeto -piston, aguja, modulo, calculadora- nunca a
   una sala: ilustran el oficio sin afirmar nada sobre las instalaciones. */

.ae-oficios { padding: 58px 0; background: #faf9f6; }

.ae-oficios-entrada {
    margin: 0 0 6px;
    max-width: 58ch;
    font-size: 1rem;
    line-height: 1.68;
    color: #3a3a3a;
}

.ae-oficios-rejilla { display: grid; gap: 34px; margin-top: 28px; }

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

.ae-oficio-texto h3 {
    margin: 0 0 6px;
    font-size: 1.1rem;
    color: #1a1a1a;
}

.ae-oficio-texto p {
    margin: 0;
    font-size: .96rem;
    line-height: 1.66;
    color: #3a3a3a;
}

.ae-oficios-nota {
    margin: 30px 0 0;
    font-size: .88rem;
    color: #666;
    border-left: 3px solid #f9d829;
    padding-left: 13px;
}

@media (min-width: 760px) {
    .ae-oficios-rejilla { grid-template-columns: 1fr 1fr; gap: 34px 40px; }
}