/* Institucional */
        .institucional-content { padding-top: 40px; }

        .institutional-rich-text { color: var(--color-text-muted); line-height: 1.8; }

        .institutional-rich-text img { max-width: 100%; height: auto; }

        .history-img img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; border-radius: var(--border-radius); }

        .history-img p { position: absolute; margin: 0; }

        .history-img { position: relative; float: right; width: min(100%, 520px); height: auto; margin: 0 0 24px 40px; }

        .institutional-copy { width: 100%; }

        .inst-section { margin-bottom: 60px; }


        .inst-title { font-size: 24px; color: var(--color-primary); margin-bottom: 20px; font-weight: 700; border-bottom: 2px solid var(--color-bg-light); padding-bottom: 10px; }



        .history-layout { display: block; }


        .history-img { min-height: 0; background-color: var(--color-bg-light); border-radius: var(--border-radius); display: flex; align-items: flex-start; justify-content: center; color: var(--color-text-muted); overflow: hidden; }

        .history-layout::after { content: ""; display: table; clear: both; }



        .mvv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 30px; }


        .mvv-card { border: 1px solid var(--color-border); border-radius: var(--border-radius); padding: 40px 30px; background: var(--color-bg-light); text-align: center; transition: transform 0.3s; }


        .mvv-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); background: var(--color-white); }


        .mvv-icon { color: var(--color-secondary); margin-bottom: 20px; width: 48px; height: 48px; }


        .mvv-card h3 { color: var(--color-primary); margin-bottom: 15px; font-size: 20px; }


        .mvv-card p { font-size: 15px; color: var(--color-text-muted); line-height: 1.6; }



        @media (max-width: 768px) {
            .mvv-grid { grid-template-columns: 1fr; }

            .history-img { float: none; width: 100%; margin: 0 0 24px; }
        }

