.directiva-section { clear: both; margin: 0 0 48px; }
.directiva-section > h2 { margin: 0 0 6px; text-align: center; color: #00a000; font-size: 26px; font-style: italic; font-weight: 600; line-height: 1.3; }
.directiva-period { margin: 0 0 32px; text-align: center; font-size: 21px; font-style: italic; line-height: 1.4; }
.directiva-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 26px 24px; }
.directiva-card { min-width: 0; display: flex; flex-direction: column; background: #10665c; }
.directiva-card > img { box-sizing: border-box; display: block; width: 100%; height: 215px; object-fit: cover; object-position: center top; border: 3px solid #d5d5d5; background: #fff; }
.directiva-card > img[src$="persona.png"] { object-fit: contain; }
.directiva-caption { box-sizing: border-box; height: 128px; padding: 14px 10px; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #fff; }
.directiva-caption h3, .directiva-caption p { margin: 0; color: inherit; font-size: 15px; line-height: 23px; font-weight: 600; }
.directiva-card .directiva-caption h3, .directiva-card .directiva-caption p { text-align: center; width: 100%; }
.directiva-caption p { margin-top: 3px; }
@media (max-width: 1100px) { .directiva-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 650px) { .directiva-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; } .directiva-card > img { height: 200px; } .directiva-caption { height: 150px; } .directiva-caption h3, .directiva-caption p { font-size: 14px; line-height: 21px; } }
@media (max-width: 380px) { .directiva-grid { grid-template-columns: 1fr; } .directiva-card > img { height: 240px; } .directiva-caption { height: 128px; } }