.principal-message { display: flex; flex-wrap: wrap; gap: 20px; padding: 25px; background: linear-gradient(135deg, #f9f7f3, #e0f7fa); box-shadow: 0 10px 25px rgba(0,0,0,0.1); font-family: 'Segoe UI', Tahoma, sans-serif; color: #333; box-sizing: border-box; width: 100%; }
.principal-message .photo { flex: 0 0 250px; display: flex; }
.principal-message .photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; box-shadow: 0 5px 15px rgba(0,0,0,0.15); }
.principal-message .message-text { flex: 1; min-width: 250px; }
.principal-message .message-text h2 { font-size: 2rem; color: #00796b; margin-bottom: 15px; text-align: left; }
.principal-message .message-text p { font-size: 1.1rem; line-height: 1.7; margin-bottom: 15px; }
.principal-message .message-text p.signature { font-size: 1rem; font-style: italic; color: #555; margin-top: 20px; }
.department-tabs { margin-top: 30px; }
.dtp-tab-titles { list-style:none; display:flex; gap:8px; margin-bottom:15px; }
.dtp-tab-titles li { padding:10px 18px; background:#008000; color:#fff; border-radius:10px 10px 0 0; cursor:pointer; }
.dtp-tab-titles li.active { background:#005500; }
.dtp-tab-content { display:none; padding:20px; border:1px solid #008000; border-top:0; background:#f9fff9; }
.dtp-tab-content.active { display:block; }
@media(max-width:768px){.principal-message{flex-direction:column;padding:15px;}}